.wordmark {
  position: relative;
  width: 220px;
  height: 66px;
  background: url('/assets/kunport-logo.png') left center / contain no-repeat;
}

.wordmark > span,
.wordmark > small {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 1050px) {
  .wordmark { width: 190px; height: 57px; }
  .header { gap: 22px; }
}

@media (max-width: 640px) {
  .wordmark { width: 170px; height: 51px; }
}

.footer-brand {
  width: auto;
  height: auto;
  min-height: 150px;
  padding-top: 96px;
  background-image: url('/assets/kunport-logo-white.png');
  background-size: 300px auto;
  background-position: left top;
}

.footer-brand p {
  margin-top: 12px;
}

@media (max-width: 640px) {
  .footer-brand {
    width: auto;
    height: auto;
    min-height: 135px;
    padding-top: 84px;
    background-size: 260px auto;
  }
}