.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12 {
	font-size: .9em;
	line-height: 1.7em;
}

.span-1 {
	float:left;
	width:5.333333333333%;
	margin:0 1.5%;
}


.span-1.no-margin {
	width:8.333333333333%;
	width:%;
}


.span-2 {
	float:left;
	width:13.666666666667%;
	margin:0 1.5%;
}


.span-2.no-margin {
	width:16.666666666667%;
}


.span-3 {
	float:left;
	width:22%;
	margin:0 1.5%;
}


.span-3.no-margin {
	width:25%;
}


.span-4 {
	float:left;
	width:30.333333333333%;
	margin:0 1.5%;
}


.span-4.no-margin {
	width:33.333333333333%;
}


.span-5 {
	float:left;
	width:38.666666666667%;
	margin:0 1.5%;
}


.span-5.no-margin {
	width:41.666666666667%;
}


.span-6 {
	float:left;
	width:47%;
	margin:0 1.5%;
}

.span-6.no-margin {
	width:50%;
}


.span-7 {
	float:left;
	width:55.333333333333%;
	margin:0 1.5%;
}


.span-7.no-margin {
	width:58.333333333333%;
}


.span-8 {
	float:left;
	width:63.666666666667%;
	margin:0 1.5%;
}


.span-8.no-margin {
	width:66.666666666667%;
}


.span-9 {
	float:left;
	width:72%;
	margin:0 1.5%;
}


.span-9.no-margin {
	width:75%;
}


.span-10 {
	float:left;
	width:80.333333333333%;
	margin:0 1.5%;
}


.span-10.no-margin {
	width:83.333333333333%;
}


.span-11 {
	float:left;
	width:88.666666666667%;
	margin:0 1.5%;
}


.span-11.no-margin {
	width:91.666666666667%;
}

.no-margin {
	margin: 0;
}

@media screen and (max-width:750px) {

	.span-1, 
	.span-1.no-margin, 
	.span-2, 
	.span-2.no-margin, 
	.span-3, 
	.span-3.no-margin, 
	.span-4, 
	.span-4.no-margin, 
	.span-5, 
	.span-5.no-margin, 
	.span-6, 
	.span-6.no-margin, 
	.span-7, 
	.span-7.no-margin, 
	.span-8, 
	.span-8.no-margin, 
	.span-9, 
	.span-9.no-margin, 
	.span-10, 
	.span-10.no-margin, 
	.span-11, 
	.span-11.no-margin {
		float:none;
		width:auto;
	}

}