.row { display: block; clear: both; padding:0 10%; width: 80%;  height: auto}
.col { display: block; float: left; padding: 2%; margin: -1px; solid 1px transparent}

/* ------ Mobile by default ------ */	
.one 	{ width: 46%; }
.two 	{ width: 96%; 	}
.three 	{ width: 96%; 	}
.four 	{ width: 96%; 	}

.straddler .one { width: 96%; }
/* ------------------------------- */

@media screen and (min-width: 600px){
	.one 	{ width: 21%; }
	.two 	{ width: 46%; 	}
	.three 	{ width: 71%; 	}
	.four 	{ width: 96%; 	}
	
	.straddler .one { width: 21%; }	
	
	.col { display: table-cell; padding: 2%; margin: -1px; border: solid 1px transparent}
	
	}
@media screen and (max-width: 600px){
	.collapse { display: none; }
	}

@media only screen and (max-device-width: 600px){
	body { font-size: 250%; }
	
	}

@media screen and (min-width: 1200px){
	body { font-size: 110%; }
	}


/* ---------------------------------------------------- */