.col-2 {
	width: 48%;
	margin: 2% 0 2% 2%;
	float: left;
}

.col-3 {
	width: 30.6%;
	margin: 2% 0 2% 2%;
	float: left;
}

/* Examples for media queries */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	
	
	
}
 /* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-2 {
	width: 100%;
	margin: 0;
	float: left;
}

.col-3 {
	width: 100%;
	margin: 0;
	float: left;
}	
}

@media only screen and (max-width: 479px) {
.col-2 {
	width: 100%;
	margin: 0;
	float: left;
}

.col-3 {
	width: 100%;
	margin: 0;
	float: left;
}		
}