html,body {
    margin:0;
    padding:0;
    min-height:100%;
}
body {
    background-size:cover;
    background-repeat:no-repeat;
    padding-top:200px;
}
body.background1 {
    background-image:url(img/backgrounds/1.svg);
}
body.background2 {
    background-image:url(img/backgrounds/2.svg);
}
body.background3 {
    background-image:url(img/backgrounds/3.svg);
}
body.background4 {
    background-image:url(img/backgrounds/4.svg);
}

.login-card {
    width:100%;
    max-width:360px;
    min-height:200px;
    background-color:white;
    border-radius:5px;
    margin:auto;
    padding:40px 40px 20px 40px;
}
.login-card .profile_image {
    display:block;
    margin:auto;
    border-radius:50%;
    width:100px;
    height:100px;
}
.login-card form {
    margin-top:20px;
}
.login-card form input[type=password] {
    margin-top:10px;
}
.login-card form input[type=submit] {
    margin-top:10px;
    display:block;
    width:100%;
}

@media (max-width:767px) {
    body {
        padding-top:40px;
    }
}