@charset "UTF-8";

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
nav, aside, main, section, a {
		width: 100%;
		float: left;
		text-align: center;
		border: thin solid black;
}
#wrapper {max-width: 800px;
		  margin: 0 auto}
main {
	padding: 80px;
}
aside {
	padding: 20px 0;
}
section {
	padding: 40px;
}
nav, nav a {
	padding: 10px;
}



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

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