/* --Hover Mixin.--*/
/* -- Cross browser opacity.--*/
/* -- Animation.--*/
/* ==========================================================================
   #Site Global Sizes
   ========================================================================== */
/**
 * This shall stop the z-index chaos
 */
/* ==========================================================================
   #Site Global Colours
   ========================================================================== */
/* BLOCK: Content + 2 Highlights --------------------------------- */
.intro-columns :is(.body-copy) {
  margin-top: 1.25rem;
}
@media (min-width: 46.25em) {
  .intro-columns :is(.body-copy) {
    margin-top: 1.875rem;
  }
}

.intro_cols_highlight-boxes + .highlight-boxes {
  margin-top: 2.5rem;
}

.content-2-highlights .highlight-article__title {
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 61.25em) {
  .content-2-highlights .highlight-article__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}