:root {
  --pf-global--primary-color--100: #3c8dbc !important;
  --pf-global--primary-color--200: #367fa9 !important;
}

.login-pf body {
  background: #e9ecef;
}

div.kc-logo-text {
  background-image: url(../img/logo_TrailerCare_FC.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 500px;
  height: calc(500px / (1541 / 297));
  margin: 0 auto;
}

@media (max-width: 767px) {
  div.kc-logo-text {
    background-size: contain;
    width: 100%;
    height: calc(100vw / (1541 / 297));
    max-width: 500px;
  }
}