title: Centered responsive text
body: <p>I have a jsfiddle here - <a href="http://jsfiddle.net/kw83kLmo/" rel="nofollow">http://jsfiddle.net/kw83kLmo/</a></p>
  
  <p>It's justs a block of text that I need to center in the window.</p>
  
  <p>The text needs a set width because I don't want it to be the full width of the container.</p>
  
  <p>When the window gets smaller the text needs to stay in the center but get narrower.</p>
  
  <p>In the example here it stays centered and responds until it get's to 600px then just stays that width.</p>
  
  <p>I know I have set that width but I did that to center it</p>
  
  <pre><code>&lt;div class="container-fluid "&gt;
  
      &lt;div class="hero"&gt;
  
          &lt;div class="hero_heading text-center"&gt;
              &lt;h1&gt;This is a heading This is a heading This is a heading &lt;/h1&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>