/* Optional homepage image asset sizing */

.brand-logo {
  width: 245px;
  height: auto;
  display: block;
}

.hero-card > img {
  width: min(92%, 660px);
  height: auto;
  display: block;
}

.footer-logo {
  width: 248px;
  height: auto;
  display: block;
  margin-bottom: 24px;
}

@media (max-width: 720px) {
  .brand-logo {
    width: 185px;
  }

  .footer-logo {
    width: 210px;
  }
}