body {
    font-family: 'Josefin Sans', sans-serif;
}

.login-bg-container {
    background: #00837e;
    height: 400px;
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 50px;
}

    .login-bg-container h1 {
        font-size: 50px;
        color: #fff;
        text-align: center;
        padding: 120px 0;
    }

.login-form-container {
    height: 300px;
    margin-top: 100px;
    /* margin-bottom: 100px; */
    padding: 0px 100px;
    padding-top: 0px;
}
.login-form-containerLMS {
    height: 300px;
    margin-top: 100px;
    /* margin-bottom: 100px; */
    padding: 0px 50px;
    padding-top: 0px;
}

.login-logo-container {
    padding: 50px;
    padding-top: 0px;
}

.login-form-container .form-control {
    border: 4px solid #00837e;
    border-radius: 0px;
}

.login-form-container label {
    margin: 0px;
    margin-top: 5px;
}

.btn-login {
    background: #00837e;
    border: #00837e;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

    .btn-login:hover {
        background: #00c7c0;
        border: #00837e;
        color: #fff;
    }

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: 300px;
}
@media (max-width: 767px) {
    .login-bg-container {
        background: #00837e;
        height: 100px;
        margin: 0px;
        padding: 0px;
    }

        .login-bg-container h1 {
            padding: 35px 0;
        }
}

@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}