/* -----------------------
Base styles 3col
------------------------*/
.col11,.col22,.col33,.col44
{
	margin-bottom: 1em;
}
/* -----------------------
Wide styles
------------------------*/

@media (min-width: 60em)
{
	.col111
	{
		float: left;
		width: 60%;
		margin-right: 4%;
	}
	.col222
	{
		float: left;
		width: 15%;
		margin-right: 4%;
	}
	.col333
	{
		float: left;
		width: 15%;
		margin-right: 4%;
	}
	
	.col11
	{
		float: left;
		width: 20%;
		margin-right: 4%;
	}
	.col22
	{
		float: left;
		width: 20%;
		margin-right: 4%;
	}
	.col33
	{
		float: left;
		width: 20%;
	}
	.col44
	{
		float: left;
		width: 20%;
	}	
}