/* Shared header sizing for the homepage, sections, and article pages. */
header nav {
  height: auto;
  min-height: 112px;
  padding-top: 8px;
  padding-bottom: 8px;
}

header .brand {
  width: 320px;
  height: 96px;
  max-width: 100%;
}

header .navlinks a {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 900px) {
  header nav {
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  header nav {
    position: relative;
    padding-bottom: 12px;
  }

  header .brand {
    width: 260px;
    height: 80px;
    max-width: calc(100% - 60px);
  }

  header .navlinks {
    gap: 8px;
    width: 100%;
    flex-wrap: wrap;
  }

  header .navlinks a {
    font-size: .875rem;
  }

  header .navlinks .nav-jbn {
    position: absolute;
    top: 26px;
    right: 0;
    width: 44px;
    height: 44px;
    min-width: 44px;
  }

  header .nav-jbn img {
    width: 60px !important;
    height: 40px !important;
  }
}