<!DOCTYPE html>
<html>
<head>
    <title>You are literally using it wrong</title>
    <link href='//fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
    <style type="text/css">
    body {
        font-family: Vollkorn, Georgia, serif;
        /*font-size: 62.5%;*/
    }
    #wrapper {
        text-align: center;
        max-width: 90%;
        margin: 0px auto;
        margin-top: 2em;
    }

    @media (min-width: 950px) {
        #wrapper {
            font-size: 6em;
        }
    }

    @media (max-width: 950px) {
        #wrapper {
            font-size: 4em;
        }
    }

    @media (max-width: 500px) {
        #wrapper {
            font-size: 3em;
        }
    }

    @media (max-width: 330px) {
        #wrapper {
            font-size: 2em;
        }
    }

    /*@media (max-width: 200px) {
        #wrapper {
            font-size: 1em;
        }
    }*/

    </style>
</head>
<body>
    <div id="wrapper">
        <p>You're using it wrong.</p>
        <p>Literally.</p>
    </div>

    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-59051674-2', 'auto');
      ga('send', 'pageview');

    </script>
</body>
</html>
