div.kc-logo-text span {
    display: none;
}

#kc-logo {
    width: 100%;
}

#kc-logo-wrapper {
    /* Add ELAS logo */
    background-image: url(../img/elas.svg);
    height: 104px;
    width: 200px;
    margin: 62px auto 0;
}

div.kc-logo-text {
    /* Add ELAS logo */
    background-image: url(../img/elas.svg);
    height: 104px;
    width: 200px;
}

.elas-login-page .elas-login-page-header {
    /* Take 20px from bottom margin to reduce whitespace, and move it to the top instead */
    margin-top: 20px;
    margin-bottom: 20px;
}

#kc-header {
    color: #ededed;
    overflow: visible;
    white-space: nowrap;
}

#kc-header-wrapper {
    font-size: 29px;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.2em;
    padding: 62px 10px 20px;
    white-space: normal;

    /* Add max-width matching card-pf and center to align logo left in relation to login box */
    max-width: 500px;
    margin: 0 auto;
}

#kc-header-wrapper.welcome-box {
    max-width: 960px;
}

@media (max-width: 767px) {
    #kc-header {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
    }
}

@media (max-height: 500px) {
    #kc-header-wrapper {
        padding-top: 10px;
    }
}