.hero_banner {
  min-height: 900px;
  padding: 80px 0;
  background-size: cover !important;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.hero_banner .hero_logo {
  position: relative;
  margin: 0 0 36px;
  padding: 0 0 40px;
}
.hero_banner .hero_logo::after {
  content: "";
  width: 100px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
}
.hero_banner h1 {
  color: #FFFFFF;
  margin-bottom: 0;
}
.hero_banner .content {
  position: relative;
  max-width: 640px;
}
.hero_banner .video_wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.hero_banner .video_wrapper video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.hero_banner.video {
  overflow: hidden;
}

@media only screen and (max-width: 1520px) {
  .hero_banner {
    min-height: 700px;
  }
}
@media only screen and (max-width: 768px) {
  .hero_banner {
    min-height: 600px;
  }
}
@media only screen and (max-width: 550px) {
  .hero_banner {
    min-height: 500px;
  }
  .hero_banner .hero_logo {
    margin: 0 0 26px;
    padding: 0 0 30px;
  }
}