.login-pf {
  background: unset !important;
}

body {
  background-blend-mode: screen !important;
  background-image: linear-gradient(120deg, #ebf1f7 0%, white 100%) !important;
  font-family: "overpass";
}

.btn-group-lg>.btn, .btn-lg {
  border-radius: 3px;
}

.card-pf {
  border-top: 0px solid;
}

.btn-group-lg>.btn, .btn-lg {
  padding-top: 9px;
}

@media (min-width: 768px) {
  .login-pf-page .card-pf { padding: 26px 44px 36px 44px; }
}

@media (min-width: 768px) {
  label#kc-attempted-username { padding-top: 16px; }
}

@media (min-width: 768px) {
  form#kc-otp-login-form.form-horizontal {
    padding-top: 17px;
    margin-bottom: -15px;
  }
}

@media (min-width: 768px) {
  form#kc-passwd-update-form.form-horizontal { margin-bottom: -15px; }
}

@media (min-width: 768px) {
  .login-pf-page { padding-bottom: 14px; }
}

@media (min-width: 768px) {
  .login-pf-page {
    transform: translateY(-10%);
    padding-top: 66px;
  }
}

div#kc-header-wrapper {
  background-image: url(./../img/hermanit.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  color: rgba(0,0,0,0);
  user-select: none;
}

@media screen and (min-width: 768px) {
    footer.loginfooter {
        height: auto;
        width: auto;
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    footer.loginfooter {
        height: auto;
        width: auto;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    div.footerdiv {
        padding-top: 35px;
    }
}