body{
    font-family: 'Abhaya Libre', serif;
}

/* ----------------GERAIS---------------- */
.caixa{
    width: 1100px;
    margin: 0 auto;
}

.d-flex{
    display: flex;
}

.j-content-between{
    justify-content: space-between;
}

.aling-center{
    align-items: center;
}

.link{
    text-decoration: none;
    color: #FFF;
}

.py-1{
    padding: 10px 0;
}

.py-2{
    padding: 20px 0;
}

.fundo-padrao{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.font-white{
    color: #FFF;
}

.btn-padrao{
    background-color: #132A13;
    padding: 10px 20px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

.f-wrap{
    flex-wrap: wrap;
}

.f-wrap-reverse{
    flex-wrap: wrap-reverse;
}

.text-center{
    text-align: center;
}

.j-content-around{
    justify-content: space-around;
}

.bold{
    font-weight: bold;
}

/* ----------------FIM GERAIS---------------- */



.backgroud-header{
    background-image: url("../img/imagem-header.webp");
    height: 100vh;
}

.div-navegacao{
    background-color: #102D4A;
}

.logo-nav{
    width: 266px;
    padding-left: 10px;
    height: auto;
}

.itens-navegacao{
    padding-right: 10px;
}

.link-nav-itens{
    font-size: 25px;
    padding-left: 15px;
}

.btn-responsive{
    display: none;
}

.btn-mobile{
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.open{
    margin-top: 10px;
}


.div-text-header{
    position: relative;
    top: 50%;
    transform: translateY(80%); 
    margin-left: 20px;
}
.texto-header{
    width: 634px;
}

h1{
    font-size: 40px;
}

.img-btn-wpp{
    margin-right: 10px;
}

.div-btn-header{
    padding-top: 30px;
    width: 100%;
}

.main01{
    background-image: url("../img/imagem-section01.webp");
    
}

.tam-text-main01{
    width: 509px;
    font-size: 27px;
}
.logo-main01{
    width: 224px;
    height: 224px;
}

h2{
    font-size: 40px;
}

.main02{
    background-image: url("../img/imagem-brasilia.webp");
}

.text-lista-main02{
    font-size: 30px;
    line-height: 40px;
}

.logo-main02{
    width: 240px;
    height: auto;
}

.fundo-botao-main03{
    background-color: #102D4A;
}

.main03{
    background-image: url("../img/imagem-section-02.webp");
}

.titulo-topicos{
    background-color: #102D4A;
    display: inline-block;
    padding: 5px;
    font-size: 20px;
}

.desc-topicos{
    width: 240px;
    font-size: 16px;
}

.main04{
    background-color: #102D4A;
}

.fotos-advogados{
    width: 250px;
    height: auto;
}

.nomes-advogados{
    background-color: #102D4A;
    display: inline-block;
    padding: 5px;
}

.desc-advogados{
    width: 271px;
    font-size: 20px;
    padding: 10px;
}

.f-footer{
    background-color: #132A13;
}

.img-footer{
    width: 490px;
    height: auto;
}

.desc-contato{
    font-size: 25px;
}



@media (max-width: 1100px){
    .caixa{
        width: 95%;
    }
}

@media (max-width: 810px){
    .itens-navegacao{
        display: none;
    }
    .open{
        display: flex;
        position: absolute;
        flex-direction: column;
        text-align: center;
        width: 95%;
        background-color: #102D4A;
        justify-content: space-around;
        height: 200px;
        margin-top: 258px;
        padding-right: 0px;
        z-index: 1;
        
    }

    .btn-responsive{
        display: block;
    }
}

@media (max-width: 735px){
    .container-main01{
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 654px){
    .texto-header{
        width: 100%;
        text-align: center;
        font-size: 30px;
    }

    .div-text-header{
        transform: translateY(70%);
        margin-left: 0;
    }

    .div-btn-header{
        text-align: center;
    }

}

@media (max-width: 510px){
    .tam-text-main01{
        width: 100%;
    }
}

@media (max-width: 542px){
    .desc-advogados{
        width: 100%;
        padding: 10px 0;
        
        text-align: center;
    }

    .advogados-542px{
        flex-direction: column;
    }
}

@media (max-width: 490px){
    .img-footer{
        width: 100%;
        height: auto;
    }
}

@media (max-width: 450px){
    .logo-nav{
        width: 70%;
    }
}