.videoBanner .container {
  height: 100%;
}

.plyr__control--overlaid,
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, 
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
  background-color: #b1600d;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  background-color: #7a6c44;
}
.plyr__sr-only {
  background-color: #b1600d;
}
.videoBanner {
  height: 0;
  padding-bottom: 56%;
  position: relative;
  min-height: 210px;
}

.plyr--full-ui input[type=range] {
  color: #b1600d;
}

@media (min-width: 768px) {
  .videoBanner {
    height: 430px;
    padding-bottom: 0;
  }
}

@media (min-width: 880px) {
  .videoBanner {
    height: 450px;
    padding-bottom: 0;
  }
}

@media (min-width: 980px) {
  .videoBanner {
    height: 550px;
    padding-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .videoBanner {
    height: 565px;
    padding-bottom: 0;
  }
}

.video__wrapper,
.video__wrapper .plyr {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-width: 100%;
  overflow: hidden;
  background: #333;
}

.plyr__video-wrapper {
  background: #333;
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}
.plyr__video-wrapper body{
  background: #333;
}