// ===========================================================================
// GRID



.container {
  padding-right: $gutter-width * 2;
  padding-left:  $gutter-width * 2;
  @include susy-grid-background;
}



// ---------------------------------------------------------------------------
// iPhone

@mixin container-iPhone {
  .container {
    @extend %clearfix-iPhone;
  }
}



// ---------------------------------------------------------------------------
// SMALL TABLET

@mixin container-small-tablet {
  @include with-grid-settings(8) {
    .container {
      @include container;
      @include susy-grid-background;
    }
  }
}