/* Reusable row and column setup */
.row,
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -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;
}
.wrapper {
	margin:0 auto;
	max-width:1140px;
	width:90%;
}



    /* 1. 16 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    4.375%
    Span 2:    10.75%
    Span 3:    17.125%
    Span 4:    23.5%
    Span 5:    29.875%
    Span 6:    36.25%
    Span 7:    42.625%
    Span 8:    49.0%
    Span 9:    55.375%
    Span 10:    61.75%
    Span 11:    68.125%
    Span 12:    74.5%
    Span 13:    80.875%
    Span 14:    87.25%
    Span 15:    93.625%
    Span 16:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 0px) {
        
        .col {
            margin-left:2%;
        	padding:0 0%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .span_3,
        .my_semantic_class_name {
            ...
        }
        */
        
        .span_1 {
            width:4.375%;
        }
        .span_2 {
            width:10.75%;
        }
        .span_3 {
            width:17.125%;
        }
        .span_4 {
            width:23.5%;
        }
        .span_5 {
            width:29.875%;
        }
        .span_6 {
            width:36.25%;
        }
        .span_7 {
            width:42.625%;
        }
        .span_8 {
            width:49.0%;
        }
        .span_9 {
            width:55.375%;
        }
        .span_10 {
            width:61.75%;
        }
        .span_11 {
            width:68.125%;
        }
        .span_12 {
            width:74.5%;
        }
        .span_13 {
            width:80.875%;
        }
        .span_14 {
            width:87.25%;
        }
        .span_15 {
            width:93.625%;
        }
		.row,
        .span_16 {
            margin-left:0;
            width:100%;
        }
    }