/* Estilos para telas largas */
@media only screen and (min-width: 1096px) {
    body {
        background: url('./logocompletobig.png') no-repeat 50% 50% white;
    }
}

#div-login {
    margin-top: 0px;
}

label {
    color: #33a4de !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('./logosmall.png');
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
    }
    .container-fluid {
        position: absolute;
        top: 1px;
        margin: 0 auto;
        width: 100%;
    }
}