body {
	background:#333;
}
#all {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
}
#main_content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
nav {
	border-bottom: solid 1.5px #FF9900;
}
nav ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	word-break: break-all;
}
nav li {
	margin: .2em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
nav li.search-form {
	margin-right: 1em;
	margin-left: auto;
}
aside {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: .5;
}
.links {
	list-style: none;
}
.links li {
	margin: .5em auto .5em -.5em;
}
.side a:link {
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
	color:#960;
}
.side a:active,
.side a:hover {
	text-decoration:underline;
	font-weight:bold;
	font-size:.9em;
	color:#F90;
}
.side a:visited {
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
	color:#960;
}
.left, .center, .right {
	flex: 1;
	padding: .5em;
}
.left {
	background-color: #fce4ec;
	color: #333;
}
.center {
	background-color: #e3f2fd;
	color: #000;
}
.right {
	background-color: #e8f5e9;
	color: #111;
}
footer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer_info {
	padding: .3em;
	font-size: 1.1em;
}
@media (max-width: 700px) {
	#main_content {
		flex-direction: column;
	}
	aside ul.links {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	aside ul.links li {
		margin: auto .3em auto;
	}
	footer {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
}