@media screen and (max-width: 800px) {
  .player {
    height: calc(((100vw - 96px) / 16 * 9));
  }
}

@media screen and (max-width: 600px) {
  #page {
    padding: 0 10px;
  }
  .player {
    height: calc(((100vw - 76px) / 16 * 9));
  }
  footer {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
  .links {
    margin: 0 0 20px 0;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
}