/* Dead Simple Grid (c) 2012 Vladimir Agafonkin */

.col { 
	
}
.row{
	margin-top: 2%;
}

.row:before, .row:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}

@media only screen {
	.col {
		float: left;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* you only need width to set up columns; all columns are 100%-width by default, so we start
 from a one-column mobile layout and gradually improve it according to available screen space */

@media only screen and (min-width: 34em) {
	.feature, .info {
		width: 50%;
	}
}

@media only screen and (min-width: 54em) {
 
	.info {
		width: 100%;
	}
}

@media only screen and (min-width: 76em) {
 
	.info {
		width: 50%;
	}
}