.login-pf {
    background: unset;
}

.login-pf body {
    background: white;
}

@media (max-width: 767px) {
    div.kc-logo-text {
        margin: 0 auto;
    }
}

@media (min-width: 767px) {
    #kc-form {
        display: flex;
        justify-content: space-around;
    }

    #kc-social-providers {
        width: 300px;
    }

    #kc-form-wrapper {
        width: 300px;
    }

    .card-pf {
        max-width: 720px;
    }
}

div.kc-logo-text {
    background-image: url(../img/oc-logo.svg);
}

#kc-header {
    color: #ec7a08;
}

#kc-header-wrapper {
    padding: inherit;
}

.login-pf-page .login-pf-page-header {
    text-align: center;
    margin-bottom: 10px;
}

.card-pf {
    border: none;
}

.oc-information {
    margin-top: 20px;
}

.oc-footer {
    text-align: center;
    margin: 0 auto;
    padding: 1em 0;
}

body {
    font-family: Roboto,"Helvetica Neue",Lato,Arial,sans-serif;
}

.pf-c-button.pf-m-primary {
    color: #fff;
    background-color: #e70;
}

.pf-c-button.pf-m-primary:hover {
    color: #fff;
    background-color: #c56300;
}