.video-player-wrapper .vjs-poster img {
  object-fit: cover;
}

/* specifier is due to IE11*/
.clinch-video-player.video-js {
  width: 100%;
}

.col-md-3 {
  .clinch-video-player.video-js {
    height: 200px;
  }
}

@media (min-width: 767px) {
  .clinch-video-player.video-js {
    height: 400px;
  }
}

@media (max-width: 1199px) {
  .clinch-video-player.video-js {
    height: 440px;
  }
}

@media (max-width: 767px) {
  .clinch-video-player.video-js {
    height: 260px;
  }

  .col-md-3, .col-md-4, .col-md-6, .col-md-8 {
    .clinch-video-player.video-js {
      margin-bottom: 30px;
    }
  }

  /*not working - would like to stop the margin on the last one*/
  .col-md- *:last-child {
    .clinch-video-player.video-js {
      margin-bottom: 0;
    }
  }
}