.header .wordmark-logo {
  display: block;
  width: min(430px, 37vw);
  min-width: 290px;
}

.header .wordmark-logo img {
  width: 100%;
  height: auto;
  max-height: 64px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 1000px) {
  .header .wordmark-logo {
    width: min(365px, 52vw);
    min-width: 235px;
  }
}

@media (max-width: 650px) {
  .header .wordmark-logo {
    width: min(280px, 60vw);
    min-width: 185px;
  }

  .header .wordmark-logo img {
    max-height: 54px;
  }
}