.site-header {
  height: 7rem;
}

.hero {
  min-height: calc(100vh - 7rem);
}

.brand-logo,
.host-logo {
  object-fit: contain;
  mix-blend-mode: multiply;
}

.brand-logo-header {
  width: 5.5rem;
  height: 5.5rem;
}

.host-logo {
  width: 9rem;
  height: 9rem;
  border-radius: .75rem;
}

.brand-logo-footer {
  width: 7rem;
  height: 7rem;
}

@media (max-width: 640px) {
  .site-header {
    height: 5.5rem;
  }

  .brand-logo-header {
    width: 4.25rem;
    height: 4.25rem;
  }

  .brand > span:last-child {
    display: none;
  }

  .host-logo {
    width: 7rem;
    height: 7rem;
  }

  .brand-logo-footer {
    width: 6rem;
    height: 6rem;
  }
}