html,
body {
  font-size: 14px !important;
}

h1 {
  font-size: 1.602em;
  color: white;
}

h2 {
  font-size: 1.424em;
}

h3 {
  font-size: 1.266em;
}

h4 {
  font-size: 1.125em;
}

h5 {
  font-size: 0.489em;
}

h6 {
  font-size: 0.79em;
}

.display-1 {
  font-size: 2.5em;
}

.display-2 {
  font-size: 2em;
}

.display-3 {
  font-size: 1.8em;
}

.display-4 {
  font-size: 0.5em;
}

@media (min-width: 28.5em){ /*455px*/

  h5 {
      font-size: 0.689em;
  }

  .display-1 {
    font-size: 3em;
  }

  .display-2 {
    font-size: 2.5em;
  }

  .display-3 {
    font-size: 2em;
  }

  .display-4 {
    font-size: 1em;
  }
}

@media (min-width: 41em){ /*655px*/

  h5 {
      font-size: 0.889em;
  }

  .display-1 {
    font-size: 4em;
  }

  .display-2 {
    font-size: 3.5em;
  }

  .display-3 {
    font-size: 3em;
  }

  .display-4 {
    font-size: 2em;
  }
}

@media (min-width: 50em) { /*800px*/
  h1 {
    font-size: 2.441em;
  }
  h2 {
    font-size: 1.953em;
  }
  h3 {
    font-size: 1.563em;
  }
  h4 {
    font-size: 1.25em;
  }
  .display-1 {
    font-size: 5em;
  }
  .display-2 {
    font-size: 4.5em;
  }
  .display-3 {
    font-size: 3.5em;
  }
  .display-4 {
    font-size: 2.5em;
  }
}

@media (min-width: 62em) { /*992px*/
  html,
  body {
    font-size: 16px !important;
  }
}

@media (min-width: 70em) { /*1120px*/
  html,
  body {
    font-size: 18px !important;
  }
  h1 {
    font-size: 2.441em; /*43px*/
  }
  h2 {
    font-size: 1.953em; /*35px*/
  }
  h3 {
    font-size: 1.563em; /*28px*/
  }
  h4 {
    font-size: 1.25em; /*22px*/
  }
  .display-1 {
    font-size: 5.5em;
  }
  .display-2 {
    font-size: 5em;
  }
  .display-3 {
    font-size: 4.5em;
  }
  .display-4 {
    font-size: 3.5em;
  }
}