body {
    background: #eef5ff url('./Content/img/login-background.jpg') no-repeat center center fixed;
    background-size: cover;
    font-size: 1.1rem;
}

.login-box {
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    width: 30%;
    max-width: 400px;
    min-width: 300px;
    margin: 0 auto;
    margin-top: 6vh;
    padding: 2em;
    text-align: center;
    border-radius: 7px;
}

h4 + p {
    font-size: 1.2rem;
}

.margin-top-20 {
    margin-top: 2vh;
}

.margin-top-25 {
    margin-top: 2.5vh;
}

.margin-bottom-20 {
    margin-bottom: 2vh;
}

.full-width {
    width: 100%;
    height: auto;
}

.btn-primary {
    background-color: #009cda;
    border-color: #009cda;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #017eb0;
        border-color: #017eb0;
    }

@media only screen and (min-width: 2560px) {
    .login-box {
        width: 25%;
        padding: 3em;
    }

    h4 + p {
        font-size: 1.2rem;
    }
}