title: H1 Tag not responsive
body: <p>I have the H1 tag set but its not responsive. I have the code as follows which I thought should work but obviously not.</p>
  
  <pre><code>&lt;div class="middle"&gt;
          &lt;h1&gt;Cheryl Cox Counselling&lt;/h1&gt;&lt;/div&gt;
  
  
  
  body {
  font-size: 100%;
  }
  
  
  .middle {
  display: flex;
  width: 55%;
  justify-content: center;
  }
  
  
  
  
  h1 {
  font-family: 'Great Vibes', cursive;
  font-size: 7em;
  padding-top: .5em;
  color: grey;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.3), 1px 1px 0px 
  rgba(0, 0, 0, 0.8);
  }
  </code></pre>