/* RESPONSIVE GRID SYSTEM PLAYGROUND =============================================================================  */

/*  SPLITTER */


.categories {
	display: block; 
	float: left; 
	width: 23.8%; 
	margin: 1% 0 1% 0;
	}
	
.content {
	display: block; 
	float: right; 
	width: 74.6%; 
	margin: 1% 0 1% 1.6%;
	}
	
.sidebar {
	display: block; 
	float: left; 
	clear: left;
	width: 23.8%; 
	margin: 1% 0 1% 0%;
	}




/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.categories, .content, .sidebar  {
		margin: 1% 0 1% 0%;
		float: left;
		width: 100%; 
	}
	
	.push {
	    display: none;
	}
	
}