#banner {
  position: relative;
}

#banner .banner-container {
  position: relative;
}

#banner .banner-container video {
  width: 100%;
  height: 750px;
}

.super-large-caption {
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -60%);
  top: 60%;
  z-index: 1000;
  font-size: 80px;
  font-family: 'SourceHanSansCN-Bold';
}

.large-caption {
  width: 50%;
  position: absolute;
  left: 108%;
  transform: translate(-62%, -70%);
  top: 80%;
  z-index: 1000;
  font-size: 50px;
  line-height: 0.4rem;
  font-family: 'SourceHanSansCN-Bold';
  text-shadow: 2px 2px 3px black;
}

.little-caption {
  font-size: 24px;
  font-weight: 500;
  transform: scaleY(0.2);
  text-shadow: 1px 1px 2px black;
}
.banner-img{
  margin-top:65px;
  width: 100%;
}

@media (max-width: 2790px) {
  #banner .banner-container video {
    height: 20rem;
  }

  .super-large-caption {
    font-size: 1.2rem;
    padding: 0 0.67rem;
  }

  .large-caption {
    font-size: 0.7rem;
    padding: 0 0.67rem;
  }


  .little-caption {
    font-size: 0.3rem;
    padding: 0 0.0rem;
  }

  .banner-img {
    height: 9.0rem;
  }

}

@media (max-width: 780px) {
  .banner-img{
  margin-top:20px;
}
}