.bg_vdo{
    width: 100%;
    height: 400px; 
    overflow: hidden;
}
@media (min-height:768px){
    .bg_vdo{
    width: 100%;
    height: 640px; 
    overflow: hidden;
}
}
.bg_vdo video{
      /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  
  /* Center the video */
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);/* IE 9 */
-webkit-transform: translate(-50%,-50%);/* Safari and Chrome */
-o-transform: translate(-50%,-50%);/* Opera */
-moz-transform:translate(-50%,-50%); /* Firefox */

}

.vdo_overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    color: #fff;
}
.vdo_overlay h4{
    text-align: center;
    text-transform: uppercase;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    font-size: 36px;
}
.vdo_overlay p{
    text-align: center;
    max-width: 768px;
    margin-left:auto;
    margin-right:auto;
    font-size: 20px;
}

.bg_vdo video::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

.bg_vdo video::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

.bg_vdo video::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}