.brand img {
  width: 188px;
  height: auto;
  mix-blend-mode: normal;
}
.footer-logo {
  width: 165px;
  filter: none;
  mix-blend-mode: normal;
}
.hero-logo-mark {
  position: absolute;
  right: 5vw;
  bottom: -3.75rem;
  width: min(22vw, 220px);
  opacity: .12;
  color: #b7e946;
  pointer-events: none;
}
@media (max-width: 540px) {
  .brand img { width: 150px; }
  .hero-logo-mark { width: 135px; right: -1rem; bottom: 1rem; opacity: .1; }
}