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

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

/* Estilos para telas estreitas */
@media only screen and (max-width: 1095px) {
    body {
        background: #333333;
    }
    body::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: url('./logosmall.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }
}