/*grid system */

.container {width: 100%;}

.container:before,
.container:after,
.row:before,
.row:after,
.clearfix {display:table; content: " "; clear:both;}

.row {position:relative; width:80%; margin:0 auto; max-width:1140px;}

.column {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    max-width:1140px;
    margin: 0 auto;
    list-style: none;
}


.single-column > .column {float:none;padding: 20px 30px;}
.single-column > .column.full-width {padding:0 10px;}
.two-equal-columns > .column {width: 50%;}
.two-columns-fixed-rr > .column:first-child {width:100% !important;padding-right: 330px;margin-left: 0px !important;}
.two-columns-fixed-rr > .column:last-child {margin-left: -320px;width: 320px;}
.double-right-rail > .column {width: 320px;}
.double-right-rail > .column:first-child {width: 480px;}
.three-equal-columns > .column {width: 33.33333333%}
.four-equal-columns > .column {width: 25%;}


/***********************************
    media queries / LARGE SCREENS
************************************/

@media only screen and (min-width:768px) {

  .single-column > .column {padding: 20px 30px;}
  .single-column > .column.full-width {padding:0 30px;}




} /* END min-width:970px */