/* ---------------------------------------------------------------------
Original Author: Jansen Price
Contributors: N/A

Target Browsers: All
Media Type: Screen, Projection
Width: Min-Width 768px
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
 Grid

 Generated with cssgrid v0.8.1 at 2015-05-05 21:23:34 CDT
 https://github.com/sumpygump/css-grid-generator
 cssgrid --units=percent --cols=12 --col-width=40 --gutter=30 --max-width=810

 ============================================
 Formulas used for calculation of grid values
 ============================================
 gutter      = (gutter / max-width) * 100
 col-width   = (((col-width * col-index) + (gutter * (col-index - 1)) / max-width) * 100
 col-push    = (((col-width * col-index) + (gutter * col-index)) / max-width) * 100
 col-pull    = (((col-width * col-index) + (gutter * col-index)) / max-width) * 100 * -1
 col-prefix  = (((col-width * col-index) + (gutter * col-index)) / max-width) * 100
 col-suffix  = (((col-width * col-index) + (gutter * col-index)) / max-width) * 100 * -1
------------------------------------------------------------------------ */
.grid:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.grid-col {
    position: relative;
    float: left;
}

.grid-col + .grid-col {
    margin-left: 3.7037037037037%;
}

.grid-col_1of12 { width: 4.9382716049383%; }
.grid-col_2of12 { width: 13.58024691358%; }
.grid-col_3of12 { width: 22.222222222222%; }
.grid-col_4of12 { width: 30.864197530864%; }
.grid-col_5of12 { width: 39.506172839506%; }
.grid-col_6of12 { width: 48.148148148148%; }
.grid-col_7of12 { width: 56.79012345679%; }
.grid-col_8of12 { width: 65.432098765432%; }
.grid-col_9of12 { width: 74.074074074074%; }
.grid-col_10of12 { width: 82.716049382716%; }
.grid-col_11of12 { width: 91.358024691358%; }
.grid-col_12of12 { width: 100%; }

/* ---------------------------------------------------------------------
 Blocks
------------------------------------------------------------------------ */

.blocks_2up>* { width: 50%; }
.blocks_3up>* { width: 33%; }
.blocks_4up>* { width: 25%; }