#login{
    background-image: url(../../../images/bg-login.jpg);
    background-size: 88%;
    background-position: -50%;
    background-repeat: no-repeat;
    height: 100vh;
}
.bg-blue{
    background: #001D2F;
    backdrop-filter: blur(14px);
}
#login input{
    background: rgba(0, 101, 163, 0.15);
    border: transparent;
    padding: 13px;
    height: auto;
}
#login button{
    background: #0065A3;
    border: 1px solid #0065A3;
    border-radius: 2px;
    padding: 13px 0;
}
#login button:hover{
    background: #33D3FF;
    border: 1px solid #33D3FF;
}
#login hr{
    margin-top: 60px;
    margin-bottom: 30px;
}

/* RESPONSIVE */
 
/* Moviles */
@media (min-width: 310px) and (max-width: 760px) {
    .form-login{width: 90% !important;}
}
  
/* Móviles en horizontal o tablets en vertical */
@media (min-width: 768px) {

}

/* Tablets en horizonal y escritorios normales */
@media (min-width: 1024px) { }

/* Escritorios muy anchos */
@media (min-width: 1200px) { }