@media (max-width: 1040px){
    #center, #center2{
        width: 98%;
    }    
    .nossos-clientes{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }    
    .nossos-clientes .clientes_lista{
        flex-basis: 28%;
        margin: 10px 0;
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 0;
    }
    #center-left, #center-right, #center-right img{
        width: 100%;
    }
    #center-right{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 12px;
    }
    #center-right div{
        flex-basis: 33%;
    }  
    footer .rodape-container .logo-rodape{
        flex-basis: 0% !important;
    }
    #header-center{
        width: 98%;
    }
    #menu li{
        font-size: 15px;
    }
    #menu li a{
        padding: 50px 12px;
        font-size:13px;
    }
    #center2{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #center2 #center-left, #center2 #center-right{
        width: auto;
        float: none;
    }
    #center2 #center-left{
        flex-basis: 63%;        
    }
    #center2 #center-left img{
        width: 100%;
    }
    #center2 #center-right{
        flex-basis: 34%;
        display: inline-block;
    }
    .obras-body #center2 #center-left img{
        flex-basis: 33.3%;
        width: auto;
    }
}
@media (max-width: 830px){
    #menu{
        display: none;        
    }
    #btn-menu-mobile{
        display: block;
    }
    #center2 #center-left{
        border: none;
    }
    #center2 #center-left, #center2 #center-right{
        flex-basis: 100%;
    }
    #center2 #center-right{
        display: flex;
        justify-content: space-between;
    }
    #center2 #center-right a{
        flex-basis: 48%;
    }
    #logo{
        position: fixed;
        left: 5px;
        top: 0px;
        z-index: 99999999;
        border-radius: 50%;
        text-align: center;
    }
    #logo a{
        display: block;        
        padding: 12px 6px 6px 6px;    
        transition: all .5s;
    }
    #logo img{
        width: 100%;
        transition: all .3s;
    }
    #container{
        margin-top: 80px;
    }
}
@media (max-width: 750px){
    #center-right .servicos-alt{
        flex-basis: 100%;
        background: linear-gradient(90deg, #ff151a 5%, #1c1947 5%);
    }
    .mapa-site{
        flex-basis: 30% !important;
    }
    .contato-rodape{
        flex-basis: 70% !important;
    }
}
@media (max-width: 530px){
    .mapa-site, .contato-rodape{
        flex-basis: 100% !important;
        text-align: center;
    }
    .mapa-site ul{
        display: inline-block;        
    }
    .mapa-site li{
        text-align: center;
    }    
}
@media (max-width: 440px){
    #container > footer > div > div.contato-rodape > div:nth-child(2){
        margin-right: 0 !important;
    }
    .contato-rodape{
        text-align: center;
    }
    .contato-rodape p{
        float: none;
        text-align: center;
    }
    .contato-rodape div{
        text-align: center;
    }
}
@media (max-width: 420px){
    .nossos-clientes .clientes_lista{
        flex-basis: 40%;
    }
    #center2 #center-right{
        flex-wrap: wrap;
    }
    #center2 #center-right a{
        flex-basis: 100%;
    }
}
@media (max-width: 415px){
    #btn-menu-mobile {
        top: 20px;
    }
    .obras-body #center2 #center-left img{
        flex-basis: 30%;
    }
}
@media (max-width: 385px){
    footer .rodape-container{
        padding: 0;
    }
    .obras-body #center2 #center-left img{
        flex-basis: 40%;
    }
}
@media (max-width: 355px){
    .obras-body #center2 #center-left img{
        width: 100%;
    }
}