.site-header {
  background: #fff;
}

.brand-logo-frame {
  position: relative;
  display: block;
  width: 242px;
  height: 60px;
  overflow: hidden;
}

.brand-logo {
  position: absolute;
  width: 154%;
  max-width: none;
  height: auto;
  left: -21%;
  top: -87px;
  mix-blend-mode: multiply;
}

.footer-brand .brand-logo-frame {
  width: 270px;
  height: 66px;
}

.footer-brand .brand-logo {
  top: -97px;
}

footer {
  grid-template-columns: 1fr 1fr;
}

footer p:last-child {
  grid-column: 2;
}

@media (max-width: 900px) {
  .site-header .brand-logo-frame {
    width: 200px;
    height: 50px;
  }

  .site-header .brand-logo {
    top: -71px;
  }

  .footer-brand .brand-logo-frame {
    width: 242px;
    height: 60px;
  }

  .footer-brand .brand-logo {
    top: -87px;
  }

  footer {
    grid-template-columns: 1fr;
  }

  footer p:last-child {
    grid-column: 1;
  }
}