#video_range {
  margin: 0 auto;
  width: 560px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  -ms-grid-rows: 20px;
  grid-template-rows: repeat(3, 20px);
  grid-gap:  3rem 0.5rem;
}
/*-------------------------------------------------------------------*/
.video-block {
  width: 560px;
  height: 365px;
  margin: 0 auto;
  -webkit-box-shadow: 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.4);
          box-shadow: 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.4);
  overflow: hidden;
  background-color: #EEEEEE;
}
.video-block iframe {
  position: relative;
  width: 100%;
}
/*-------------------------------------------------------------------*/
@media only screen and (max-width: 910px) {
  #video_range {
    margin: 0 auto;
    width: 90%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    grid-gap:  2rem 2rem;
  }
  .video-block {
    width: 90%;
    margin: 0 auto;
}
}