.site-header .brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

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

.brand-logo-menu { width: 196px; }
.brand-logo-horizontal { width: 228px; }

@media (max-width: 767px) {
  .site-header .navbar { padding-inline: 12px; }
}