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

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

#wrapper {
  max-width: 960px;
  margin: 0 auto;
}

nav, aside, main, section, a { 
	width: 100%; 
	float: left; 
	text-align: center; 
	border: thin solid black;
	margin: 0 auto;
}

@media screen and (min-width:400px) and (max-width:799px){
	.md1col { width: 25%; float: left;}
	.md2col { width: 50%; float: left;}
	.md3col { width: 75%; float: left;}
	.md4col { width: 100%; float: left;}
}

@media screen and (min-width:800px){
	.lg1col { width: 25%; float: left;}
	.lg2col { width: 50%; float: left;}
	.lg3col { width: 75%; float: left;}
	.lg4col { width: 100%; float: left;}
	
}