/* Estilos para telas largas */
@media only screen and (min-width: 1096px) {
    body {
        background: url('./FundoElite.jpeg') no-repeat white;
        background-size: 100% 100vh;
    }
}

.container-fluid {
    width: 400px;
    top: 110px;
    position: relative;
}

.container-fluid .col-md-4 {
    width: 90%;
}

#div-login {
    margin-top: 0px;
    margin-left: 0px;
    box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
    background-color: #ffffffc7;
    height: 250px;
}

#div-login h3 {
    display: none;
}

#div-login form {
    position: relative;
}

label {
    color: #008b66 !important;
}

/* Estilos para telas estreitas */
@media only screen and (max-width: 1095px) {
    body {
        background: white;
    }
    body::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: url('./FundoElite.jpeg');
        background-repeat: no-repeat;
        background-position-y: -120px;
    }
    .container-fluid {
        position: absolute;
        top: 45px;
        margin: 0 auto;
        width: 100%;
    }
    #div-login {
        background-color: #ffffffc7;
    }
    .container-fluid .row {
        margin: auto;
    }
    .container-fluid .col-md-4 {
        width: 100%;
    }
}