/* Column Styles */

@media (min-width: 641px) {
  div.column-row {
  }

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

  div.column {
    float: left;
    margin-left: 4%;
  }

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

  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;
  }
}

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