/* -------------------------------------*/
/*-- MEDIUM HEADER FONT SIZES --*/
/* -------------------------------------*/

@media only screen and (min-width: 768px) { 
  body #page-container h1,
  .video-container::after {
    font-size: 5em!important;
  }
  body #page-container h2 {
    font-size: 3.5em!important;
  }
  body #page-container h3 {
    font-size: 2.8em!important;
  }
  body #page-container h4 {
    font-size: 2.2em!important;
  }
  body #page-container h5 {
    font-size: 1.6em!important;
  }
  body #page-container h6 {
    font-size: 1.2em!important;
  }  
} 

@media only screen and (min-width: 480px) and (max-width: 767px)  { 
  body #page-container h1,
  .video-container::after {
    font-size: 3.6em!important;
  }
  body #page-container h2 {
    font-size: 3em!important;
  }
  body #page-container h3 {
    font-size: 2.5em!important;
  }
  body #page-container h4 {
    font-size: 2em!important;
  }
  body #page-container h5 {
    font-size: 1.5em!important;
  }
  body #page-container h6 {
    font-size: 1.2em!important;
  }  
}

@media only screen and (max-width: 479px)  { 
  body #page-container h1,
  .video-container::after {
    font-size: 3.2em!important;
  }
  body #page-container h2 {
    font-size: 2.8em!important;
  }
  body #page-container h3 {
    font-size: 2.3em!important;
  }
  body #page-container h4 {
    font-size: 1.8em!important;
  }
  body #page-container h5 {
    font-size: 1.3em!important;
  }
  body #page-container h6 {
    font-size: 1.1em!important;
  } 
}