.site-header .brand {
  min-width: 0;
  gap: 0;
}

.site-header .brand img.brand-horizontal {
  display: block;
  width: 230px;
  max-width: 100%;
  height: auto;
}

.site-footer .brand-footer img.brand-mark-light {
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
}

@media (max-width: 800px) {
  .site-header .brand img.brand-horizontal {
    width: 210px;
  }
}

@media (max-width: 560px) {
  .site-header .brand img.brand-horizontal {
    width: 190px;
  }
}