[class*='col-']{
	float:left;
	padding:0;
	text-align:left;
}
/* 4 column grid styles
*/

.col-1of4{
	width:25%;
}
.col-3of4{
	width:75%;
}
.col-1of3{
	width:25%;
}
.col-2of3{
	width:50%;
} 
.col-4of4{
	width:75%;
}
.col-1of2{
	width:50%;
}


.grid:after{
	content:" ";
	display:block;
	clear:both;
}
*, *:after, *:before {	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}
@media(max-width:540px){
	.col-1of4{
		width:100%;
	}
}