/* Use the supplied horizontal lockup and original app icon without distortion. */
.brand,
.site-header .brand {
  display: block;
  width: 220px;
  height: auto;
  aspect-ratio: 714 / 190;
  flex-shrink: 0;
  overflow: visible;
}
.brand img,
.site-header .brand img,
.full-brand img {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  transform: none;
}
.brand-icon,
.map-center .brand-icon {
  aspect-ratio: 1;
  overflow: visible;
  border-radius: 0;
}
.brand-icon img,
.map-center .brand-icon img {
  display: block;
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.full-brand {
  width: min(100%, 380px);
  height: auto;
  padding: 12px;
  overflow: visible;
  transform: none;
}
.footer-bottom>div a { font-size: .75rem; color: #607c92; }
.footer-bottom>div a:hover { text-decoration: underline; }
@media (max-width: 1180px) {
  .site-header .menu-toggle { min-width: 44px; min-height: 44px; align-items: center; }
}

@media (min-width: 961px) and (max-width: 1180px) {
  .site-header .brand { width: 185px; }
}
@media (max-width: 700px) {
  .site-header .brand { width: 190px; }
}
@media (max-width: 540px) {
  html { scroll-padding-top: 137px; }
  .site-header {
    height: auto;
    min-height: 120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    padding: 5px 12px 8px;
  }
  .site-header .brand { width: 230px; }
  .site-header .account-actions {
    flex-basis: 100%;
    justify-content: center;
    margin-left: 0;
    gap: 16px;
  }
  .site-header nav { top: 100%; }
  .footer-top .brand { width: 230px; max-width: 100%; }
}