/* Mobile hero and contact measurements from the source at 390px. */

@media (max-width: 820px) {
  .npdc-page-hero__inner,
  .npdc-page-hero__inner--text {
    width: calc(100vw - 40px);
    padding: 240px 0 30px;
  }

  .npdc-page-hero h1,
  .single-post .npdc-article__hero h1 {
    font-size: 50px;
    line-height: 58px;
  }

  .npdc-service-page .npdc-page-hero,
  .npdc-service-page .npdc-page-hero__inner {
    min-height: 461px;
  }

  .npdc-service-page .npdc-page-hero__inner {
    padding-top: 240px;
  }

  .npdc-contact-page .npdc-page-hero,
  .npdc-contact-page .npdc-page-hero__inner {
    min-height: 519px;
  }

  .npdc-blog-page .npdc-page-hero,
  .npdc-blog-page .npdc-page-hero__inner,
  .single-post .npdc-article__hero {
    min-height: 577px;
  }

  .single-post .npdc-article__hero {
    padding: 240px 20px 30px;
  }

  .npdc-contact-page .npdc-contact-source {
    min-height: 2203px;
    padding: 45px 20px 80px;
  }

  .npdc-contact-source__intro h2 {
    font-size: 38px;
    line-height: 46px;
  }

  .npdc-contact-source__form .gform_wrapper {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .npdc-contact-source__info dt {
    position: relative;
    color: transparent;
  }

  .npdc-contact-source__info dt::after {
    position: absolute;
    inset: 0;
    color: #0ecae9;
    font-size: 30px;
    line-height: 1;
    content: "●";
  }

  .npdc-contact-source__info dt:nth-of-type(1)::after {
    content: "☎";
  }

  .npdc-contact-source__info dt:nth-of-type(2)::after {
    content: "▦";
  }

  .npdc-contact-source__info dt:nth-of-type(3)::after {
    content: "◷";
  }

  .npdc-contact-source__info dt:nth-of-type(4)::after {
    content: "⌂";
  }

  .npdc-article-cta {
    min-height: 561px;
  }
}