.c10, .c15, .c16, .c20, .c25, .c30, .c33, .c40, .c50, .c60, .c66, .c75, .c70, .c80, .c83, .c90, .c100,
.cr10, .cr15, .cr16, .cr20, .cr25, .cr30, .cr33, .cr40, .cr50, .cr60, .cr66, .cr75, .cr70, .cr80, .cr83, .cr90, .cr100
.cm10, .cm15, .cm16, .cm20, .cm25, .cm30, .cm33, .cm40, .cm50, .cm60, .cm66, .cm75, .cm70, .cm80, .cm83, .cm90, .cm100 { 
	float: left;
	position: relative;
	min-height: 1px;
}

.columns { 
	margin: 0 -1em; 
}
	.columns > .c10, .columns > .c15, .columns > .c16, .columns > .c20, .columns > .c25, .columns > .c30, .columns > .c33, .columns > .c40, .columns > .c50, .columns > .c60, .columns > .c66, .columns > .c70, .columns > .c75, .columns > .c80, .columns > .c83, .columns > .c90,.columns > .c100,
	.columns > .cr10, .columns > .cr15, .columns > .cr16, .columns > .cr20, .columns > .cr25, .columns > .cr30, .columns > .cr33, .columns > .cr40, .columns > .cr50, .columns > .cr60, .columns > .cr66, .columns > .cr70, .columns > .cr75, .columns > .cr80, .columns > .cr83, .columns > .cr90,.columns > .cr100, 
	.columns > .cm10, .columns > .cm15, .columns > .cm16, .columns > .cm20, .columns > .cm25, .columns > .cm30, .columns > .cm33, .columns > .cm40, .columns > .cm50, .columns > .cm60, .columns > .cm66, .columns > .cm70, .columns > .cm75, .columns > .cm80, .columns > .cm83, .columns > .cm90,.columns > .cm100 { 
		padding: 0 1em;
	}

.columns.tight { 
	margin: 0 -.5em; 
}
	.columns.tight > .c10, .columns.tight > .c15, .columns.tight > .c20, .columns.tight > .c25, .columns.tight > .c30, .columns.tight > .c33, .columns.tight > .c40, .columns.tight > .c50, .columns.tight > .c60, .columns.tight > .c66, .columns.tight > .c70, .columns.tight > .c75, .columns.tight > .c80, .columns.tight > .c83, .columns.tight > .c90, .columns.tight > .c100,
	.columns.tight > .cr10, .columns.tight > .cr15, .columns.tight > .cr20, .columns.tight > .cr25, .columns.tight > .cr30, .columns.tight > .cr33, .columns.tight > .cr40, .columns.tight > .cr50, .columns.tight > .cr60, .columns.tight > .cr66, .columns.tight > .cr70, .columns.tight > .cr75, .columns.tight > .cr80, .columns.tight > .cr83, .columns.tight > .cr90, .columns.tight > .cr100,
	.columns.tight > .cm10, .columns.tight > .cm15, .columns.tight > .cm20, .columns.tight > .cm25, .columns.tight > .cm30, .columns.tight > .cm33, .columns.tight > .cm40, .columns.tight > .cm50, .columns.tight > .cm60, .columns.tight > .cm66, .columns.tight > .cm70, .columns.tight > .cm75, .columns.tight > .cm80, .columns.tight > .cm83, .columns.tight > .cm90, .columns.tight > .cm100 { 
		padding: 0 .5em;
	}

	.columns:after { 
		clear: both; 
		content: ''; 
		display: block; 
	}

/* mobile */
.cm10 { width: 10%; }
.cm15 { width: 15%; }
.cm16 { width: 16.66%; }
.cm20 { width: 20%; }
.cm25 { width: 25%; }
.cm30 { width: 30%; }
.cm33 { width: 33.33%; }
.cm40 { width: 40%; }
.cm50 { width: 50%; }
.cm60 { width: 60%; }
.cm66 { width: 66.66%; }
.cm70 { width: 70%; }
.cm75 { width: 75%; }
.cm80 { width: 80%; }
.cm80 { width: 80%; }
.cm83 { width: 83.33%; }
.cm90 { width: 90%; }
.cm100 { width: 100%; }


/* medium */
@media only screen and (min-width: 480px) and (max-width: 800px) {

.cr10 { width: 10%; }
.cr15 { width: 15%; }
.cr16 { width: 16.66%; }
.cr20 { width: 20%; }
.cr25 { width: 25%; }
.cr30 { width: 30%; }
.cr33 { width: 33.33%; }
.cr40 { width: 40%; }
.cr50 { width: 50%; }
.cr60 { width: 60%; }
.cr66 { width: 66.66%; }
.cr70 { width: 70%; }
.cr75 { width: 75%; }
.cr80 { width: 80%; }
.cr83 { width: 83.33%; }
.cr90 { width: 90%; }
.cr100 { width: 100%; }

}


/* largest */
@media only screen and (min-width: 480px) {

.c10 { width: 10%; }
.c15 { width: 15%; }
.c16 { width: 16.66%; }
.c20 { width: 20%; }
.c25 { width: 25%; }
.c30 { width: 30%; }
.c33 { width: 33.33%; }
.c40 { width: 40%; }
.c50 { width: 50%; }
.c60 { width: 60%; }
.c66 { width: 66.66%; }
.c70 { width: 70%; }
.c75 { width: 75%; }
.c80 { width: 80%; }
.c83 { width: 83.33%; }
.c90 { width: 90%; }
.c100 { width: 100%; }

}