@charset "UTF-8";
/* CSS Document */

.video-section {
      position: relative;
      width: 100%;
      margin:0 0 0px 0;
      padding:0;
      overflow: hidden;
      transition-duration: .4s;
}

@media screen and (max-width: 2000px) {
	.video-section {
      height: 350px;
	}
}

@media screen and (max-width: 1180px) {
	.video-section {
      height: 300px;
	}
}

@media screen and (max-width: 875px) {
	.video-section {
      height: 300px;
	}
}

.video-section video {
    position: absolute;
  	width:100%;
    top: -50%;
    left: 0;
    z-index: 2;
}

@media (min-width:667px) {
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      margin-top: 40px;
      background-size: 100%;
      background-repeat: no-repeat;
	}
	.mediablockhero h3 {
 	 padding-top:14%;
     font-size:1.8em;
	}
   .contentmobile {
  height: 150px;
}
  	.subcaption {
      font-size:24px;
    }
}

@media (max-width:667px) {
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      background-size: 120%;
      background-repeat: no-repeat;
	}
	.mediablockhero h3 {
 	 padding-top:18%;
     font-size:1.3em;
    }
  .contentmobile {
  height: 275px;
}
  .subcaption {
      font-size:16px;
    }
}

@media (max-width:460px) {
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      background-size: 120%;
      background-repeat: no-repeat;
	}
	.mediablockhero h3 {
 	 padding-top:18%;
     font-size:1.3em;
    }
  .contentmobile {
  height: 175px;
}
  .subcaption {
      font-size:16px;
    }
}