/*  SECTIONS  */

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

/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
}

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

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

.group:after {
    clear: both;
}

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

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


@media (min-width: 300px) {
    /****** GRID OF FOUR ******/
    .sm_05_4 {
        width: 12.125%;
    }

    .sm_1_4 {
        width: 24.25%;
    }

    .sm_2_4 {
        width: 49.5%;
    }

    .sm_3_4 {
        width: 74.75%;
    }

    .sm_4_4 {
        width: 100%;
    }

    /*  PUSH x of x Columns */
    .sm__push_05_4 {
        margin-left: 12.125%;
    }

    .sm_push_1_4 {
        margin-left: 24.25%;
    }

    .sm_push_2_4 {
        margin-left: 49.5%;
    }

    .sm_push_3_4 {
        margin-left: 74.75%;
    }

    .sm_1_12 {
        width: 7.416%;
    }

    .sm_2_12 {
        width: 15.83%;
    }

    .sm_3_12 {
        width: 24.25%;
    }

    .sm_4_12 {
        width: 32.66%;
    }

    .sm_5_12 {
        width: 41.08%;
    }

    .sm_6_12 {
        width: 49.5%;
    }

    .sm_7_12 {
        width: 57.91%;
    }

    .sm_8_12 {
        width: 66.33%;
    }

    .sm_9_12 {
        width: 74.75%;
    }

    .sm_10_12 {
        width: 83.16%;
    }

    .sm_11_12 {
        width: 91.58%;
    }

    .sm_12_12 {
        width: 100%;
    }

    /* Push x of x columns */
    .sm_push_1_12 {
        margin-left: 7.416%;
    }

    .sm_push_2_12 {
        margin-left: 15.83%;
    }

    .sm_push_3_12 {
        margin-left: 24.25%;
    }

    .sm_push_4_12 {
        margin-left: 32.66%;
    }

    .sm_push_5_12 {
        margin-left: 41.08%;
    }

    .sm_push_6_12 {
        margin-left: 49.5%;
    }

    .sm_push_7_12 {
        margin-left: 57.91%;
    }

    .md_push_8_12 {
        margin-left: 66.33%;
    }

    .sm_push_9_12 {
        margin-left: 74.75%;
    }

    .sm_push_10_12 {
        margin-left: 83.16%;
    }

    .sm_push_11_12 {
        margin-left: 91.58%;
    }

    .sm_hide {
        display: none;
    }
}


@media screen and (min-width:700px) {
    /*  GRID OF EIGHT  */

    .md_05_8 {
        width: 5.81%;
    }

    .md_1_8 {
        width: 11.62%;
    }

    .md_2_8 {
        width: 24.25%;
    }

    .md_3_8 {
        width: 36.87%;
    }

    .md_4_8 {
        width: 49.5%;
    }

    .md_5_8 {
        width: 62.12%;
    }

    .md_6_8 {
        width: 74.75%;
    }

    .md_7_8 {
        width: 87.37%;
    }

    .md_8_8 {
        width: 100%;
    }

    /*  PUSH x of x Columns */
    .md_push_05_8 {
        margin-left: 5.81%;
    }

    .md_push_1_8 {
        margin-left: 11.62%;
    }

    .md_push_1_05_8 {
        margin-left: 17.43%;
    }

    .md_push_2_8 {
        margin-left: 24.25%;
    }

    .md_push_3_8 {
        margin-left: 36.87%;
    }

    .md_push_4_8 {
        margin-left: 49.5%;
    }

    .md_push_5_8 {
        margin-left: 62.12%;
    }

    .md_push_6_8 {
        margin-left: 74.75%;
    }

    .md_push_7_8 {
        margin-left: 87.37%;
    }

    .md_1_12 {
        width: 7.416%;
    }

    .md_2_12 {
        width: 15.83%;
    }

    .md_3_12 {
        width: 24.25%;
    }

    .md_4_12 {
        width: 32.66%;
    }

    .md_5_12 {
        width: 41.08%;
    }

    .md_6_12 {
        width: 49.5%;
    }

    .md_7_12 {
        width: 57.91%;
    }

    .md_8_12 {
        width: 66.33%;
    }

    .md_9_12 {
        width: 74.75%;
    }

    .md_10_12 {
        width: 83.16%;
    }

    .md_11_12 {
        width: 91.58%;
    }

    .md_12_12 {
        width: 100%;
    }

    /* Push x of x columns */
    .md_push_1_12 {
        margin-left: 7.416%;
    }

    .md_push_2_12 {
        margin-left: 15.83%;
    }

    .md_push_3_12 {
        margin-left: 24.25%;
    }

    .md_push_4_12 {
        margin-left: 32.66%;
    }

    .md_push_5_12 {
        margin-left: 41.08%;
    }

    .md_push_6_12 {
        margin-left: 49.5%;
    }

    .md_push_7_12 {
        margin-left: 57.91%;
    }

    .md_push_8_12 {
        margin-left: 66.33%;
    }

    .md_push_9_12 {
        margin-left: 74.75%;
    }

    .md_hide {
        display: none;
    }

    .md_display {
        display: block;
    }

    .md_display_col {
        display: block;
    }
}

@media screen and (max-width:700px) {
    .md_display_col {
        display: none;
    }
}


@media screen and (min-width: 900px) {
    /******* GRID OF TWELVE *******/

    .lg_1_12 {
        width: 7.416%;
    }

    .lg_2_12 {
        width: 15.83%;
    }

    .lg_3_12 {
        width: 24.25%;
    }

    .lg_4_12 {
        width: 32.66%;
    }

    .lg_5_12 {
        width: 41.08%;
    }

    .lg_6_12 {
        width: 49.5%;
    }

    .lg_7_12 {
        width: 57.91%;
    }

    .lg_8_12 {
        width: 66.33%;
    }

    .lg_9_12 {
        width: 74.75%;
    }

    .lg_10_12 {
        width: 83.16%;
    }

    .lg_11_12 {
        width: 91.58%;
    }

    .lg_12_12 {
        width: 100%;
    }

    /* Push x of x columns */

    .lg_push_1_12 {
        margin-left: 7.416%;
    }

    .lg_push_2_12 {
        margin-left: 15.83%;
    }

    .lg_push_3_12 {
        margin-left: 24.25%;
    }

    .lg_push_4_12 {
        margin-left: 32.66%;
    }

    .lg_push_5_12 {
        margin-left: 41.08%;
    }

    .lg_push_6_12 {
        margin-left: 49.5%;
    }

    .lg_push_7_12 {
        margin-left: 57.91%;
    }

    .lg_push_8_12 {
        margin-left: 66.33%;
    }

    .lg_push_9_12 {
        margin-left: 74.75%;
    }

    .lg_push_10_12 {
        margin-left: 83.16%;
    }

    .lg_push_11_12 {
        margin-left: 91.58%;
    }

    .lg_hide {
        display: none;
    }

    .lg_display {
        display: block;
    }

    .lg_display_table {
        display: table;
    }
}


@media screen and (min-width: 1280px) {
    /******* GRID OF FOURTEEN *******/

    .xl_1_14 {
        width: 7.14285714286%;
    }

    .xl_2_14 {
        width: 14.2857142857%;
    }

    .xl_3_14 {
        width: 21.4285714286%;
    }

    .xl_4_14 {
        width: 28.5714285714%;
    }

    .xl_5_14 {
        width: 35.7142857143%;
    }

    .xl_6_14 {
        width: 42.8571428571%;
    }

    .xl_7_14 {
        width: 50.0%;
    }

    .xl_8_14 {
        width: 57.1428571429%;
    }

    .xl_9_14 {
        width: 64.2857142857%;
    }

    .xl_10_14 {
        width: 71.4285714286%;
    }

    .xl_11_14 {
        width: 78.5714285714%;
    }

    .xl_12_14 {
        width: 85.7142857143%;
    }

    .xl_13_14 {
        width: 92.8571428571%;
    }

    .xl_14_14 {
        width: 100%;
    }

    .xl_push_1_14 {
        margin-left: 7.14285714286%;
    }

    .xl_push_2_14 {
        margin-left: 14.2857142857%;
    }

    .xl_push_3_14 {
        margin-left: 21.4285714286%;
    }

    .xl_push_4_14 {
        margin-left: 28.5714285714%;
    }

    .xl_push_5_14 {
        margin-left: 35.7142857143%;
    }

    .xl_push_6_14 {
        margin-left: 42.8571428571%;
    }

    .xl_push_7_14 {
        margin-left: 50.0%;
    }

    .xl_push_8_14 {
        margin-left: 57.1428571429%;
    }

    .xl_push_9_14 {
        margin-left: 64.2857142857%;
    }

    .xl_push_10_14 {
        margin-left: 71.4285714286%;
    }

    .xl_push_11_14 {
        margin-left: 78.5714285714%;
    }

    .xl_push_12_14 {
        margin-left: 85.7142857143%;
    }

    .xl_push_13_14 {
        margin-left: 92.8571428571%;
    }

    .xl_push_14_14 {
        margin-left: 100%;
    }
}