h1#kc-page-title {
  font-weight: 500;
  text-align: left;
}

div.kc-logo-text {
  background-image: url(../img/keycloak-logo-text.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 365px;
  height: 60px;
  margin: auto;
}

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

@media (max-width: 767px) {
  h1#kc-page-title {
    text-align: center;
  }

  div.kc-logo-text {
    background-image: url(../img/keycloak-logo-text-dark.svg);
    width: 330px;
  }

  .login-pf body {
    background: white;
  }

  #kc-header-wrapper {
    padding: 62px 0 20px 0;
  }
}