* {
	background-color: #f5f500;
	box-sizing: border-box;
}

/* Clearfix hack for floated columns */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* Borders and margins */
article, aside, .menu_column, .contact_column {
	border: 2px solid black;
	padding: 15px;
}

/* Center header text */
h1 {
	text-align: center;
}
	

/* Navigation Bar */
.topnav {
	overflow: hidden;
	background-color: #DD0000;
}
/* Nav bar elements */
.topnav a {
	float: left;
	display: block;
	background-color: #DD0000;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding: 14px 16px;
	font-size: 1.6em;
}
/* Nav bar mouse-over */
.topnav a:hover {
	background-color: #f5f500;
}

/* Footer with dubious copyright info */
.footer {
	text-align: center;
}

/* Responsive layout (not working for some reason) */
@media screen and (max-width: 600px) {
	article, aside, .menu_column, .contact_column {
		width: 100%;
		float: none;
	}
	
	.topnav a {
		float: none;
	}
	
}

/* -------- Home Page -------------- */
/* main content */
article {
	width: 70%;
	float: left;
	height: 500px;
}
aside {
	width: 30%;
	float: left;
	height: 500px;
}

/* -------- Menu Page -------------- */
/* Menu items, in columns */
.menu_column {
	float: left;
	width: 33.33%;
	height: 400px;
}

/* ---------- Contact Page ---------- */
.contact_column {
	float: left;
	width: 50%;
	height: 600px;
}