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

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;
}

@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%; clear: 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%; clear: left;}
}