.video-section {
  background-color:transparent;
  /* Added */
  position:relative; z-index:99
}
.video-section .video-wrp {
  position:relative;
  overflow:hidden;
  /* Added */
  z-index:9;
  height:100vh;
}
.video-section .content-wrp {display:flex; flex-direction:row; align-items:center; justify-content:center; position:absolute; left:50%; transform:translateX(-50%); width:100%}

.video-section .content-wrp h4 {font-family:'Cinzel', Times New Roman; font-weight:normal; display:inline-block; position:relative}
.video-section .content-wrp h3 {font-family:'Aerotis', sans-serif; font-weight:normal; display:inline-block; position:relative}


.video-section .content-wrp h3 {transform:translateX(0%)}
.video-section .video-wrp .video-bg {
  background: url("../images/video-bg.png") center center/cover no-repeat;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  transition:.3s
}
.video-section .video-wrp.active .video-bg {
  transform:scale(4)
}
@keyframes overview_anim_right {
  0% {
    transform:translateX(-100%)
  }
  100% {
    transform:translateX(0)
  }
}
 
  .video-section .content-wrp h4 span {
    display:block
  }
  .video-section .content-wrp {
    padding-top:40px
  }
  .video-section .content-wrp h4 {
    display:block;
    text-align:center
  }

@media screen and (min-width: 300px) {
.belowvideopad {padding-top:280px}
.video-section .content-wrp h4, .video-section .content-wrp p {font-size:16pt; line-height:16pt;}
  .video-section .video-wrp video {
    height:40vh;
    width:100%;
    object-fit:cover
  }
  .video-section .video-wrp {height:40vh;}
  .video-section {padding-top:42px}
}

@media screen and (min-width: 340px) {
.belowvideopad {padding-top:280px}
.video-section .content-wrp h4, .video-section .content-wrp p {font-size:18pt; line-height:18pt;}
}

@media screen and (min-width: 480px) {
.belowvideopad {padding-top:340px}
.video-section .content-wrp h4, .video-section .content-wrp p {font-size:22pt; line-height:22pt;}
}

@media screen and (min-width: 768px) {
.belowvideopad {padding-top:460px}
.video-section .content-wrp h4, .video-section .content-wrp p {font-size:26pt; line-height:26pt;}
  .video-section {padding-top:52px}
}

@media screen and (min-width: 1024px) {
.belowvideopad {padding-top:280px}
.video-section .content-wrp h4, .video-section .content-wrp p {font-size:28pt; line-height:28pt;}
  .video-section .video-wrp {
    height:100vh;
    width:100%;
    object-fit:cover
  }
  .video-section .video-wrp {height:100vh;}
  
   
}

@media screen and (min-width: 1280px) {
.belowvideopad {padding-top:410px}
.video-section .content-wrp h4, .video-section .content-wrp p {font-size:30pt; line-height:30pt;}
  .video-section {padding-top:0px}
}

@media screen and (min-width: 1366px) {
.belowvideopad {padding-top:330px}
.video-section .content-wrp h4, .video-section .content-wrp p {font-size:32pt; line-height:32pt;}
}

@media screen and (min-width: 1440px) {
.belowvideopad {padding-top:390px}
.video-section .content-wrp h4, .video-section .content-wrp p {font-size:32pt; line-height:32pt;}
}

@media screen and (min-width: 1600px) {
}

@media screen and (min-width: 1900px) {
.belowvideopad {padding-top:440px}
.video-section .content-wrp h4, .video-section .content-wrp p {font-size:36pt; line-height:36pt;}
}