body {
	background-color: #fff;
}

#logo a {
	text-decoration: none;
}

#logo h1 {
    padding: 5px;
    margin: 0;
    line-height: .9;
}

#logo .sub-logo {
	font-size: .6em;
}

#container {
	max-width: 800px;
	margin: 0 auto;
}

#content {
	display: flex;
	align-items: stretch;
	flex-flow: row wrap;
}

#banner .pure-img {
	margin: 0 auto;
}

#mainContent,
#sidebar {
	padding: .75em;
	display: inline-block;
}

#mainContent {
	background-color: #fff;
	width: 100%;
}

#sidebar {
	background-color: #efbe96;
	width: 100%;
}

#footer {
	background-color: #9ec0ec;
	padding: .25em 0;
	text-align: center;
}

@media screen and (min-width: 800px) {
	#mainContent {
		width: 57%;
	}
	#sidebar {
		width: 37%;
	}
}