/* Responsividade Geral*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .links-topo{
        max-width: 450px;
        width: 100%;
    }
    
    .container .container-img{
        height: 40%;
    }
    
    .container .container-info{
        height: 60%;
        justify-content: space-evenly;
        gap: 5px;
    }

    
    
}

@media screen and (max-width: 767px) {

   .limitador.container-logo {
    max-width: 322px;
   }

   
   .limitador .container-logo h1{
    font-size: 20px;
    width: 120px;
   }

   .links-topo{
    max-width: 400px;
    width: 100%;
   }

   .sobre{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
   }

   .container-fotos{
    width: 100%;
   }

   .sobre-nos{
    width: 100%;
    margin-right: 0px;
   }

   .container-banner h2{
    font-size: 20px;
   }

   .container-cards{
    gap: 10px;
   }

   .card{
    width: calc(100% / 2 - 5px);
    max-width: 300px;
    height: 350px;
    gap: 5px;
   }   
   
   .info{
    height: 1100px;
    max-height: 1100px;
   }

   .container-informacoes{
    width: 100%;
   }

   .container-maps{
    width: 100%;
    min-width: 100%;
    height: 50%;
   }
   
   .informacoes-rodape{
       gap: 5px;
   }

   .container-info-rodape{
    flex-grow: 1;
   }

    .container-info-rodape p{
        line-height: 20px;
    }

    .container-rodape-contato{
        flex-grow: 1;
    }

    .topo-rodape{
        align-items: center;
    }

    .topo-rodape p{
        text-align: center;
    }

    .fim-rodape p{
        text-align: center;
    }

}

@media screen and (max-width: 465px) {
    .informacoes-rodape{
        height: 340px;
        max-height: none;
        display: flex;
        flex-direction: column;
    }

    .container-rodape-contato{
        width: 100%;
    }
}

@media screen and (max-width: 424px) {
    .background h2{
        font-size: 25px;
    }

    .limitador.container-logo {
    max-width: 322px;
   }

   
   .limitador .container-logo h1{
    font-size: 20px;
    width: 120px;
   }

   .links-topo{
    max-width: 250px;
    width: 100%;
   }

   .sobre-nos{
    padding: 0px;
   }

   .card{
    width: 100%;
    height: 300px;
   }

   .info{
    height: 920px;
   }

   .container-maps{
    max-height: 400px;
   }
}

@media screen and (max-width: 375px) {
    .container-logo h1{
        display: none;
    }

    .container .container-valor p{
        font-size: 25px;
    }

    .container .container-valor span{
        font-size: 18px;
    }
    
    .info{
        height: 950px;
    }

    .topo-rodape img{
        width: 100%;
    }
}

@media screen and (max-width:640px) {
    .links-topo{
        max-width: 400px;
        width: 100%;
    }

    .topo-rodape p{
        max-width: 400px;
    }
}

@media screen and (max-width:509px) {
    header{
        height: 130px;
        padding: 5px;
    }

    header .limitador{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .container-logo{
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .limitador .container-logo h1{
        width: 100%;
        font-size: 20px;
    }
}
/* Responsividade Geral*/

/* Responsividade das comprimideiras */
@media screen and (max-width: 900px){
    .container:nth-of-type(4){
        display: none;
    }
    
    .container:nth-of-type(5){
        display: none;
    }
}

@media screen and (max-width: 617px){
    .container:nth-of-type(3){
        display: none;
    }
}

@media screen and (max-width:475px){
    .container:nth-of-type(6){
        display: none;
    }
}

/* Responsividade das comprimideiras fim*/