.banner {
  width: 100%;
  height: 840px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
p,
h4 {
  margin: 0;
}
.banner-text > p:nth-of-type(1) {
  font-size: 1.3rem;
  color: #ffffff;
  line-height: 1.58rem;
  text-shadow: 0px 10px 21px rgba(37, 37, 37, 0.65);
}
.banner-text > p:nth-of-type(2) {
  font-size: 0.43rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.65rem;
  text-shadow: 0px 10px 21px rgba(37, 37, 37, 0.65);
}

@media (max-width: 640px) {
  .banner-text {
    top: 58%;
    left: 50%;
    /* width: 60%; */
  }
}

@media (max-width: 1530px) {
  .banner {
    height: 570px;
  }
}