header.intro.hero .banner > div {
  display: flex;
  flex-direction: column-reverse;
  width: 70%;
}
header.intro.hero .banner > div h1 {
  font-size: 3em;
}
@media only screen and (width < 1050px) {
  header.intro.hero .banner > div h1 {
    font-size: 2em;
  }
}
@media only screen and (width < 380px) {
  header.intro.hero .banner > div h1 {
    font-size: 1.5em;
  }
}
@media only screen and (width < 48rem) {
  header.intro.hero .banner > div {
    width: 100%;
  }
}