/* Grid of four BEGIN */
.col-1-of-4 {width: 25%;float: left;}
.col-2-of-4 {width: 25%;float: left;}
.col-3-of-4 {width: 25%;float: left;}
.col-4-of-4 {width: 25%;float: left;}

/*  SHOW TWO COLUMNS AT LESS THAN 960 PIXELS */
@media only screen and (max-width: 960px) {
	.col-1-of-4 {width: 50%;}
	.col-2-of-4 {width: 50%;}
	.col-3-of-4 {width: 50%;}
	.col-4-of-4 {width: 50%;}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col-1-of-4 {width: 100%;}
	.col-2-of-4 {width: 100%;}
	.col-3-of-4 {width: 100%;}
	.col-4-of-4 {width: 100%;}
}
/* Grid of four END */