/* 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;
  }
  
  div.column-row-border {
  	padding: 0px 0px 30px 0px;
  	border-bottom: 1px solid #CCCCCC;
  }
  
  div.column-row-zebra {
    margin: 0px;
  	padding: 20px 15px;
  	background: #EFEFEF;
  }
  
  div.column-row-zebra:nth-child(odd) {
  	background: #FFFFFF;
  }
  
  div.column-row-separator {
  }
  
  div.column-row-separator > div.column {
  	position: relative;
  }
  
  div.column-row.column-row-separator > div.column:not(:first-child)::before {
  	display: block;
  	position: absolute;
  	left: -3%;
  	content: " ";
  	height: 100%;
  	border-left: 1px solid #CCCCCC;
  }
  
  div.column-row-double-margin.column-row-separator > div.column:not(:first-child)::before {
  	left: -6%;
  }

  /* 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%; }

  /* Quarter Margin */

  div.column-row-quarter-margin div.column         { margin-left: 1%; }
  div.column-row-quarter-margin div.column-one     { width: 7.4166666666667%; }
  div.column-row-quarter-margin div.column-two     { width: 15.833333333333%; }
  div.column-row-quarter-margin div.column-three   { width: 24.25%; }
  div.column-row-quarter-margin div.column-four    { width: 32.666666666667%; }
  div.column-row-quarter-margin div.column-five    { width: 41.083333333333%; }
  div.column-row-quarter-margin div.column-six     { width: 49.5%; }
  div.column-row-quarter-margin div.column-seven   { width: 57.916666666667%; }
  div.column-row-quarter-margin div.column-eight   { width: 66.333333333333%; }
  div.column-row-quarter-margin div.column-nine    { width: 74.75%; }
  div.column-row-quarter-margin div.column-ten     { width: 83.166666666667%; }
  div.column-row-quarter-margin div.column-eleven  { width: 91.583333333333%; }

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