/*
File Name: grid.css
Date: 08/07/18
Programmer: Zachary Worrix
*/

/*  SECTIONS  */

.section {
    clear: both;
    margin: 0;
}

/*  COLUMN SETUP  */

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1%;
}

.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: 91.58%;
    }

    .span_10_of_12 {
        width: 83.16%;
    }

    .span_9_of_12 {
        width: 74.75%;
    }

    .span_8_of_12 {
        width: 66.33%;
    }

    .span_7_of_12 {
        width: 57.91%;
    }

    .span_6_of_12 {
        width: 49.5%;
    }

    .span_5_of_12 {
        width: 41.08%;
    }

    .span_4_of_12 {
        width: 32.66%;
    }

    .span_3_of_12 {
        width: 24.25%;
    }

    .span_2_of_12 {
        width: 15.83%;
    }

    .span_1_of_12 {
        width: 7.416%;
    }

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

}