#page-wrapper {
  width: 95%;
  margin: 0 auto; }

#page-title {
  font-family: 'Verlag-Light';
  font-size: 20pt;
  margin: 25px 0;
  font-weight: bold; }

.category-title {
  font-family: 'Verlag-Light';
  font-size: 16pt;
  margin: 25px 0;
  font-weight: bold; }

.video-wrapper {
  display: inline-block;
  width: 23.5%;
  text-align: center;
  margin: 10px;
  vertical-align: top; }
  .video-wrapper a {
    color: black; }
  .video-wrapper img {
    width: 100%; }
  .video-wrapper iframe {
    width: 100%;
    height: 250px; }
  .video-wrapper .video-title {
    margin: 10px 0; }

@media only screen and (max-width: 1650px) {
  .video-wrapper {
    width: 31.5%; } }

@media only screen and (max-width: 1350px) {
  .video-wrapper {
    width: 31%; } }

@media only screen and (max-width: 1200px) {
  .video-wrapper {
    width: 47.5%; } }

@media only screen and (max-width: 950px) {
  .video-wrapper {
    width: 46.5%; } }

@media only screen and (max-width: 767px) {
  .video-wrapper {
    width: 96%; }
    .video-wrapper iframe {
      width: 100%;
      height: 350px; } }

@media only screen and (max-width: 480px) {
  .video-wrapper {
    width: 96%; }
    .video-wrapper iframe {
      width: 100%;
      height: 250px; } }