title: Right-most column in grid not equal to the other columns
body: <p>I'm having trouble getting the right-most column of three to have an equal width to the others. Code here:
  <a href="https://jsfiddle.net/tg4pts46/" rel="nofollow">https://jsfiddle.net/tg4pts46/</a></p>
  
  <p>There's 60px of padding (a gutter) to each column, except the last one, because I don't want gutters on the outside columns. That's what's mucking it up, but I'm not sure how to fix it. Here's what I mean:</p>
  
  <pre><code>[class*='col-'] {
      padding-right: 60px;
  }
  
  [class*='col-']:last-of-type {
      padding-right: 0;
  }
  </code></pre>
  
  <p>Any help is much appreciated. Thanks!</p>