@media (min-width: 800px){

    html{
        font-size: 10px;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        font-family: sans-serif;
    }

    body {
        /* width: 90%; */
        height: 100%;
        /* display: flex; */
        /* flex-direction: column; */
        /* margin: auto; */
        min-height: 85vh;
        background: rgb(248, 246, 247);
    }

    header {
        /* flex: 1 1 10%; */
        position: fixed;
        width: 100%;
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 40%);
        background: #FFF;
        height: 10.5rem;
        z-index: 999999;
        /* display: block; */
    }

    main {/* flex: 1 1 90% !important; *//* display: flex; *//* flex-direction: column; *//* align-items: center; *//* justify-content: space-between; */}

    footer {
        /* flex: 1 1 20%; */
    }

    .cabecalho-nav {
        display: flex;
        flex-direction: row;
        padding: 1% 0%;
        align-items: center;
        justify-content: space-between;
        width: 75%;
        margin: auto;
        /* z-index: 9999; */
    }

    .cabecalho-nav-titulo img {
        width: 15rem;
    }

    main{
        /* width: 90%; */
        height: 100%;
        margin: auto;
        /* margin-top: 10.5rem; */
        /* display: block; */
    }

    footer{
        width: 100%;
        height: 10%;
    }

    .faixa-inicial, .faixa-cadastros, .faixa-controles, .faixa-financeiro, .faixa-estoque, .faixa-modulos, .faixa-site, .formulario-login {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 100%;
        /* flex: 0 0 40%; */
        width: 100%;
        /* margin: 5% 0%; */
        /* width: 90%; */
        /* font-size: 1.8rem; */
    }

    .faixa-inicial >  div {/* flex: 1 1 50%; */display: flex;align-items: center;/* justify-content: center; *//* height: 90%; */}

    .faixa-inicial-label img {
        width: 16rem;
        /* display: inline; */
        float: right;
        margin: 0rem 0rem 1rem 1rem;
    }

    .faixa-inicial-label {
        flex: 1 1 60%;
        height: 70%;
        /* display: inline !important; */
        justify-content: center;
        /* align-items: start; */
    }

    span.faixa-inicial-label-txt {
        font-size: 1.8rem;
        /* float: left; */
        /* display: inline; */
        /* width: 100%; */
    }

    h2{
        font-size: 4rem;
        font-weight: bold;
    }

    p {
        margin: 1rem 0rem;
        line-height: 2.6rem;
    }

    span.faixa-inicial-label-txt h2 {
        color: #8c65a6;
        margin-bottom: 5rem;
    }

    b {
        font-weight: bold;
    }

    .formulario-login {/* flex: 1 1 100%; */display: flex;align-items: center;/* justify-content: center; */width: 75%;margin: auto;}



    .formulario-login-controles, .login {/* position: relative; */flex: 1 1 30%;height: 45em;/* border: 2px solid #a3a3a3; */border-radius: 15px;padding: 8% 5%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-around;/* align-items: center; */gap: 10%;background: #FFF;box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 18%);}

    .controle-login {position: relative;width: 100%;height: 4.2rem;background: #E5E5E5;border-radius: 15px;display: flex;}

    .controle-login-icon {/* position: relative; */width: 4rem;background: #8165a2;border-radius: 15px 0px 0px 15px;display: flex;align-items: center;justify-content: center;color: #FFF;}

    .formulario-login-controles input {border: none;background: none;width: 80%;padding: 1em;}

    .formulario-login-controles input::placeholder {
        color: black;
        font-size: .8em;
        font-weight: bold;
    }

    .formulario-login-controles input:focus-visible {outline: none !important;}



    span.texto-logo {width: 42rem;max-width: 42rem;font-size: 1.8rem;line-height: 2.1rem;color: #e35d5d;font-weight: bold;font-style: italic;}

    .controle-login-buttom, .controle-cadastro-buttom, .controle-cadastro-buttom-btn-register {height: 5rem;background: #8165a2;border-radius: 15px;color: #FFF;display: flex;align-items: center;justify-content: center;gap: 2%;}

    span.controle-login-buttom-btn {font-size: 2rem;}

    .controle-login-buttom:hover, .controle-cadastro-buttom:hover, .controle-cadastro-buttom-btn-register:hover, .faixa-modulos-div-opcao-footer-btn:hover {cursor: pointer;background: #5b4574;}

    .controle-login-buttom:active, .controle-cadastro-buttom:active, .controle-cadastro-buttom-btn-register:active {transform: scale(.99);}

    .controle-esqueceu-buttom {display: flex;align-items: center;justify-content: end;}

    span.controle-esqueceu-buttom-btn {font-size: 1.4rem;/* font-weight: bold; */color: #000000;padding-right: .8rem;}

    span.controle-esqueceu-buttom-btn:hover {cursor: pointer;color: #9e9e9e;}

    span.controle-cadastro-buttom-btn {font-size: 1.4rem;}

    button.controle-login-buttom-btn, .controle-cadastro-buttom-btn {border: none;background: none;font-size: 1.4rem;color: #FFF;}

    button.controle-login-buttom-btn:active {border: none;}

    p.msg-alert {position: absolute;bottom: 0;font-weight: bold;/* width: 58%; *//* text-align: center; *//* margin: auto; */}

    .form-register {gap: 5% !important;padding: 4% 5%;}

    .formularios-body input {width: 100%;border: none;background: none;padding-left: 1rem;text-transform: uppercase;color: #000;font-weight: bold;font-size: 1.2rem;}

    .formularios-body input::placeholder {color: #000;}

    .formularios-body-esquerda img {width: 30rem;}

    span.formularios-body-esquerda-lbl {font-size: 1.8rem;font-weight: bold;color: #737680;}

    .controle-acao {width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: end;height: 10%;gap: 5%;}

    .controle-acao span {width: 10rem;text-align: center;padding: 2%;border-radius: 15px;background: #e5e5e5;font-weight: bold;}

    span.controle-acao-seguinte {background: #e35d5d;color: #FFF;text-transform: uppercase;}

    .controle-acao span:hover {cursor: pointer;background: #9e9e9e;}

    .controle-acao-seguinte:hover {background: #933b3b !important;}

    .controle-acao span:active {transform: scale(.99);}

    .controle-login-trans {width: 100%;display: flex;flex-direction: row;gap: 5%;}

    .controle-servico-buttom {width: 10rem;background: #e35d5d;border-radius: 15px;display: flex;flex-direction: column;align-items: center;padding: 0% 3%;color: #FFF;}

    table.tbl-servicos-inicial {width: 100%;height: 40%;padding: -2%;background: #e5e5e5;border-radius: 15px;}

    thead.tbl-servicos-inicia-header {font-size: 1.2rem;/* height: 0rem; *//* margin: 1rem; */}

    thead.tbl-servicos-inicia-header tr th {padding: 1rem;}

    .faixa-inicial-label-bloco {
        /* gap: 2%; */
        /* display: flex; */
        text-align: left;
    }

    main > div {
        /* flex: 0 0 30%; */
    }

    .faixa-agendamento, .faixa-financeiro, .faixa-controles, .faixa-site {
        background: #FFF;
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 40%);
        height: 100%;
    }

    .faixa-inicial {
        /* padding-top: 5%; */
        width: 75%;
        margin: auto;
    }

    .faixa-cadastros img, .faixa-financeiro img, .faixa-estoque img {
        width: 40rem;
        /* text-align: left; */
    }

    .faixa-agendamento img {
        width: 50rem;
    }

    .faixa-agendamento p, .faixa-cadastros-label p, .faixa-financeiro p, .faixa-estoque p {
        font-size: 1.8rem;
        /* padding-left: 1rem; */
    }

    .faixa-agendamento-div, .faixa-modulos-div {
        width: 75%;
        margin: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .faixa-agendamento-div div:nth-child(1) {
        flex: 1 1 50%;
        display: flex;
        align-items: center;
        height: 50%;
        justify-content: flex-start;
    }

    .faixa-agendamento-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .faixa-agendamento-label, .faixa-cadastros-label, .faixa-financeiro-label, .faixa-estoque-label, .faixa-site-label {
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: space-evenly  !important;
    }

    .faixa-cadastros-label h2, .faixa-estoque-label h2 {
        color: #8c65a6;
        /* padding: 0% 0%; */
    }

    .faixa-site h1 {
        font-size: 6rem;
        font-weight: bold;
        color: #8c65a6;
    }

    .faixa-inicial {
        /* padding-top: 5%; */
    }

    .faixa-site-img {
        display: flex;
        flex-direction: column;
        justify-content: center !important;
    }

    .faixa-site-img h3 {
        font-size: 5rem;
        font-weight: bold;
        color: #ffaa24;
    }

    .faixa-modulos-div-opcao {
        display: flex;
        flex: 1 1 35%;
        background: #FFF;
        height: 60%;
        border-radius: 15px;
        box-shadow: 0px 0px 20px -4px rgb(0 0 0 / 40%);
        flex-direction: column;
        padding: 5%;
    }

    .faixa-modulos-div {
        /* padding: 0 12.5%; */
        gap: 5%;
        /* justify-content: space-evenly !important; */
    }

    .faixa-modulos-div-opcao-header {
        flex: 1 1 10%;
    }

    .faixa-modulos-div-opcao-body {
        flex: 1 1 80%;
        display: flex;
        flex-direction: column;
    }

    .faixa-modulos-div-opcao-footer {
        flex: 1 1 10%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .faixa-modulos-div-opcao-header h5 {
        font-size: 2rem;
        font-weight: bold;
    }

    .faixa-modulos-div-opcao-body span {
        display: flex;
        font-size: 1.5rem;
        padding: 2% 2%;
        gap: 1%;
    }

    .faixa-modulos-div-opcao-footer span {
        background: #9f8eb9;
        width: 100%;
        padding: 3%;
        text-align: center;
        border-radius: 15px;
        color: #FFF;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .faixa-bottom {
        height: 10%;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .faixa-bottom-infos-comerciais {
        height: 90%;
        background: #9f8eb9;
    }

    span.faixa-bottom-txt {
        font-size: 1.6rem;
        font-weight: bold;
        color: #424242;
    }

    .faixa-agendamento-div div:nth-child(2) {
        flex: 1 1 50%;
        display: flex;
        align-items: center;
        height: 50%;
        justify-content: end;
    }

    span.controle-login-msg {
        position: absolute;
        bottom: -2rem;
        width: 100%;
        text-align: right;
        color: #8165a2;
        font-size: 1.1rem;
        font-weight: bold;
    }

    .faixa-modulos-div-opcao-header quote {
        display: inline;
        font-size: 1.2rem;
        background: #03a9f4;
        color: #FFF;
        padding: 1%;
    }

    .disabled-register {
        background: #cbcbcb !important;
    }

    .disabled-register:hover {
        background: #cbcbcb !important;
    }

    a {
        text-decoration: none;
        color: #FFF;
    }

    span.faixa-modulos-div-opcao-body-txt i {}

    .faixa-inicial img {
        width: 27rem;
    }

    .faixa-inicial-div > div:nth-child(1) {
        flex: 1 1 30%;
    }

    .faixa-inicial-div > div:nth-child(2) {
        flex: 1 1 60%;
    }

    .faixa-inicial-label-txt h2 {
        color: #8165a2;
    }

    .faixa-inicial-label-txt p {
        font-size: 2rem;
    }

    .formulario-login-div {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    span.formulario-login-div-txt {
        flex: 1 1 50%;
        height: 100%;
        font-size: 4rem;
        font-weight: bold;
        color: #7e629e;
    }

    span.formulario-login-div-txt quote {
        color: #000;
        font-size: 3rem;
    }

    .faixa-site-label-titulo {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: space-evenly !important;
        height: 100% !important;
    }
    span.controle-login-msg-contato {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        line-height: 4rem;
        font-weight: bold;
        color: #7e629e;
        text-align: center;
    }

}