/*ESTILO MENU MOBILE*/

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

    .menu,
    .sociais {
        display: none;
    }

    .logo {
        margin-right: 16vh;
    }

    .menu-mobile.abrir {
        visibility: visible;
        height: calc(100vh - 70px);
    }

    #btn-menu {
        display: block;
    }

    .midia-social {
        display: inline;
        bottom: 25px;
    }




}

/*
@media screen and (max-width: 300px) {

    .menu,
    .sociais {
        display: none;
    }

    .logo {
        margin-right: 16vh;
    }

    .menu-mobile.abrir {
        visibility: visible;
        height: calc(100vh -70px);
        padding-top: 5px;

    }

    .midia-social {
        display: inline;
        bottom: 25px;
    }


}
FIM ESTILO MENU MOBILE*/



/* ESTILO PARA SAUDAR BOAS VINDAS AO USUÁRIO */

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

    .saudacao {
        display: flex;
        padding-left: 75px;


    }

    .msgUser {

        color: var(--color-texto-1);
        font-size: 13px;
        margin: 0 0 0 5px;

    }



}

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

    .saudacao {
        display: flex;
        padding-left: 35px;



    }

    .msgUser {
        display: inline;
        color: var(--color-texto-1);
        font-size: 15px;
        align-items: end;
        bottom: 99px;


    }



}

/* FIM ESTILO PARA SAUDAR BOAS VINDAS AO USUÁRIO */





/*  ESTILO FORMULÁRIO DE CONTATO RESPONSIVO  */

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

    span {
        color: var(--color-primary-1);
    }

    .contato>.interface {
        align-items: center;
        flex-direction: column;

    }

    .txt-contato p {
        font-size: 1rem;

    }


    .contato form {
        width: 80%;
        margin-right: 20px;
    }


    .contato form .tel-menssagem {
        display: block;


    }

    .titulo-section {
        font-family: 'Tw Cen MT Std', sans-serif;
        font-weight: bolder;
        font-size: clamp(24px, 12vw, 64px);
        text-align: center;

    }

    


}

/*  FIM ESTILO FORMULÁRIO DE CONTATO RESPONSIVO  */







/*
@media screen and (max-width: 844px) {

    .menu,
    .sociais {
        display: none;
    }

    .logo {
        margin-right: 16vh;
    }

    .menu-mobile.abrir {
        visibility: visible;
        height: calc(100vh - 60vh);
        margin-top: 4%;
        padding-top: 5px;
        top: 90px;
    }

    .saudacao,
    .msgUser {
        display: flex;
        color: var(--color-texto-1);
        font-size: 15px;
        margin: 5px 0 0 35px;


    }


    .midia-social {
        display: inline;
        bottom: 25px;
    }

}

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

    .menu,
    .sociais {
        display: none;
    }

    .logo {
        margin-right: 16vh;
    }

    .menu-mobile.abrir {
        visibility: visible;
        height: calc(100vh - 45vh);
        padding-top: 5px;
        top: 90px;

    }



    .midia-social {
        display: inline;
        bottom: 25px;
    }

}
    */