html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

:root {
  --hdr-logo-h: 165px;
  --hdr-nav-fs: 16px;
}

@media (max-width: 768px) {
  :root {
    --hdr-logo-h: 112px;
    --hdr-nav-fs: 15px;
  }
}

.site-header {
  font-size: 16px;
}

.site-header .brand img {
  height: var(--hdr-logo-h) !important;
  max-height: var(--hdr-logo-h) !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: block;
}

.site-header .main-nav > a {
  font-size: var(--hdr-nav-fs) !important;
  line-height: 1.15 !important;
  white-space: nowrap;
}