.brand img {
  display: block;
  width: 116px;
  height: 58px;
  object-fit: contain;
  object-position: left center;
}

.hero-logo {
  position: absolute;
  z-index: 1;
  width: min(72%, 430px);
  height: auto;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
  filter: invert(1);
  opacity: .11;
}

.footer-brand img {
  display: block;
  width: 170px;
  height: auto;
  filter: invert(1);
  opacity: .92;
}

@media (max-width: 900px) {
  .brand img { width: 94px; height: 48px; }
  .hero-logo { width: 58%; top: 43%; }
}