.video-box { width: 100%; margin: 10px 0 70px 0; }

.youtube-player {position: relative; width: 100%; height: 0; background: #fff; overflow: hidden;
  padding-bottom: 56.25%;
  margin: 0;
}

.youtube-player iframe {position: absolute; z-index: 100;  top: 0; left: 0; width: 100%; height: 100%;
  background: transparent;
}

/* player Cover image */
.youtube-player img {position: absolute; display: block; -o-object-fit: fill; object-fit: fill;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  transition: 0.4s all;
}

/* Image Black Filter */
.youtube-player.b-filter img:hover {
  -moz-filter: brightness(75%);
  -o-filter: brightness(75%);
  filter: brightness(75%);
}
/* Image White Filter */
.youtube-player.w-filter img { opacity: 0.7; }
.youtube-player.w-filter img:hover { opacity: 1;
  transition: opacity 0.4s ease;
}

/* PLay Icon */
.youtube-player .play {position: absolute; background: url("../pix/play.png") no-repeat; background-size: cover;
  height: 50px;
  width: 50px;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  cursor: pointer;
}

/* Video titles */
.video-title { width: 98%; margin: 20px auto 20px auto; text-align: center; font-size: .95em; font-style: italic; color: grey; }


/* MEDIA QUERIES ---------------------------------- */