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

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

@media only screen and (min-width: 480px) and (max-width: 767px)  { 
  body #page-container h1,
  .video-container::after {
    font-size: 4em!important;
  } 
  body #page-container h2 {
    font-size: 4em!important;
  }
  body #page-container h3 {
    font-size: 2em!important;
  }
  body #page-container h4 {
    font-size: 1.6em!important;
  }
  body #page-container h5 {
    font-size: 1.2em!important;
  }
  body #page-container h6 {
    font-size: 1em!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: 3.2em!important;
  }
  body #page-container h3 {
    font-size: 2em!important;
  }
  body #page-container h4 {
    font-size: 1.6em!important;
  }
  body #page-container h5 {
    font-size: 1.2em!important;
  }
  body #page-container h6 {
    font-size: 1em!important;
  }
}