/* Column Classes
 *
 * Width: 1000px
 * Gutter: 30px
 * Link: http://www.billerickson.net/column-class-generator/
--------------------------------------------- */

.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 3%;
}
 
.one-half,
.three-sixths,
.two-fourths {
	width: 48.5%;
}
 
.one-third,
.two-sixths {
	width: 31.3333333333%;
}
 
.four-sixths,
.two-thirds {
	width: 65.6666666667%;
}
 
.one-fourth {
	width: 22.75%;
}
 
.three-fourths {
	width: 74.25%;
}
 
.one-fifth {
	width: 17.6%;
}
 
.two-fifths {
	width: 38.2%;
}
 
.three-fifths {
	width: 58.8%;
}
 
.four-fifths {
	width: 79.4%;
}
 
.one-sixth {
	width: 14.1666666667%;
}
 
.five-sixths {
	width: 82.8333333333%;
}
 
.first {
	clear: both;
	margin-left: 0;
}
	


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

	.five-sixths,
	.four-sixths,
	.four-fifths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-fifths,
	.three-sixths,
	.two-fourths,
	.two-fifths,
	.two-sixths,
	.two-thirds {
		margin-left: 0;
		width: 100%;
	}
}