.big-banner {
  background: #343d3b;
  padding: 0 0 4rem;
  margin-top: 16rem;
}
@media (max-width: 900px) {
  .big-banner {
    margin-top: 8rem;
  }
}
.big-banner-media {
  position: relative;
  top: -8rem;
  margin-bottom: -4rem;
}
@media (max-width: 900px) {
  .big-banner-media {
    top: -3rem;
    margin-bottom: 0;
  }
}
.big-banner-media-heading {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  margin: 0;
  padding: 2rem 28%;
}
.big-banner-text {
  text-align: center;
  color: white;
  max-width: 700px;
  margin: auto;
}
.big-banner-text h4 {
  font-family: "Newsreader", serif;
  font-size: var(--step-4);
}