title: make text size h2 responsive on mobile devices
body: <p>I'm having problems making my custom <code>&lt;h2&gt;</code> class used on text responsive for mobiles</p>
  
  <p>I want to make the this <code>h2</code> class resize to a text size of 49px when viewed on a mobile device.</p>
  
  <p>This is what I've tried so far:</p>
  
  <pre><code>@media screen and (min-width: 320px) {
      h2.josh {
         text-size:49px;}
  
  
  h2.josh {
  
      -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: black;
       font-size: 79px;
  color:white;
  font-family: 'Oswald', sans-serif;
      opacity: 0.9;
   display:inline-block;
   display:inline-block}
   .dark-text{color: #1e1e1e}
   body { padding-top: 0px !important; }
  </code></pre>