/* About Us: match the compact header logo used on the other pages. */
.site-header .brand,
.site-header .brand img {
  transition: width .25s ease, max-height .25s ease !important;
}

.site-header.scrolled .brand {
  width: 145px !important;
  min-width: 145px !important;
}

.site-header.scrolled .brand img {
  width: 145px !important;
  max-height: 64px !important;
}

@media (max-width: 600px) {
  .site-header.scrolled .brand {
    width: 112px !important;
    min-width: 112px !important;
  }

  .site-header.scrolled .brand img {
    width: 112px !important;
    max-height: 52px !important;
  }
}