/*======================================
            NOTEBOOKS
=======================================*/

@media (max-width:1200px){

.container{

    width:92%;

}

.hero h1{

    font-size:52px;

}

.conteudo h2{

    font-size:38px;

}

.cta h2{

    font-size:46px;

}

}

/*======================================
            TABLETS
=======================================*/

@media (max-width:992px){

.hero{

    min-height:850px;
    padding:140px 0 90px;

}

.hero h1{

    font-size:46px;

}

.hero p{

    font-size:17px;
    line-height:30px;

}

.cards{

    grid-template-columns:repeat(2,1fr);

}

.bloco{

    grid-template-columns:1fr;
    gap:60px;

}

.advogado{

    grid-template-columns:1fr;
    gap:60px;

}

.foto{

    max-width:500px;
    margin:auto;

}

.conteudo{

    text-align:center;

}

.conteudo ul{

    display:inline-block;
    text-align:left;

}

.contador{

    flex-wrap:wrap;
    justify-content:center;
    gap:50px;

}

.numero{

    flex:0 0 40%;

}



}

/*======================================
        CELULAR GRANDE
=======================================*/

@media (max-width:768px){
.bloco_rodape
{
    width: 90%;
    min-height: 10px;
    float: none;
    text-align: center;  
    margin: 10px auto;  
}

header{

    padding:20px 0;

}



.hero{

    min-height:auto;

    padding:140px 0 90px;

}

.hero-logo{

    width:90px;
    margin-bottom:30px;

}

.hero h1{

    font-size:38px;

    line-height:1.25;

}

.hero p{

    font-size:16px;

    line-height:28px;

}

.btn{

    width:100%;
    max-width:320px;

    margin:auto;
    margin-top:35px;

}

.titulo{

    font-size:34px;

}

.cards{

    grid-template-columns:1fr;

}

.card{

    padding:30px;

}

.texto h2{

    font-size:34px;

}

.numeros h2{

    font-size:34px;

}

.contador{

    flex-direction:column;

    gap:40px;

}

.numero{

    width:100%;

}

.numero h3{

    font-size:44px;

}

.conteudo h2{

    font-size:34px;

}

.cta{

    padding:90px 0;

}
.maps{

    padding:90px 0;

}

.cta h2{

    font-size:36px;

}

.cta p{

    font-size:16px;

}


}

/*======================================
            CELULAR
=======================================*/

@media (max-width:576px){

.container{

    width:92%;

}

.hero{

    text-align:center;

}

.hero h1{

    font-size:32px;

}

.hero p{

    font-size:15px;

}

.hero-logo{

    width:80px;

}

.especialidades{

    padding:80px 0;

}

.card{

    padding:25px;

}

.card h3{

    font-size:19px;

}

.card p{

    font-size:15px;

}

.negativa{

    padding:80px 0;

}

.texto h2{

    font-size:30px;

}

.texto p{

    font-size:15px;

}

.box{

    padding:20px;

    font-size:15px;

}

.numeros{

    padding:80px 0;

}

.numeros h2{

    font-size:30px;

}

.numero h3{

    font-size:40px;

}

.sobre{

    padding:80px 0;

}

.foto::after{

    display:none;

}

.conteudo h2{

    font-size:30px;

}

.conteudo p{

    font-size:15px;

    line-height:28px;

}

.conteudo li{

    font-size:15px;

}

.cta h2{

    font-size:30px;

}

footer{

    padding:35px 0;

}

footer p{

    font-size:14px;

}

}

/*======================================
        CELULARES PEQUENOS
=======================================*/

@media (max-width:400px){

.hero{

    padding-top:120px;

}

.hero h1{

    font-size:28px;

}

.hero p{

    font-size:14px;

}

.titulo{

    font-size:28px;

}

.texto h2{

    font-size:27px;

}

.numeros h2{

    font-size:28px;

}

.conteudo h2{

    font-size:27px;

}

.cta h2{

    font-size:28px;

}

.btn{

    font-size:14px;

    padding:15px 25px;

}



}
@media all and (max-width: 1550px) {
.hero h1 {
    font-size: 40px;
    font-weight: 100;
    line-height: 1.15;
    margin: 10% auto;
}
.hero h2 {
   margin: 0px auto;
}
}
@media all and (max-width: 1150px) {
.hero h1 {
    font-size: 40px;
    font-weight: 100;
    line-height: 1.15;
    margin: 15% auto 30px;
}
.hero h2 {
   margin: 20px auto;
}
}
@media all and (max-width: 500px) {
.hero h1 {
    margin: 25% auto 20px;
}
.hero h2 {
   margin: 20px auto;
}
}
@media all and (max-width: 400px) {
.hero h1 {
    margin: 30% auto 20px;
}
.hero h2 {
   margin: 20px auto;
}
}

/*======================================
        TELAS MUITO GRANDES
=======================================*/

@media (min-width:1600px){

.container{

    max-width:1400px;

}

.hero h1{

    font-size:74px;

}

.hero p{

    font-size:22px;

    max-width:900px;

}

.titulo{

    font-size:50px;

}

.texto h2{

    font-size:56px;

}

.conteudo h2{

    font-size:52px;

}

.cta h2{

    font-size:58px;

}

.numero h3{

    font-size:70px;

}

}
@media (max-width: 850px) {
    .whatsapp {
        left: 89%;
    }
        .cont_cid {
        width: 45%;
        height: 33px;
        float: left;
        margin: 10px 2% 0px 2%;
        padding-top: 8px;
    }
}
@media (max-width: 700px) {
    .whatsapp {
        left: 85%;
    }
        .cont_cid {
        width: 95%;
        height: 33px;
        float: left;
        margin: 10px 2% 0px 2%;
        padding-top: 8px;
    }
}
@media (max-width: 510px) {
    .whatsapp {
        left: 80%;
    }
}
@media (max-width: 440px) {
    .whatsapp {
        left: 75%;
    }
}