.login-pf {
    background: #1C3361;
}

.pf-v5-c-login {
    align-items: flex-start;
}

.login-pf body {
    background: no-repeat center center fixed;
    background-size: cover;
    height: 100%;
}


.pf-v5-c-login__container {
    grid-template-areas: "main";
    grid-template-columns: 34rem;
}

#kc-header-wrapper {
    padding: 62px 10px 20px;
    position: relative; /*changed from absolute to relattive for small screen */
    left: 50%;
    transform: translateX(-50%);
}

/*
.login-pf body {
    background: url("../img/keycloak-bg.png") no-repeat center center fixed;
    background-size: cover;
    height: 100%;
}
*/

/*div.kc-logo-text {
    background-image: url(../img/keycloak-logo-text.png);
    background-repeat: no-repeat;
    height: 63px;
    width: 300px;
    margin: 0 auto;
}
*/

div.kc-logo-text {
    background-image: url(../img/logo.svg);
    background-repeat: no-repeat;
    height: 108px;
    width: 350px;
    margin: 0 auto;
    background-size: auto
}

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