/*----------------------------------------------------------*/
.iframe-container2 {
  position: relative;
  width: 560px;
  height: 315px;
}
/*----------------------------------------------------------*/
#video_range {
  margin: 0 auto;
  width: 560px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 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) {
  .iframe-container2 {
    position: relative;
    width: 100%;
    height: auto;
  }
  #video_range {
    margin: 0 auto;
    width: 90%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap:  2rem 2rem;
  }
  .video-block {
    width: 90%;
    height: auto;
    margin: 0 auto;
}