#login-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: white;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    box-shadow: 3px 3px 3px #000000;
    border-radius: 8px;
}
#login-container h1 {
    margin-top: 10px;
}
#login-container input[type="submit"], #login-container .button {
    width: 100%;
}
#login-container .messages .form-message {
    margin-top: 0;
}
#login-background {
    padding-bottom: 30px;
}
body {
/*    height: 100vh;*/
    background-image: url(/user_uploads/img/1/coloured-blocks.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
@media only screen and (min-width: 400px) {
    #login-container {
        width: 350px;
    }

}