/* The supplied logo has a white canvas. Invert + screen makes that canvas transparent on dark surfaces. */
.brand-logo,
.footer-logo {
  display: block;
  width: auto;
  object-fit: contain;
  filter: invert(1);
  mix-blend-mode: screen;
}

.brand-logo {
  height: 52px;
  max-width: 250px;
}

.footer-logo {
  height: 76px;
  max-width: 280px;
  margin-bottom: 20px;
}

@media(max-width:560px) {
  .brand-logo { height: 42px; max-width: 195px; }
  .footer-logo { height: 62px; max-width: 230px; }
}