.column
  position: relative
  float: left
  +column

  /*
    |--------------------------------------------------------------------------
    | Width: Columns
    |--------------------------------------------------------------------------

  @for $i from 2 through 12
    &.w#{$i}
      +column($i)

      +respond-to(mobileNavigation)
        width: 100%
        float: none
        clear: both

  /*
    |--------------------------------------------------------------------------
    | Width: Percentages
    |--------------------------------------------------------------------------


  &.wp33
    width: 33.33333%

  &.wp37h
    width: 37.5%

  &.wp44
    width: 44.44444%

  &.wp50
    width: 50%

    +respond-to(mobileNavigation)
      width: 100%
      float: none
      clear: both

  &.wp66
    width: 66.66666%

  &.wp75
    width: 75%

  &.wp100
    width: 100%
    float: none
    clear: both

  /*
    |--------------------------------------------------------------------------
    | Height: Percentages
    |--------------------------------------------------------------------------

  &.hp100
    height: 100%