/* Keep service page hero copy on the same content grid as the site header. */
body.filename_download,
body.filename_contact {
  --service-hero-content-width: 1190px;
  --service-hero-gutter: max(24px, calc((100vw - var(--service-hero-content-width)) / 2));
}

@media (min-width: 821px) {
  body.filename_download .download-banner .banner .info,
  body.filename_contact .contact-banner .banner .info {
    top: 53% !important;
    left: var(--service-hero-gutter) !important;
    width: min(520px, 43%) !important;
    max-width: 520px !important;
    min-width: 0 !important;
    transform: translateY(-50%) !important;
    text-align: left !important;
  }

  body.filename_download .download-banner .banner .info h1,
  body.filename_contact .contact-banner .banner .info h1 {
    margin: 0 !important;
    white-space: normal !important;
  }

  body.filename_download .download-banner .banner .info .desc,
  body.filename_contact .contact-banner .banner .info .feature,
  body.filename_contact .contact-banner .banner .info .desc {
    margin: 12px 0 0 !important;
    white-space: normal !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.filename_download .download-banner .banner .info,
  body.filename_contact .contact-banner .banner .info {
    left: 7% !important;
    width: 52% !important;
    max-width: 52% !important;
  }
}