/* ----------------------

  LANES grid framework
  ====================

  Default usage
  =============
  <div class="container">
    <div class="row">
      <div class="six columns">
      </div>
      <div class="six columns">
      </div>
    </div>
  </div>

-----------------------*/
/* Vars */
/* Mixins ------ */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  max-width: 980px;
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  .container:before, .container:after {
    content: "";
    display: table; }
  .container:after {
    clear: both; }

.row {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  .row:before, .row:after {
    content: "";
    display: table; }
  .row:after {
    clear: both; }

.column, .columns {
  float: left;
  display: block;
  margin-left: 1.5%;
  margin-bottom: 18px;
  vertical-align: top; }
  .column:first-child, .columns:first-child {
    margin-left: 0; }
  .column.one, .columns.one {
    width: 6.95833%; }
  .column.two, .columns.two {
    width: 15.41667%; }
  .column.three, .columns.three {
    width: 23.875%; }
  .column.four, .columns.four {
    width: 32.33333%; }
  .column.five, .columns.five {
    width: 40.79167%; }
  .column.six, .columns.six {
    width: 49.25%; }
  .column.seven, .columns.seven {
    width: 57.70833%; }
  .column.eight, .columns.eight {
    width: 66.16667%; }
  .column.nine, .columns.nine {
    width: 74.625%; }
  .column.ten, .columns.ten {
    width: 83.08333%; }
  .column.eleven, .columns.eleven {
    width: 91.54167%; }
  .column.twelve, .columns.twelve {
    width: 100%; }

/* Offsets ------- */
.columns.offset-by-one, .column.offset-by-one {
  margin-left: 8.45833%; }
.columns.offset-by-two, .column.offset-by-two {
  margin-left: 16.91667%; }
.columns.offset-by-three, .column.offset-by-three {
  margin-left: 25.375%; }
.columns.offset-by-four, .column.offset-by-four {
  margin-left: 33.83333%; }
.columns.offset-by-five, .column.offset-by-five {
  margin-left: 42.29167%; }
.columns.offset-by-six, .column.offset-by-six {
  margin-left: 50.75%; }
.columns.offset-by-seven, .column.offset-by-seven {
  margin-left: 59.20833%; }
.columns.offset-by-eight, .column.offset-by-eight {
  margin-left: 67.66667%; }
.columns.offset-by-nine, .column.offset-by-nine {
  margin-left: 76.125%; }
.columns.offset-by-ten, .column.offset-by-ten {
  margin-left: 84.58333%; }
.columns.offset-by-eleven, .column.offset-by-eleven {
  margin-left: 93.04167%; }
.columns.offset-by-twelve, .column.offset-by-twelve {
  margin-left: 101.5%; }

/* Centered ------------------------- */
.column.centered, .columns.centered {
  float: none;
  clear: both;
  margin-left: auto;
  margin-right: auto; }

/* Mobile Screens ------------------- */
@media screen and (max-width: 480px) {
  .column, .columns {
    margin-left: 0;
    margin-bottom: 10px; }
    .column.one, .columns.one {
      width: 100%; }
    .column.offset-by-one, .columns.offset-by-one {
      margin-left: 0; }
    .column.two, .columns.two {
      width: 100%; }
    .column.offset-by-two, .columns.offset-by-two {
      margin-left: 0; }
    .column.three, .columns.three {
      width: 100%; }
    .column.offset-by-three, .columns.offset-by-three {
      margin-left: 0; }
    .column.four, .columns.four {
      width: 100%; }
    .column.offset-by-four, .columns.offset-by-four {
      margin-left: 0; }
    .column.five, .columns.five {
      width: 100%; }
    .column.offset-by-five, .columns.offset-by-five {
      margin-left: 0; }
    .column.six, .columns.six {
      width: 100%; }
    .column.offset-by-six, .columns.offset-by-six {
      margin-left: 0; }
    .column.seven, .columns.seven {
      width: 100%; }
    .column.offset-by-seven, .columns.offset-by-seven {
      margin-left: 0; }
    .column.eight, .columns.eight {
      width: 100%; }
    .column.offset-by-eight, .columns.offset-by-eight {
      margin-left: 0; }
    .column.nine, .columns.nine {
      width: 100%; }
    .column.offset-by-nine, .columns.offset-by-nine {
      margin-left: 0; }
    .column.ten, .columns.ten {
      width: 100%; }
    .column.offset-by-ten, .columns.offset-by-ten {
      margin-left: 0; }
    .column.eleven, .columns.eleven {
      width: 100%; }
    .column.offset-by-eleven, .columns.offset-by-eleven {
      margin-left: 0; }
    .column.twelve, .columns.twelve {
      width: 100%; }
    .column.offset-by-twelve, .columns.offset-by-twelve {
      margin-left: 0; } }