trying to make embedded video be responsive

responsive-video.css

.video_gallery {
  text-align: center;
}

.video_gallery li {
  margin: 10px 0 10px 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    max-width: 420px; // these lines seem to mess up everything
    max-height: 315px; // these lines seem to mess up everything
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}