:root{

    --bege:#dfd6cb;
    --marrom: #6e3a2c;
}
@font-face {
    font-family: 'NoirPro';
    src: url('fonts/NoirPro-Light.eot');
    src: url('fonts/NoirPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/NoirPro-Light.woff2') format('woff2'),
        url('fonts/NoirPro-Light.woff') format('woff'),
        url('fonts/NoirPro-Light.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NoirPro';
    src: url('fonts/NoirPro-Medium.eot');
    src: url('fonts/NoirPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/NoirPro-Medium.woff2') format('woff2'),
        url('fonts/NoirPro-Medium.woff') format('woff'),
        url('fonts/NoirPro-Medium.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'NoirPro';
    src: url('fonts/NoirPro-bold.eot');
    src: url('fonts/NoirPro-bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/NoirPro-bold.woff2') format('woff2'),
        url('fonts/NoirPro-bold.woff') format('woff'),
        url('fonts/NoirPro-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

*{
    font-family: 'NoirPro' !important;
    letter-spacing: 0.2rem;
    font-weight: lighter;
    font-size: 0.9rem;
}

.text-marrom{color: var(--marrom);}
.text-bege{color: var(--bege);}
.bg-marrom{ background-color: var(--marrom);}
.bg-bege{ background-color: var(--bege);}

.fachada{
    /* height: 95vh; */
    background-image:url('../img/fcompleta.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    
}


header{
    height: 95vh;
}

.conteudo{
    background-image: url('../img/areia.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 95vh;
    min-height: 700px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;  
}

input{
    border: none !important;
    border-bottom: 1px solid !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

input::placeholder, .btn{
    color: #000 !important;
    font-size: 0.6rem; 
    text-transform: uppercase;
}

.btn{
    color: #fff !important;
    border-radius: 0px;
    font-weight: lighter !important;
    border: none !important;
    
}

label.form-check-label {
    font-size: 0.7rem;
}

footer{
    background-color: #000;
    height: 5vh;
    color: #fff;

    display: flex;
    justify-content: center;
    align-items: center;

}
footer p{
    font-size: 0.6rem !important;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 0px !important;

}


@media (max-width: 800px){

    .fachada{
       height: 45vh;
    }

    .conteudo{

    }

}

.zap{
    position: fixed;
    right: 2%;
    bottom: 4%;
    z-index: 99;
}


div#cookies {
    background: #6e3a2c !important;
    border-radius: 0px;
}

div#cookies p{
    color: #fff;
}