@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 769px) {
	#grid[data-columns]::before {
		content: '3 .column.tripleup';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#grid[data-columns]::before {
		content: '2 .column.doubleup';
	}
}

@media screen and (max-width: 480px){
	#grid[data-columns]::before {
		content: '1 .column.singleup';
	}
}


/* Again, you're free to use and define the classes: */
.column { float: left; }
.singleup { 
	width: 96%;
	margin: 0 auto;
	 }
.doubleup { 
	width: 44%;
	margin: 0 0 0 4%;
	 }
.tripleup { 
	width: 30%;
	margin: 0 0 0 2.5%;
	 }
.column div {
	margin: 5px 0;
	 }