.login-container {
    background-image: linear-gradient(rgba(22,39,79,0.8),rgba(22,39,79,0.8)), url(../images/login/loginbackground.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.login-content {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    color: rgba(255,255,255,0.9)
}


    .login-content .login-title {
        margin-bottom: 30px;
    }

    .login-content p {
        font-size: 16px;
    }

    .login-content .text-light {
        color: rgba(255,255,255,0.58);
    }

    .login-content .signup-text {
        color: rgba(255,255,255,0.8);
        margin-bottom: 20px;
    }

    .login-content .text-white {
        color: white;
    }

    .login-content .help-block {
        font-size: 13px;
        margin-top: 3px;
    }

    .login-content .signin-btn {
        color: #16274F;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .login-content .sign-up-link {
        border-bottom: 1px solid white;
        font-weight: bold;
        text-decoration:none;
    }

    .login-content .or-lines {
        position: relative;
    }

        .login-content .or-lines.text-center::before,
        .login-content .or-lines.text-center::after {
            content: "";
            position: absolute;
            top: 50%;
            height: 2px;
            width: 44%;
            background: rgba(255,255,255,0.58);
        }

        .login-content .or-lines.text-center::before {
            left: 0;
        }

        .login-content .or-lines.text-center::after {
            right: 0;
        }

    .login-content .btn {
        outline: none !important;
    }

    .login-content .connect-btn {
        margin-right: 15px;
    }

    .login-content .connect-btn,
    .login-content .appraisal-btn {
        width: 40%;
        height: 45px;
    }

    .login-content .btn img {
        width: 100%;
        height: 100%;
    }

    .login-content .img-btn:active {
        transform: scale(0.98);
    }