@media screen and (max-width: 700px) {
    .desktop{
        display: none;
    }
    .desktop-todo{
        display: none;
    }
    .mobile-todo{
        display: flex;
    }
    .logo-whatsapp-flutuante{
        display: none;
    }
    .mobile{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        background-color: #f7f7f7;
        padding-top: 2vh;
        padding-bottom: 2vh;
        position: fixed;
        box-shadow: 0px -10px 15px 5px #2b3b30;
        z-index: 999;
        transition: 1s;
    }
    .main-logo-header{
        width: 30%;
        padding-left: 0vh;
    }
    .div-nav-mobile{
        width: 60%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    .conheca-nossos-servicos-nav-mobile{
        text-decoration: none;
        color: #ac7b57;
        font-size: 1.5vh;
        font-family: 'roboto-black';
    }
    .ancora-nav-mobile{
        width: auto;
    }
    .logo-whatsapp-nav-mobile{
        width: 2.5vh;
    }
    .logo-linkedin-nav-mobile{
        width: 2.5vh;
    }
    #primeira-sessao{
        display: flex;
        margin-top: 5vh;
    }
    .texto-primeria-sessao-home{
        position: absolute;
        left: 52%;
        top: 19%;
        font-size: 2vh;
    }
    #segunda-sessao{
        flex-direction: column;
        width: 100%;
        align-items: center;
        margin-top: 4vh;
        margin-bottom: 4vh;
    }
    .logo-segunda-sessao-mobile{
        width: 50%;
        margin-bottom: 3vh;
    }
    .texto-segunda-sessao{
        width: 80%;
    }
    .titulo-segunda-sessao{
        font-size: 1.7vh;
        margin-bottom: 3vh;
    }
    .paragrafo-segunda-sessao{
        font-size: 1.3vh;
        line-height: 2vh;
    }
    .span-texto-segunda-sessao{
        font-family: 'roboto-black';
        font-weight: bolder;
        font-style: italic;
    }
    #terceira-sessao{
        margin-top: 2vh;
        margin-bottom: 4vh;
    }
    .titulo-terceira-sessao{
        font-size: 3vh;
        line-height: 3.5vh;
        margin-bottom: 6vh;
    }
    .borda-cuadrada-cartao-terceira-sessao{
        width: 48%;
        position: absolute;
        z-index: 1;
        top: 5%;
        left: 5%;
        bottom: -6%;
        right: 0;
        border: 0.2vh solid #cda77a;
    }
    .titulo-texto-cartao-horizontal-terceira-sessao{
        font-size: 1.5vh;
        width: 70%;
        margin-bottom: 1vh;
    }
    .subtitulo-texto-cartao-horizontal-terceira-sessao{
        font-size: 1.4vh;
        line-height: 1.8vh;
        width: 70%;
    }
    .paragrafo-texto-cartao-horizontal-terceira-sessao{
        margin-top: 1vh;
        font-size: 1.3vh;
        line-height: 1.6vh;
        width: 70%;
    }
    .saiba-mais-cartao-horizontal-terceira-sessao{
        width: 70%;
        text-align: center;
        font-size: 1vh;
        padding: 0.5vh;
        margin-top: 1vh;
    }
    #quarta-sessao{
        margin-top: 2vh;
    }
    .titulo-quarta-sessao{
        font-size: 3vh;
        line-height: 3.5vh;
        letter-spacing: 0.2vh;
        margin-bottom: 4vh;
    }
    .vinte-texto-quarta-sessao{
        margin-bottom: 2vh;
        flex-direction: column;
    }
    .imagem-vinte-texto-quarta-sessao{
        width: 50%;
    }
    .ceo-texto-quarta-sessao{
        margin-top: 2vh;
    }
    .paragrafo-vinte-texto-quarta-sessao{
        width: 90%;
        margin-top: 4vh;
        font-size: 1.6vh;
        line-height: 2vh;
        font-style: normal;
    }
    .paragrafo-clovis-fundador-ceo-texto-quarta-sessao{
        font-size: 1.3vh;
        line-height: 1.8vh;
        letter-spacing: 0.1vh;
    }
    .foto-clovis-fundador-ceo-texto-quarta-sessao{
        margin-left: 2vh;
        width: 25%;
    }
    .texto-trajetoria-ceo-quarta-sessao{
        font-size: 1.7vh;
        line-height: 2vh;
        margin-top: 3vh;
    }
    .linkedin-quarta-sessao{
        justify-content: center;
        margin-top: 1vh;
    }
    .texto-linkedin{
        font-size: 1.8vh;
        align-items: center;
    }
    .logo-linkedin-quarta-sessao{
        width: 15%;
        margin-left: 1vh;
    }
    footer{
        margin-top: 2vh;
        padding-bottom: 4vh;
    }
    .primeira-sessao-footer{
        display: none;
    }
    .triangulo-geo-footer{
        margin-top: -1.2vh;
        width: 100%;
        z-index: 999;
    }
    .segunda-sessao-footer{
        flex-direction: column;
        padding-top: 6vh;
        padding-bottom: 4vh;
    }
    .logo-branco-segunda-sessao-footer{
        width: 20%;
    }
    .links-segunda-sessao-footer{
        margin-top: 3vh;
    }
    .ancora-segunda-sessao-footer{
        font-size: 1.8vh;
        margin-top: 1vh;
    }
    .imagem-ancora-segunda-sessao-footer{
        margin-right: 1.5vh;
        transform: scale(50%);
    }
    .mapa-google-segunda-sessao-footer{
        width: 50%;
        height: 15vh;
        margin-top: 4vh;
    }
    .linea-separador-footer{
        height: 0.1vh;
        margin-bottom: 4vh;
    }
    .texto-final-footer{
        font-size: 2vh;
    }

    /*SERVIÇOS RESPONSIVO*/

    .imagem-servicos-primeira-sessao{
        margin-top: 6vh;
    }
    .servicos-segunda-sessao{
        margin-top: 4vh;
        margin-bottom: 4vh;
    }
    .titulo-servicos-segunda-sessao{
        font-size: 2.2vh;
        line-height: 2.5vh;
    }
    .texto-servicos-segunda-sessao{
        margin-top: 4vh;
        margin-bottom: 4vh;
        font-size: 1.7vh;
        line-height: 2vh;
    }
    .subtitulo-servicos-segunda-sessao{
        font-size: 1.8vh;
    }
    .titulo-servicos-triangulo{
        font-size: 2.5vh;
        margin-top: 4vh;
    }
    .texto-servicos-triangulo{
        font-size: 1.5vh;
        line-height: 2vh;
    }

    /* POLITICA DE PRIVACIDADE RESPONSIVE */
    .primeira-sessao-politica{
        padding-top: 6vh;
        padding-bottom: 4vh;
    }
    .titulo-primeira-sessao-politica{
        font-size: 2.5vh;
        line-height: 3vh;
    }
    .paragrafo-primeira-sessao-politica{
        font-size: 1.5vh;
        line-height: 2vh;
        width: 90%;
        margin-top: 4vh;
    }
    .especifico-footer-politica{
        margin-top: 0vh;
        padding-top: 0vh;
    }
}