JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
    <h1>Adventure is out there!</h1>

CSS

/*stuff size settings for large*/
@media (min-width: 1100px) {
  h1 {
    font-size: 4.236em;
  }
}

/*stuff size settings for medium*/
@media (max-width: 1100px) {
  h1 {
    font-size: 2.618em;
  }
}

/*stuff size settings for small*/
@media (max-width: 480px) {
  h1 {
    font-size: 1.618em;
  }
}