/* Reusable column setup */
.row {margin: 0px auto; width: 1099px;  border: 0px solid green;}

.col {
    display: block;
    position: relative;
    float: left;
    vertical-align: top;
    border:1px solid rgba(0,0,0,0);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}




@media screen and (min-width: 0px) {
	.col {
		margin-left: 3%;
		margin-right: 0;
		padding:0 0px;
		border: 0px solid red;
		/*background: red;*/
	}
	
	.col.noPad {padding: 0px;}
	
	.row .col:first-child {
		margin-left:0;
	}

	.row:after{
        display: block; content:""; clear: both;
    }

	.span_1 {
		width:22.75%;
	}
	.span_2 {
		width:48.5%;
	}
	.span_3 {
		width:74.25%;
	}
	.span_4 {
		width:100%;
	}

}

@media only screen and (min-width: 1100px) {
    .row {max-width: 1099px; }
}

/**********************************
* Smaller Screens
**********************************/
@media only screen and (max-width: 1100px) {
    .row {width: 100%; padding-left: 20px; padding-right: 20px;}
    .col { padding:0 0px;}
}

/**********************************
* Tablets
**********************************/
@media (max-width: 867px) {
	
}

/**********************************
* Mobile Devices
* - All columns are full width
**********************************/
@media only screen and (max-width: 767px) {
   .row {width: 100%;}
   
}

@media only screen and (max-width: 567px) {
	.row {width: 100%;}
}