@charset "utf-8";


/* These contain the individual column contents. */
.columnContainer{
	display: inline-block;
	margin: 10px;
	width: 21%;		
	vertical-align: top;
	text-align: left;
}

/* This media query block makes the column widths 45% at a screen width of 720px, allowing for two columns. */
@media screen and (max-width: 720px){
	.columnContainer{
		width: 45%;
	}
}

/* This media query block sets the column widths to auto, which fills the screen but allows for margins, at a screen width of 450px, allowing for one columns.
This is really the only media query block you will need.*/
@media screen and (max-width: 450px){
	.columnContainer{
		width: auto;
	}
}