.blue-gradient h1,
.blue-gradient h2,
.blue-gradient h3,
.blue-gradient h4,
.blue-gradient h5,
.blue-gradient h6 {
    color: white;
    /* text-shadow: 1px 1px 2px black; */
    text-align: center;
    text-wrap: balance;
}

.blue-gradient h1 {
  margin-top: 4rem;
  font-size: 3rem;
}

.blue-gradient h2 {
  font-size: 3.8122rem;

  @media screen and (max-width: 767px) {
    h2 {
      font-size: 5vh;
    }
  }
}

.blue-gradient.ccm-block-hero-image div.ccm-block-hero-image-text {
  background: linear-gradient(to bottom, rgba(0, 89, 155, 0.75), rgba(0, 89, 155, 0) 100%);
  justify-content: start;
}