/* Give the existing logo more presence without changing the artwork. */
@media (min-width: 751px) {
  header .header-inner > .wordmark {
    flex: 0 1 280px;
    height: 120px;
  }
}

@media (max-width: 750px) {
  header .header-inner {
    grid-template-columns: minmax(0, 1fr) 138px;
  }
  header .header-inner > .wordmark {
    width: 100%;
    max-width: 260px;
    height: 108px;
  }
  header .header-inner > .uk-origin-brand,
  header .header-inner > .origin {
    width: 138px;
  }
  header .uk-origin-brand .uk-origin-flag,
  header .origin img {
    width: 138px;
    height: 69px;
  }
}

@media (max-width: 380px) {
  header .header-inner {
    grid-template-columns: minmax(0, 1fr) 118px;
  }
  header .header-inner > .uk-origin-brand,
  header .header-inner > .origin {
    width: 118px;
  }
  header .uk-origin-brand .uk-origin-flag,
  header .origin img {
    width: 118px;
    height: 59px;
  }
}