/* CSS videos */
#videos {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.video {
  margin:1%;
  width:48%;
  display:flex;
  justify-content:space-between;
}

.video_img {
  width:49%;
  height:100%;
  min-height:200px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.video_txt {
  width:49%;
  
}

.video h3 {

}
.video h3::before {
    margin: 0px 0 4px 0!important;
}

.video_play {
  background-image:url('play_video.png');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;  
  width:100%;
  height:100%;
}

.video_detail_embed {
  height:75vh;
  width:100%;
  margin:20px 0;
}

@media (max-width: 700px) {
  #videos {
    display:block;
  }
  .video {
    margin:0 0 3% 0;
    width:100%;
    display:block;
  }
  .video_img {
    width:100%;
    min-height:25vh;
    margin:0;
    margin-bottom:2%;
  }  
  .video_txt {
   width:100%;
   margin:0;
  } 
  .video_play {
    height:25vh;
  } 
  .video_detail_embed {
    height:50vh;
    width:100%;
  }  
}