/* Phones under 768px */
@media (max-width: 767px) {
    #login-user, #login-pass {
        max-width: 100%;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #login-user, #login-pass {
         max-width: 100%;
    }
}
@media (min-width: 992px) {
    #login-user, #login-pass {
        max-width: 100%;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #login-user, #login-pass {
        min-width: 240px;
        width: 100%;
    }
 }


body {

}
#login-panel {
    -webkit-box-shadow: 5px 5px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    5px 5px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         5px 5px 12px 0px rgba(50, 50, 50, 0.75);
}