.row > * {
  margin: $picnic-separation 0;
  }

// From ungrid ( http://chrisnager.github.io/ungrid/ )
@media (min-width: $picnic-breakpoint) {

  // Each of the rows
  .row {
    // No margin-right: http://www.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/
    width: calc(100% + 2 * #{$picnic-separation});
    
    display: table;
    table-layout: fixed;

    border-spacing: $picnic-separation 0;
    margin: $picnic-separation 0 $picnic-separation #{-$picnic-separation};
    }

  // For every child directly below row
  .row > * {
    display: table-cell;
    vertical-align: top;
    margin: 0;
  }

  // Don't display this one
  .none {
    display: none;
  }

  .half {
    width: 50%;
  }

  .third {
    width: 33.3333%;
  }

  .two-third {
    width: 66.6666%;
  }

  .fourth {
    width: 25%;
  }

  .three-fourth {
    width: 75%;
  }

  .fifth {
    width: 20%;
  }

  .two-fifth {
    width: 40%;
  }

  .three-fifth {
    width: 60%;
  }

  .four-fifth {
    width: 80%;
  }
}