body {
    background: url("../img/login/Centralstaden-Stockholm.7c81156b6b66.jpg") no-repeat center
        center fixed;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: rgb(240, 240, 240);
}

a {
    color: rgb(240, 102, 0, 1);
}

.overlay {
    z-index: 1;
    height: 100%;
    width: 100%;
    position: fixed;
    overflow: auto;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.4); /*can be anything, of course*/
}

.image {
    width: 50%;
    /* padding: 3%; */
}

.header {
    padding-left: 5%;
}
.text {
    /* padding: 5%;
    padding-right: 0;
    padding-top: 5%; */
    margin-left: 5%;
}

.btn-primary:hover {
    background-color: #555552;
}

#login .container #login-row #login-column #login-box {
    margin-top: 10px;
    width: 100%;
    padding: 40px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
#login .container #login-row #login-column #login-box #login-form {
    padding: 20px;
}

#login-button {
    background-color: rgb(240, 102, 0, 1);
    border: none;
}

.container {
    padding-top: 10%;
}

#login
    .container
    #login-row
    #login-column
    #login-box
    #login-form
    #register-link {
    margin-top: -85px;
}

#topmargin {
    margin-top: 120px;
}

.required {
    font-weight: 700;
}

#logo-container {
    text-align: center;
}

#logo-a {
    position: relative;
    color: rgb(240, 102, 0, 1);
}
#logo-img {
    width: 30%;
}