/* --Hover Mixin.--*/
/* -- Cross browser opacity.--*/
/* -- Animation.--*/
/* ==========================================================================
   #Site Global Sizes
   ========================================================================== */
/**
 * This shall stop the z-index chaos
 */
/* ==========================================================================
   #Site Global Colours
   ========================================================================== */
/* BLOCK: Newsletter Row --------------------------------- */
.newsletter-choice__intro {
  color: white;
}

.newsletter-choice .body-copy-intro {
  margin-top: 1.25rem;
}
@media (min-width: 46.25em) {
  .newsletter-choice .body-copy-intro {
    margin-top: 2.5rem;
  }
}

@media (min-width: 61.25em) {
  .newsletter-choice__intro {
    grid-column: 1/6;
  }
}

@media (min-width: 61.25em) {
  .newsletter-form__actual {
    grid-column: 7/-1;
  }
}