#login a {
    color: #df1376;
}

#login .button-primary {
    background-color: #df1376;
    border-color: #df1376;
    color: #ffffff !important;
}

#login .button-primary:hover {
    background-color: #df1376;
    border-color: #df1376;
    color: #ffffff !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'SF UI Display';
}

body.login.login-split-page .login-split {
    display: none;
}

@media (min-width: 992px) {
    #login {
        position: absolute;
        left: 50%;
        top: 50%;
        padding: 30px 0 30px 50px !important;
        transform: translateY(-50%);
        width: 320px !important;
        margin: auto;
    }

    body.login.login-split-page .login-split {
        width: 50%;
        position: fixed;
        left: 0;
        height: 100%;
        display: block;
    }
}

@media (max-width:991px) {
    #login {
        width: 320px !important;
        padding: 5% 0 0;
        margin: auto;

    }

    .login.bb-login #login {
        padding-top: 8% !important;
        padding-bottom: 8% !important;
    }

    body.login.login-split-page #login {
        width: 100% !important;
        max-width: 320px;
    }

}