/**********FOOTER****************/
footer {
    background: #333;
    padding: 4% 0; /* Added padding for spacing */
    min-width:100%;
    position:relative;
    
}

.footerCopyMobile{
    display:none;
}

#footerLeftContainer p{
    font-size:14px !important;
}

#footerContainer{
    width:80%;
    display:flex;
    flex-direction:row;
    margin:auto;
    align-items:center;
}

#footerLeftContainer{
    display:flex;
    flex-direction:column;
    color:white;
    font-size:12px;
    justify-content:flex-start;
    
}

#footerMiddleContainer{
    display:flex;
    margin-left:auto;
    font-size:30px;
    color:white;
    font-weight:600;
    padding-right:1%;
}

.logoStratejico{
    width:30%;
    float :right;
}



#footerRightContainer{
    display:flex;
    flex-direction:row;
}

.socialIcons{
    width:30px;
    margin: 0 3px 0 3px;
}

.akarsuu{
    width:100%;
    display:flex;
}

.akarsuu a{
    font-size:10px;
    margin-left:auto;
    padding-right:10%;
    color:gray;
}

.akarsuu p{
    font-size:10px;
    color:gray;
}

@media screen and (max-width: 1100px) and (min-width: 350px) {
footer {
    padding: 4% 0; 
    min-width:70%;
   
}
    
    #footerContainer{
    width:90%;
    display:flex;
    flex-direction:row;
    margin:auto;
    align-items:center;
    justify-content:center;
}

#footerMiddleContainer{
    display:flex;
    margin-left:auto;
    font-size:20px;
    color:white;
    font-weight:600;
    padding-right:2%;
}

#footerLeftContainer{
    display:none;
}

.footerCopyMobile{
    display:flex;
    margin:auto;
    width:70%;
    padding-top:5%;
}

.footerCopyMobile p{
    margin:auto;
    font-size:10px !important;
    
}

}

@media screen and (max-width: 1000px) and (min-width: 650px) {
footer {
    padding: 4% 0; 
    min-width:70%;
}
    
    #footerContainer{
    width:90%;
    display:flex;
    flex-direction:row;
    margin:auto;
    align-items:center;
}

#footerMiddleContainer{
    display:flex;
    margin-left:auto;
    font-size:20px;
    color:white;
    font-weight:600;
    padding-right:2%;
}

}

@media screen and (max-width: 650px) and (min-width: 350px) {
footer {
    padding: 4% 0; 
    min-width:70%;
}
    
    #footerContainer{
    width:90%;
    display:flex;
    flex-direction:row;
    margin:auto;
    align-items:center;
}

#footerMiddleContainer{
    display:flex;
    margin-left:auto;
    font-size:16px;
    color:white;
    font-weight:500;
    padding-right:2%;
}

.socialIcons{
    width:20px;
    margin: 0 3px 0 3px;
}

}