html,
body,
.login-pf-page {
  min-height: 100%;
}

body.login-pf,
.login-pf-page {
  background: url("../img/background.jpg") no-repeat center center fixed;
  background-size: cover;
}

.login-pf-page #kc-header-wrapper {
  font-size: 42px;
  color: #000;
  font-weight: bold;
}

/* keep the card centered */
.card-pf {
  width: 100%;
  max-width: 420px;
  margin: 4rem auto;
}

@media (max-width: 480px) {
  .card-pf {
    margin: 2rem 1rem;
  }
}