/*------------------------------------------------------
MEDIA QUERY FOR EXTRA SMALL SCREENS AND UP
------------------------------------------------------*/
body h1 {
  font-size: calc(80px - 30px); }

body h2 {
  font-size: calc(50px - 14px); }

body h3 {
  font-size: calc(30px - 5px); }

body h4 {
  font-size: calc(25px - 5px); }

/*------------------------------------------------------
MEDIA QUERY FOR SMALL SCREENS, 568px AND UP
------------------------------------------------------*/
/*------------------------------------------------------
 MEDIA QUERY FOR MEDIUM SCREENS, 768px AND UP
------------------------------------------------------*/
@media screen and (min-width: 768px) {
  body h1 {
    font-size: 80px; }
  body h2 {
    font-size: 50px; }
  body h3 {
    font-size: 30px; }
  body h4 {
    font-size: 25px; } }

/*------------------------------------------------------
MEDIA QUERY FOR LARGE SCREENS, 992px AND UP
------------------------------------------------------*/
/*------------------------------------------------------
MEDIA QUERY FOR EXTRA LARGE SCREENS, 1200px AND UP
------------------------------------------------------*/