@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .gray-bg {
    background-color: #AAAAAA
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .vid {
    padding: 10px;
  }
  .video-frame {
    height: 16.87vw;
    width: 30vw;
  }
  #blk-bg {
    background-color: #555555;
  }
  #blk-bg * {
    color: #FFFFFF;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 1401px) {}
/* DESKTOP */
@media only screen and (max-width: 1400px) {}
/* TABLET */
@media only screen and (max-width: 1050px) {
  .grid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
  }
  .video-frame {
    height: 47.25vw;
    width: 84vw;
  }
}
/* MOBILE */
@media only screen and (max-width: 700px) {
  .video-frame {
    height: 157px;
    width: 280px;
  }
}