* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-image: url(/imagens/bg.png);
    background-repeat: repeat;
    background-attachment: fixed;
    overflow: visible;
}


.logo {
    width: 100%;
    height: 95vh;
    background-color: rgba(211, 195, 162, 0.6);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.logo img {
    width: 55%;
}

.frase {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Inria Serif", serif;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 5.8px 5.8px rgba(0, 0, 0, 0.25);
}

.nav {
    width: 100%;
    height: 5vh;
    background-color: rgba(211, 195, 162, 0.6);
    display: flex;
    justify-content: space-evenly;
    position: sticky;
    top: 0;
}

.nav a {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: "Inria Serif", serif;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #00000000;
    text-underline-offset: 5px;
    color: #000;
    transition-duration: 0.5s;
}

.nav a:hover {
    text-decoration-color: #000;
}

.whatsBtn {
    width: 100%;
    height: 6vh;
    display: flex;
    justify-content: space-evenly;
    align-items: end;
    position: sticky;
    top: 5vh;
}

.whatsBtn a {
    text-decoration: none;
    color: #FFF;
    filter: none;
    transition-duration: 0.5s;
}

.whatsBtn a:hover {
    filter: brightness(105%);
}

.linkBloco {
    width: 500px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background-color: #29A71A;
    transition-duration: 0.5s;
}

.linkBloco img {
    height: 100%;
}

.linkBloco:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.container {
    width: 100%;
    display: flex;
    flex-direction: column;


}

.sobre_mim {
    width: 100%;
    padding-top: 110px;
    display: flex;
    align-items: end;
}

#sobre_mim {
    width: 100%;
    height: 100vh;
    padding-top: 12vh;
    display: flex;
    align-items: center;
}

.sobre_mim_bloco {
    width: 100%;
    display: flex;
    justify-content: center;
}

.infos {
    width: 85%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #D4C3A2;
    box-shadow: 0 0 25px #00000033;
}

.foto {
    width: 43%;
    height: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foto img {
    max-width: max-content;
    max-height: max-content;
    height: auto;
    width: 100%;
}

.texto {
    width: 57%;
    height: 100%;
    padding: 2vh 2vw;
}

.texto h1 {
    font-weight: bold;
    font-style: italic;
    font-size: 3vw;
    font-family: "Inria Sans", sans-serif;
    text-shadow: 0 4px 5px #00000025;
}

.texto p {
    font-size: 1.1vw;
    font-weight: bold;
    text-align: justify;
    font-family: "Kadwa", serif;
}

.texto_mobile_1 {
    display: none;
}

.texto_mobile_2 {
    display: none;
}

.publico_atendido {
    width: 100%;
    padding-top: 110px;
    display: flex;
    align-items: end;
}

#publico_atendido {
    width: 100%;
    padding-top: 12vh;
    display: flex;
    align-items: center;
}

.publico_atendido_bloco {
    width: 100%;
    height: 680px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 20px;
    background-color: #FCFDE4;
    box-shadow: 0px 0px 20px #00000033;
}

.publico_atendido_bloco h1 {
    text-align: center;
    font-family: "Junge", cursive;
    font-size: 55px;
    font-weight: 300;
    text-shadow: 0 4px 5px #00000066;
}

.publicos {
    width: 100%;
    display: flex;
    justify-content: space-around;

}

.publicos h2 {
    text-align: center;
    font-family: "Junge", cursive;
    ;
}

.publicos p {
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    font-family: "Inria Serif", serif;
}

.presencial {
    width: 650px;
    background-color: #F3E7CF;
    padding: 10px;
    text-align: center;
    box-shadow: 0 5px 10px #00000050;
}

.online {
    width: 650px;
    background-color: #F3E7CF;
    padding: 10px;
    box-shadow: 0 5px 10px #00000050
}

.texto_atencao {
    width: 100%;
    height: 60px;
    font-size: 25px;
    text-align: center;
    text-decoration: underline;
    text-shadow: 0 3px 5px #00000020;
}

.perguntas_frequentes {
    width: 100%;
    padding-top: 110px;
    display: flex;
    align-items: end;
}

#perguntas_frequentes {
    width: 100%;
    height: 100vh;
    padding-top: 12vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.perguntas_frequentes_bloco {
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    box-shadow: 0 0 20px #00000033;
    background-color: #FCFDE4;
}

.perguntas_frequentes_bloco h1 {
    text-align: center;
    font-family: "Junge", cursive;
    font-size: 55px;
    font-weight: 300;
    text-shadow: 0 4px 5px #00000066;
}

.btn_pergunta {
    width: 1100px;
    height: 70px;
    font-size: 45px;
    font-family: "Jockey One", sans-serif;
    margin-top: 15px;
    border-radius: 15px;
    background-color: #D3C3A2;
    border-width: 1px;
    color: #000 !important;
}

.btn_pergunta:hover {
    background-color: #eadbba;
    cursor: pointer;
}

.resposta_pergunta {
    width: 1100px;
    display: none;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    padding: 20px;
    border: solid 1px #000;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    background-color: #D3C3A2;
}

.destaque {
    font-weight: bold;
    font-size: 30px;
}

.contato {
    width: 100%;
    padding-top: 110px;
    display: flex;
    align-items: end;
}

#contato {
    width: 100%;
    padding-top: 12vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contato_bloco {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background-color: #D3C3A2;
    box-shadow: 0 0 20px #00000033;
}

.contato_bloco h1 {
    text-align: center;
    font-weight: bold;
    font-family: "Inria Serif", serif;
    font-size: 60px;
    text-shadow: 0 4px 5px #00000066;
}

.entre_em_contato {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.email_e_telefone {
    width: 80%;
    display: flex;
    justify-content: space-between;
    font-size: 38px;
    margin-top: 15px;
}

.redes_sociais {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 2.6em;
    font-family: "Inria Serif", serif;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 4px 7px #00000066;
    height: 130px;
    margin: 45px 0;
}

.icones {
    display: flex;
    justify-content: space-between;
    height: 55px;
}

.icones a {
    transition-duration: 0.5s;
}

.icones a:hover {
    filter: drop-shadow(0 0 10px #00000070);
}

.endereco {
    width: 80vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 2em;
    margin: 30px 0;
}

.localizacao {
    margin-top: 20px;
    width: 100%;
    height: 500px;
    padding: 10px;
}

.localizacao img {
    min-width: auto;
    max-width: auto;
    height: 100%;
}

.localizacao iframe {
    border: 0;
    border-radius: 15px;
    width: 55%;
    height: 100%;
}

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

    .publico_atendido_bloco {
        height: 1000px;
    }

    .publicos {
        flex-direction: column;
        justify-content: space-between;
    }

    .presencial {
        width: 100%;
        margin-bottom: 30px;
    }

    .presencial p {
        font-size: 2.4vw;
    }

    .online {
        width: 100%;
    }

    .online p {
        font-size: 2.4vw;
    }

    .texto_atencao {
        font-size: 2.5vw;
    }

    .btn_pergunta {
        width: 100%;
        font-size: 4.2vw;
        color: #000 !important;
    }

    .resposta_pergunta {
        width: 100%;
        font-size: 3vw;
    }

    .destaque {
        font-weight: bold;
        font-size: 30px;
    }

    .email_e_telefone {
        font-size: 2vw;
    }

    .localizacao {
        height: 250px;
    }
    
    .localizacao img {
        height: 100%;
    }
    
    .localizacao iframe {
        border: 0;
        border-radius: 15px;
        width: 55%;
        height: 100%;
    }
}

@media screen and (max-width: 480px) {
    .logo {
        height: 70vh;
        justify-content: center;
    }

    .logo img {
        width: 90%;
    }

    .frase {
        scale: 0.7;
    }

    .nav {
        position: static;
        height: 23vh;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    .whatsBtn {
        position: static;
        display: flex;
        align-items: center;
        height: 7vh;
        background-color: rgba(211, 195, 162, 0.6);
    }

    .whatsBtn a {
        position: fixed;
        bottom: env(safe-area-inset-bottom);
        margin-bottom: 10px;
        width: 90%;
    }

    .linkBloco {
        width: 100%;
    }

    .container {
        margin-top: 150px;
        background: linear-gradient(180deg, #FCFDE4 16%, #F3E7CF 45%, #D3C3A2 100%);
        box-shadow: 0 4px 4px #00000025 inset;
    }

    .sobre_mim {
        padding-top: 0;
    }

    #sobre_mim {
        height: 80vh;
        padding-top: 30px;
        align-items: start;
    }

    .infos {
        background-color: transparent;
        box-shadow: none;
        flex-wrap: wrap;
        width: 95%;
    }

    .foto {
        width: 50%;
        float: left;
    }

    .texto {
        width: 50%;
        float: right;
        padding: 0;
    }

    .texto h1 {
        font-size: 6vw;
    }

    .texto p {
        display: none;
    }

    .texto_mobile_1 {
        padding-top: 5px;
        display: block;
        font-family: "Kadwa", serif;
        font-size: 3vw;
    }

    .texto_mobile_2 {
        display: block;
        padding: 10px;
        font-family: "Kadwa", serif;
        font-size: 3vw;
    }

    .publico_atendido {
        padding-top: 0;
    }

    #publico_atendido {
        padding-top: 30px;
    }

    .publico_atendido_bloco {
        background-color: transparent;
        box-shadow: none;
        height: 580px;
        padding: 10px;
    }

    .publico_atendido_bloco h1 {
        font-size: 9vw;
    }

    .publicos {
        order: 2;
    }

    .presencial p {
        font-size: 3vw;
    }

    .online p {
        font-size: 3vw;
    }

    .texto_atencao {
        order: 1;
        font-size: 3vw;
        height: auto;
    }

    #perguntas_frequentes {
        height: 800px;
    }

    .perguntas_frequentes_bloco {
        background-color: transparent;
        box-shadow: none;
    }

    .perguntas_frequentes_bloco h1 {
        font-size: 11vw;
    }

    .btn_pergunta {
        font-size: 5vw;
        height: 50px;
        color: #000 !important;
    }

    .resposta_pergunta {
        font-size: 3vw;
        padding: 5px;
    }

    .destaque {
        font-weight: bold;
        font-size: 4vw;
    }

    .contato {
        padding-top: 0;
    }

    #contato {
        padding-top: 0;
    }

    .contato_bloco {
        background-color: transparent;
        box-shadow: none;
        padding: 5px;
    }

    .contato_bloco h1 {
        font-size: 10vw;
    }

    .email_e_telefone {
        font-size: 5vw;
        flex-direction: column;
        align-items: center;
    }

    .redes_sociais {
        font-size: 9vw;
    }

    .icones {
        height: 45px;
    }

    .icones a img {
        height: 100%;
    }

    .endereco {
        width: 70vw;
        font-size: 5vw;
    }

    .localizacao {
        margin-top: 20px;
        width: 100%;
        height: auto;
        padding: 10px;
    }
    
    .localizacao img {
        width: 100%;
        height: auto;
    }
    
    .localizacao iframe {
        border: 0;
        border-radius: 15px;
        width: 100%;
        height: 200px;
    }
}