/* Column Styles */

@media (min-width: 769px) {
  div.column-row {
    margin-bottom: 30px;
  }

  div.column-row:last-of-type {
    margin-bottom: 0px;
  }

  div.column-row:after {
    content: "";
    display: block;
    clear: both;
  }

  div.column-row > div.column:first-child {
    margin-left: 0;
  }

  /* Normal Margin */

  div.column        { float: left; margin-left: 4%; }
  div.column-one    { width: 4.66666666667%; }
  div.column-two    { width: 13.3333333333%; }
  div.column-three  { width: 22%; }
  div.column-four   { width: 30.6666666667%; }
  div.column-five   { width: 39.3333333333%; }
  div.column-six    { width: 48%; }
  div.column-seven  { width: 56.6666666667%; }
  div.column-eight  { width: 65.3333333333%; }
  div.column-nine   { width: 74.0%; }
  div.column-ten    { width: 82.6666666667%; }
  div.column-eleven { width: 91.3333333333%; }
  div.column-twelve { width: 100%; margin-left: 0; }

  /* Double Margin */

  div.column-row-double-margin div.column         { margin-left: 8%; }
  div.column-row-double-margin div.column-one     { width: 1%; }
  div.column-row-double-margin div.column-two     { width: 10%; }
  div.column-row-double-margin div.column-three   { width: 19%; }
  div.column-row-double-margin div.column-four    { width: 28%; }
  div.column-row-double-margin div.column-five    { width: 37%; }
  div.column-row-double-margin div.column-six     { width: 46%; }
  div.column-row-double-margin div.column-seven   { width: 55%; }
  div.column-row-double-margin div.column-eight   { width: 64%; }
  div.column-row-double-margin div.column-nine    { width: 73%; }
  div.column-row-double-margin div.column-ten     { width: 82%; }
  div.column-row-double-margin div.column-eleven  { width: 91%; }

  /* Half Margin */

  div.column-row-half-margin div.column         { margin-left: 2%; }
  div.column-row-half-margin div.column-one     { width: 6.5%; }
  div.column-row-half-margin div.column-two     { width: 15%; }
  div.column-row-half-margin div.column-three   { width: 23.5%; }
  div.column-row-half-margin div.column-four    { width: 32%; }
  div.column-row-half-margin div.column-five    { width: 40.5%; }
  div.column-row-half-margin div.column-six     { width: 49%; }
  div.column-row-half-margin div.column-seven   { width: 57.5%; }
  div.column-row-half-margin div.column-eight   { width: 66%; }
  div.column-row-half-margin div.column-nine    { width: 74.5%; }
  div.column-row-half-margin div.column-ten     { width: 83%; }
  div.column-row-half-margin div.column-eleven  { width: 91.5%; }

  /* No Margin */

  div.column-row-no-margin div.column         { margin-left: 0; }
  div.column-row-no-margin div.column-one     { width: 8.3333333333333%; }
  div.column-row-no-margin div.column-two     { width: 16.666666666667%; }
  div.column-row-no-margin div.column-three   { width: 25%; }
  div.column-row-no-margin div.column-four    { width: 33.333333333333%; }
  div.column-row-no-margin div.column-five    { width: 41.666666666667%; }
  div.column-row-no-margin div.column-six     { width: 50%; }
  div.column-row-no-margin div.column-seven   { width: 58.333333333333%; }
  div.column-row-no-margin div.column-eight   { width: 66.666666666667%; }
  div.column-row-no-margin div.column-nine    { width: 75%; }
  div.column-row-no-margin div.column-ten     { width: 83.333333333333%; }
  div.column-row-no-margin div.column-eleven  { width: 91.666666666667%; }
}

@media (max-width: 768px) {
  .column {
    margin-bottom: 15px;
  }

  .column-row > div.column:last-child {
    margin-bottom: 35px;
  }
}