.video-container {
  max-width:880px; 
  margin: 0 auto;
  text-align:center;
  font-family:arial;
}
.video-container img {
  width:60%;
}
.video-box {
   padding:30px;
   margin:40px 0;
   border:2px solid #000;
   border-radius:20px;
   background-color:#F2F2F2;
   background-color:var(--main-shade);
}
.video-heading {
   padding:10px 0;
   font-size:3em; 
   font-weight: bold;
}
.video-header {
   padding:20px;
   margin:0;
   font-size:2.5em; 
   font-weight: bold;
   background-color:#fff;
   border:1px solid #000;
   border-radius:10px;
}
 .video-text {
  text-align: justify; 
  padding:0 0 10px 0; 
  font-size:1.5em;
  font-style: italic;
}
.library {
  text-align:center; 
  padding:0 10px 40px 10px; 
  font-size:2.0em; 
}
.library a {
  color:#F15B28;
}


@media only screen and (max-width: 768px) {
  .video-container {
     padding: 0 1px;
  }
  .video-heading {  
    font-size:2.25em; 
}
.video-box {
    padding:15px;
    margin:25px 0;
    border:1px solid #000;
    border-radius:20px;
}
  .video-header {
    font-size:1.75em; 
  }
  .video-text {
    font-size:1.0em;
  }
  .video-container img {
    width:90%;
  }
}