.brand-logo { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; flex: none; text-decoration: none; }
.brand-logo__wordmark { display: block; width: 320px; max-width: 100%; height: auto; }
.brand-logo--compact .brand-logo__wordmark { width: 184px; }
@media (max-width: 760px) {
  .site-header .brand-logo__wordmark { width: 280px; }
}