title: Bourbon Neat Grid, at mobile breakpoint
body: <p>I have a really basic website that uses sass and bourbon neat grid framework.  I am trying to achieve the same effect as the (<a href="http://neat.bourbon.io/examples/" rel="nofollow">http://neat.bourbon.io/examples/</a>), site.  At 800px width the grids seem to have a breakpoint and drop the span-columns and go to 100% width.</p>
  
  <p>The code below outputs a wrapper and two 4 and 8 span divs.  When I make the browser smaller even down to 300px the grid is still kept and the title and content divs dont break and go full width 100%.</p>
  
  <p>How can I achieve this effect?  I have tried making the divs 100% by default and at and breakpoint add the span-columns but this doesn't work.  Thanks.</p>
  
  <pre><code>.wrapper {
  @include outer-container;
  .title {@include span-columns(4);}
  .content {@include span-columns(8);}
  }
  
  &lt;div class="wrapper"&gt;
  &lt;div class="title"&gt;&lt;/div&gt;
  &lt;div class="content"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>