/* lead-hero breakpoints, loaded after the shared ones. */

@media (max-width: 1100px) {
  body.seo-page .seo-hero { height: 872px; }
  body.seo-page .seo-hero__inner { display: block; padding: 60px 16px 0; }
  body.seo-page .seo-hero__content { align-items: center; text-align: center; }
  body.seo-page .seo-hero .eyebrow { height: 30px; min-height: 30px; }
  body.seo-page .seo-hero__content h1 { width: 300px; margin-top: 27px; font-size: 40px; line-height: 40px; letter-spacing: -.03em; }
  body.seo-page .seo-hero__content > p:not(.eyebrow) { width: 347px; margin-top: 21px; font-size: 16px; line-height: 24px; }
  body.seo-page .seo-hero__content > .button { width: 163px; min-width: 163px; margin-top: 39px; }
  body.seo-page .seo-hero__tags { display: none; }
}

@media (max-width: 900px) {
  .web-hero { padding: 60px 0 0; background-size: 48px 48px; }
  .web-hero__inner { display: block; padding-inline: 16px; }
  .web-hero__content { padding-top: 0; text-align: center; }
  .web-hero__title { width: 311px; margin: 32px auto 0; font-size: 40px; line-height: .84; }
  .web-hero__copy { width: min(100%, 347px); margin: 32px auto 0; font-size: 16px; line-height: 1.23; }
  .web-hero__actions { gap: 20px; justify-content: center; margin-top: 40px; }
  .web-hero__actions .button { min-width: 0; width: 171px; padding-inline: 10px; }
  .shopify-partner { margin: 40px auto 0; }
  .audit-card { min-height: 414px; margin: 40px 10px 0; padding: 28px 32px 32px; }
  .audit-card h2 { max-width: 225px; margin-bottom: 36px; font-size: 20px; }
  .audit-card label, .audit-card .gfield { margin-top: 16px; }
  .audit-card input { height: 50px; }
  .audit-card .button { min-height: 50px; margin-top: 40px; }
  body.web-development-page .web-hero__inner { display: block; padding: 59px 16px 0; }
  body.web-development-page .web-hero__content { padding-top: 0; text-align: center; }
  body.web-development-page .web-hero__title { width: auto; margin-top: 27.2px; font-size: 40px; line-height: 40px; }
  body.web-development-page .web-hero__copy { width: 330px; margin: 19.4px auto 0; font-size: 16px; line-height: 24px; }
  body.web-development-page .web-hero__actions { flex-wrap: wrap; margin: 36.4px 0 0; justify-content: center; column-gap: 26px; row-gap: 0; }
  body.web-development-page .web-hero__actions .button { width: 162px; flex: none; }
  body.web-development-page .shopify-partner { display: flex; width: auto; height: 32px; flex: 0 0 100%; justify-content: center; margin: 38px 0 0; }
  body.web-development-page .shopify-partner img { height: 32px; }
  body.web-development-page .shopify-partner img:last-child { width: 143px; height: auto; }
  body.web-development-page .audit-card { width: auto; margin: 44px 10px 0; padding: 25.3px 31px 28px; }
  body.web-development-page .audit-card h2 { max-width: 200px; margin-top: 0; font-size: 18px; line-height: 24px; }
  body.web-development-page .audit-card label:first-of-type, body.web-development-page .audit-card .gform_validation_container + .gfield { margin-top: 35.7px; }
  body.web-development-page .audit-card label, body.web-development-page .audit-card .gfield { margin-top: 16px; }
  body.web-development-page .audit-card .button { margin-top: 40px; }
  body.email-marketing-page .email-hero { height: auto; }
  body.email-marketing-page .email-hero__inner { display: block; padding: 40px 16px 0; }
  body.email-marketing-page .email-hero__content { margin-top: 0; }
  body.email-marketing-page .email-hero__content h1 { width: 100%; margin-top: 28px; font-size: 44px; line-height: 44px; }
  body.email-marketing-page .email-hero__content > p:not(.eyebrow) { width: 100%; margin-top: 20px; font-size: 16px; line-height: 24px; }
  body.email-marketing-page .email-hero__actions { margin-top: 32px; flex-wrap: wrap; gap: 12px; }
  body.email-marketing-page .email-hero__actions .button, body.email-marketing-page .email-hero__actions .button--secondary { width: 100%; min-width: 0; }
  body.email-marketing-page .email-hero .audit-card { width: 100%; height: auto; min-height: 0; margin-top: 40px; padding: 28px 24px; }
  body.email-marketing-page .email-hero .audit-card h2 { max-width: none; margin-bottom: 24px; font-size: 22px; line-height: 26px; }
  body.email-marketing-page .email-hero .audit-card label, body.email-marketing-page .email-hero .audit-card .gfield { margin-top: 16px; }
}