/* DESKTOP / BIG
----------------------*/
#container {
	margin: 0 auto; 
	max-width: 60em;
}

aside, .connect, .toc, .help, .chapter {
	padding: 1.618em;
}

aside, .connect {
	float: left;
	width: 44%;
}

.toc, .help {
	width: 45%;
	float: right;
}

.toc h2 {
	margin-top: 0;
}

.about {
	margin-top: 16em;
}

.menu {
	top: 29px;
	right: 25px;
}

/* MOBILE / MEDIUM
----------------------*/
@media screen and (min-width: 30em) and (max-width: 63.236em) {

#container {
	width: 30em;
}

aside, .connect, .toc, .help, .chapter {
	width: auto;
	float: none;
}

footer {
	max-width: 30em;
}

.about {
	margin-top: 8em;
}
	
}