@media only screen and (min-width: 600px) {
/*-----BODY -----*/
	body {}



/*-----CONTAINER -----*/
	#container {}



/*-----HEADER -----*/
header hgroup {
	flex-direction: row;
	width: 80%;
}

header hgroup img {
	width: 30%;
}

.banner {
	background-color: #003768;
	height: 15px;
}

.banner .left {
	width: 25%;
	height: 15px;
	background-color: #A9B409;
}


/*-----NAVigation -----*/
	nav {
		float: left;
		width: 25%;
	}

	nav ul {
		display: block;
		margin-top: 0;
		background-color: #888888;
	}

	nav .button {
		display: none;
	}
	nav ul li {
		padding: 0;
	}
	nav ul li a {
		padding: 5px 10px;
	}

	nav ul li ul {
		background-color: #cccccc;
		border-radius: 0;
		margin: 10px 0;
		padding: 0;
	}

	nav ul li ul li {
		border-bottom: 1px solid #75110C;
		padding: 3px 0;
	}

	nav ul li ul li a {
		padding-left: 20px;
	}

	nav select {
		display: none;
	}



/*-----CONTENT -----*/
	#content {
		background: #ddd;
		margin-left: 25%;
		padding: 10px;
	}

	#demo-output img {
		width: 70%;
		margin-left: 10px;
	}


/*----- FOOTER -----*/
.footerWrapper .left {
	background-color: #003768;
	width: 100%;
}

.footerWrapper .left footer {
	margin-left: 25%;
	width: 75%;
}

}