.article-hero {
  background-color: var(--light-blue) !important;
}
.article-hero .article-hero-grid {
  -ms-grid-column: 3;
  -ms-grid-column-span: 7;
  grid-column: 3/10;
}
.article-hero .article-hero-grid h1 {
  margin-bottom: 0.625rem;
  font-size: 3.125rem;
  line-height: 3.75rem;
}
@media (max-width: 64.3125rem) {
  .article-hero .article-hero-grid {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
  .article-hero .article-hero-grid h1 {
    margin-bottom: 0;
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}