/* Working-copy proposal: clearer Service Production page on mobile. */
@media (min-width: 761px) and (max-width: 940px) {
  .service-production-mobile-hero-proposal .service-disclosure--intel {
    border-color: rgba(61, 107, 113, 0.24) !important;
    background: #e7f1f0 !important;
  }
}

@media (max-width: 760px) {
  .service-production-mobile-hero-proposal .page-hero__media {
    background-position: 70% center !important;
    background-size: cover !important;
  }

  .service-production-mobile-hero-proposal .page-hero__sub {
    display: none !important;
  }

  .service-production-mobile-hero-proposal .page-hero__lines {
    max-width: 22rem !important;
    margin-top: 1.55rem !important;
    gap: 0.34rem 0.78rem !important;
  }

  .service-production-mobile-hero-proposal .page-hero__lines span {
    font-size: 0.7rem !important;
    letter-spacing: 0.085em !important;
  }

  .service-production-mobile-hero-proposal .page-hero__lines span:first-child {
    flex-basis: 100%;
  }

  .service-production-mobile-hero-proposal .page-hero__lines span:first-child::after {
    display: none !important;
  }

  .service-production-mobile-hero-proposal .page-hero__lines span:nth-child(2)::after {
    right: -0.58rem !important;
  }

  .service-production-mobile-hero-proposal .production-intro__proof .proof-promise {
    display: none !important;
  }

  .service-production-mobile-hero-proposal .production-intro__proof {
    padding-top: 0.85rem !important;
  }

  .service-production-mobile-hero-proposal .service-disclosure--intel {
    margin-bottom: 1.35rem !important;
    border-color: rgba(61, 107, 113, 0.24) !important;
    background: #e3eeee !important;
  }

  .service-production-mobile-hero-proposal .location-showcase {
    padding-top: 2.7rem !important;
  }

  .service-production-mobile-hero-proposal .location-actions--mobile {
    display: flex !important;
    justify-content: flex-start;
    width: 100%;
    margin-top: 1.2rem;
  }
}