<h2>Susy</h2>
<div class="container">

  <div class="column-1st">

    <p>.column-1st - span(6)</p>

    <div class="column-inner-1st">
      <p>.column-inner-1st - span(3 of 6)</p>
    </div>

    <div class="column-inner-2nd">
      <p>.column-inner-2nd - span(3 of 6 last)</p>
    </div>

  </div>

  <div class="column-2nd">
    <p>.column-2nd - span(6 last)</p>
  </div>

</div>

<h2>Bourbon Neat</h2>
<div class="neat-container">

  <div class="neat-column-1st">

    <p>.neat-column-1st - span-columns(6)</p>

    <div class="neat-column-inner-1st">
      <p>.neat-column-inner-1st - span-columns(3 of 6)</p>
    </div>

    <div class="neat-column-inner-2nd">
      <p>.neat-column-inner-2nd - span-columns(3 of 6)</p>
    </div>

  </div>

  <div class="neat-column-2nd">
    <p>.neat-column-2nd - span-columns(6 last)</p>
  </div>

</div>