body, html {
    font-family: 'Varela Round', sans-serif;
    margin: 0;
    height: 100%;
    margin: 0;
    color: #000;
}

.login-container {
    background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url("img/login-background.jpg");
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}


.vertical-center {
    position: absolute;
    height: 100px;
    width: 100%;
    top: 50%;
    margin-top: -50px;
}

.form-container {
    max-width: 300px;
    margin: 0 auto;
}

.checkbox
{
    text-align: left;
}