/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

    /* 1. 12 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    grid 1:    8.33333333333%
    grid 2:    16.6666666667%
    grid 3:    25.0%
    grid 4:    33.3333333333%
    grid 5:    41.6666666667%
    grid 6:    50.0%
    grid 7:    58.3333333333%
    grid 8:    66.6666666667%
    grid 9:    75.0%
    grid 10:    83.3333333333%
    grid 11:    91.6666666667%
    grid 12:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 767px) {
        
        .row {
            margin-left:-15px; margin-right:-15px;
        }
        .col {
            border-left-width:0px;
        	padding:0 15px;
			float:left;
        }
        
        
        
        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .grid_3,
        .my_semantic_class_name {
            ...
        }
        */
        
        .grid_1 {
            width:8.33333333333%;
        }
        .grid_2 {
            width:16.6666666667%;
        }
        .grid_3 {
            width:25.0%;
        }
        .grid_4 {
            width:33.3333333333%;
        }
        .grid_5 {
            width:41.6666666667%;
        }
        .grid_6 {
            width:50.0%;
        }
        .grid_7 {
            width:58.3333333333%;
        }
        .grid_8 {
            width:66.6666666667%;
        }
        .grid_9 {
            width:75.0%;
        }
        .grid_10 {
            width:83.3333333333%;
        }
        .grid_11 {
            width:91.6666666667%;
        }
        .grid_12 {
            margin-left:0;
            width:100%;
        }
    }