/* Match the public hero width to the rest of the page. */
@media (min-width:821px) {

  body.marketing-page .m50-home-hero .m50-hero-grid,
  body.marketing-page .m50-businesses-hero .m50-hero-grid,
  body.marketing-page .m50-pricing-hero .m50-hero-grid,
  body.marketing-page .m50-about-hero .m50-hero-grid {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    margin-inline: auto;
    grid-template-columns: minmax(0, 56%) minmax(0, 44%);
    min-height: 410px;
  }

  .m50-home-hero .m50-hero-copy,
  .m50-businesses-hero .m50-hero-copy,
  .m50-pricing-hero .m50-hero-copy,
  .m50-about-hero .m50-hero-copy {
    min-width: 0;
    padding: 35px 22px 35px 0;
  }

  .m50-hero .m50-hero-copy h1 {
    font-size: clamp(32px, 3vw, 40px);
    line-height: 1.08
  }

  .m50-hero .m50-hero-copy p {
    font-size: clamp(14px, 1.18vw, 17px);
    line-height: 1.48
  }

  .m50-hero .m50-hero-media {
    min-width: 0;
    min-height: 410px;
    height: auto
  }

  .m50-hero .m50-hero-media>img {
    object-position: 65% center
  }

  body.marketing-page .m50-contact-hero .m50-contact-hero-grid {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    margin-inline: auto;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
    padding-right: 0;
  }

  .m50-contact-copy {
    min-width: 0;
    padding-left: 0;
    padding-right: clamp(260px, 26vw, 325px);
  }

  .m50-contact-copy h1 {
    font-size: clamp(34px, 3vw, 42px)
  }
}

@media (min-width:821px) and (max-width:1100px) {

  body.marketing-page .m50-home-hero .m50-hero-grid,
  body.marketing-page .m50-businesses-hero .m50-hero-grid,
  body.marketing-page .m50-pricing-hero .m50-hero-grid,
  body.marketing-page .m50-about-hero .m50-hero-grid {
    grid-template-columns: minmax(0, 56%) minmax(0, 44%)
  }

  .m50-home-hero .m50-hero-copy,
  .m50-businesses-hero .m50-hero-copy,
  .m50-pricing-hero .m50-hero-copy,
  .m50-about-hero .m50-hero-copy {
    padding-left: 28px;
    padding-right: 20px
  }

  .m50-hero .m50-hero-copy h1 {
    font-size: clamp(32px, 3.6vw, 40px)
  }

  .m50-contact-copy {
    padding-left: 0;
    padding-right: 260px
  }
}