/*  GRID OF FOUR   ============================================================================= */


.span_4_of_4 {
        width: 100%;
}

.span_3_of_4 {
        width: 74.6%;
}

.span_2_of_4 {
        width: 49.2%;
}

.span_1_of_4 { 
        width: 23.8%;
}


/*  GO FULL WIDTH AT LESS THAN 750 PIXELS */

@media only screen and (max-width: 750px) {
        .span_4_of_4 {
                width: 100%;
        }
        .span_3_of_4 {
                width: 100%;
        }
        .span_2_of_4 {
                width: 100%;
        }
        .span_1_of_4 {
                width: 100%;
        }

        .col {
                margin: 1% 0 1% 0%;
        }
}