.hero, 
.hero__content { position: relative; }
.hero__content { 
  margin: auto;
  max-width: 1560px;
  padding: 5vh 5vw;
  z-index: 2; 
}
.hero__gradient {
  mix-blend-mode: screen;
  position: absolute;
  top:0; 
  right:0;
  bottom:0;
  left:0;
  z-index:1;
}
.hero__title {
  font-weight: normal;
  line-height: 1.2;
  margin-top: 1em;
}
.hero__subtitle {
  color: #fff;
  line-height: 1.5;
  margin-top: 0;
}
@media (min-width: 768px) {
  .hero__title { font-size: 4vw; }
  .hero__subtitle { font-size: calc(1rem + 0.5vw); }
  h2 { font-size: calc(1rem + 1vw); }
}

@media (max-width: 767px) {
  .hero__title { font-size: 7vw; }
  .hero__subtitle { calc(1rem + 1vw); }
  h2 { font-size: calc(1rem + 2vw); }
}