/* --Hover Mixin.--*/
/* -- Cross browser opacity.--*/
/* -- Animation.--*/
/* ==========================================================================
   #Site Global Sizes
   ========================================================================== */
/**
 * This shall stop the z-index chaos
 */
/* ==========================================================================
   #Site Global Colours
   ========================================================================== */
/* BLOCK: Page Intro Box --------------------------------- */
.page-intro-box__wrap {
  background-color: white;
}
.page-intro-box .body-copy-intro {
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 46.25em) {
  .page-intro-box .body-copy-intro {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media (min-width: 46.25em) {
  .page-intro-box .in-page__cta__btn {
    grid-column: 2/-1;
  }
}

.page-intro-box .end-btn {
  padding-top: 1.25rem;
}
@media (min-width: 61.25em) {
  .page-intro-box .end-btn {
    padding-top: 1.5625rem;
  }
}

.page-intro-box .end-btn .hero-pill__btn.main-btn + .hero-pill__btn.main-btn {
  margin-left: 1.875rem;
}