/* Shared branding for desktop, sticky headers, and mobile navigation. */
header div#logo img.brand-logo {
  display: block;
  width: 310px;
  max-width: 100%;
  height: auto;
}

footer img.brand-logo-footer {
  display: block;
  width: 310px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  header div#logo img.brand-logo {
    width: 290px;
    max-width: calc(100vw - 100px);
  }
}

@media (max-width: 575px) {
  header div#logo img.brand-logo {
    width: 270px;
  }
}