#instructions textarea { width: 100%; height: auto; }
.video-js .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.video-js {
    /* The base font size controls the size of everything, not just text.
    All dimensions use em-based sizes so that the scale along with the font size.
    Try increasing it to 15px and see what happens. */
    font-size: 10px;
    /* The main font color changes the ICON COLORS as well as the text */
    color: #fff;
   
    background-size: contain;
    width: 100%;     
    min-height: 182px;
}
.vjs-default-skin .vjs-big-play-button {
    display:none;
}
.video-js .vjs-control-bar{background-color:whitesmoke}
.video-js .vjs-menu-button .vjs-menu-content {
    background-color: #2B333F;
}
.video-js .vjs-slider {
    background-color: #ddd;
    height: 2px;
}
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
    background: #4285f4;
}
.video-js .vjs-play-control,
.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button{
    color:#5a5a5a;font-size:1.4em;top: -5px;
}

.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div{
    color: #4285f4;
}
.video-js .vjs-load-progress {
    background: #bfc7d3;
}
.video-js .vjs-load-progress div {
    background: white;
}
.my_video_1-dimensions.vjs-fluid {
    padding-top: 56.3%;
}
.video-js .vjs-play-progress:before {top: -0.4em;font-size: 1.4em;}
.video-js .vjs-time-control , .video-js .vjs-fullscreen-control {color:#5a5a5a;font-size: 1.25em;top: -3px;}
vjs-volume-menu-button {left: 33em;position: absolute;}
.video-js .vjs-time-control {top: -1px;}
.my_video_1-dimensions {width: 647px !important; height: 364px !important; min-width: 640px; min-height: 364px; }