.site-header .brand {
  display: block;
  width: min(470px, 39vw);
  min-width: 300px;
}

.site-header .brand .brand-lockup {
  width: 100%;
  height: auto;
  max-height: 86px;
  object-fit: contain;
  object-position: left center;
}

.footer-brand .brand-lockup {
  width: min(390px, 42vw);
  height: auto;
  padding: 7px;
  border-radius: 12px;
  background: #fff;
}

@media (max-width: 900px) {
  .site-header .brand {
    width: min(390px, 57vw);
    min-width: 235px;
  }

  .site-header .brand .brand-lockup {
    max-height: 70px;
  }
}

@media (max-width: 650px) {
  .site-header .brand {
    width: min(305px, 62vw);
    min-width: 190px;
  }

  .site-header .brand .brand-lockup {
    max-height: 58px;
  }

  .footer-brand .brand-lockup {
    width: min(330px, 86vw);
  }
}