/*
File Name: grid.css
Date: 07/15/17
Programmer: Sean Ropp
*/


/*  SECTIONS  */
.section {
    clear: both;
    margin: 0;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1%;
}

.colTwo {
    display: block;
    float: right;
    margin: 1% 1% 1% 0;
}

.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, 
.span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, 
.span_11_of_12, .span_12_of_12 {
    width: 100%;
}

/*  GROUPING  */
.group:before, .group:after { 
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}


/*  GO INTO COLUMNS AT 769 PX OR HIGHER */
@media only screen and (min-width: 769px) {

    .span_12_of_12 {
	width: 100%;
    }

    .span_11_of_12 {
        width: 90%;
    }

    .span_10_of_12 {
        width: 82%;
    }

    .span_9_of_12 {
        width: 72%;
    }

    .span_8_of_12 {
        width: 62%;
    }

    .span_7_of_12 {
        width: 54%;
    }

    .span_6_of_12 {
        width: 48%;
    }

    .span_5_of_12 {
        width: 40%;
    }

    .span_4_of_12 {
        width: 32%;
    }

    .span_3_of_12 {
        width: 24%;
    }

    .span_2_of_12 {
        width: 15%;
    }

    .span_1_of_12 {
        width: 7%;
    }

    .col:first-child {
        margin-left: 0;
    }

}