.hero_banner {
  position: relative;
  overflow: hidden;
}

.hero_video {
  background: black;
  z-index: -1;
}

.hero_banner-scroll_down {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  z-index: 1;
}

.hero_video .hero_banner-scroll_down {
  z-index: 5;
}

.scroll_down-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.scroll_down-icon {
  margin-bottom: 17px;
}

.scroll_down-text {
  font-weight: 400;
  font-size: 14px;
  font-size: .875rem;
  letter-spacing: 0.05em;
  line-height: 18px;
  text-transform: uppercase;
}

.scroll_down-icon img {
  -webkit-animation: ARROWDOWN 2.5s ease-in-out;
  animation: ARROWDOWN 2.5s ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.hero_banner-item {
  position: relative;
}

.hero_video .hero_banner-item .ovarlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.hero_banner-item>.container {
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.hero_video .hero_banner-item>.container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 3;
}

.video_container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
  z-index: -1;
}

.hero_video .video_container {
  position: static;
}

.video_container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.hero_banner-text {
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 33px;
  margin-top: -50px;
}

.hero_banner-text h1 {
  text-transform: uppercase;
  font-size: 120px;
  font-size: 7.5rem;
  line-height: 126px;
  font-weight: 700;
}


@-webkit-keyframes ARROWDOWN {
  0% {
	 -webkit-transform: translate(0, 0);
	 //   opacity: 0;
  }
  50% {
	 opacity: 1;
  }
  100% {
	 -webkit-transform: translate(0, 15px);
	 //   opacity: 0;
  }
}
@keyframes ARROWDOWN {
  0% {
	 -webkit-transform: translate(0, 0);
	 // opacity: 0;
  }
  50% {
	 opacity: 1;
  }
  100% {
	 -webkit-transform: translate(0, 15px);
	 // opacity: 0;
  }
}

@media (min-width: 1200px) {
  .hero_video {
	 height: 100vh;
  }
}

@media (min-width: 1200px) and (max-width: 1690px) {
  .hero_video {
	 height: 750px;
  }

  .video_container {
	 padding-bottom: 59.25%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .video_container {
	 -webkit-transform: scale(1.2);
	 -ms-transform: scale(1.2);
	 transform: scale(1.2);
  }

  .hero_video .hero_banner-item .ovarlay {
	 -webkit-transform: scale(1.2);
	 -ms-transform: scale(1.2);
	 transform: scale(1.2);
  }
}

@media (min-width: 1367px) and (max-width: 1690px) {
  .video_container {
	 padding-bottom: 56.25%;
  }
}

@media (max-width: 767px) {
  .hero_video .hero_banner-scroll_down {
	 margin-bottom: 0;
	 bottom: 15px;
  }

  .hero_video .hero_banner-text {
	 margin-top: 0;
	 font-size: 19px;
	 line-height: 1.3;
  }

  .hero_video .hero_banner-text h1 {
	 font-size: 30px;
	 line-height: 35px;
  } 
}

@media (max-width: 575px) {
  .hero_banner-text h1 {
	 font-size: 70px;
	 font-size: 4.375rem;
	 line-height: 70px;
	 margin: 0 0 20px;
  }

  .hero_video .scroll_down-text {
	 display: none;
  }

  .hero_banner-text p {
	 margin: 0;
  }

  .hero_video .scroll_down-icon img {
	 width: 12px;
  }
}