@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 !important;
		margin-top: 0;
	}

	nav .button {
		display: none;
	}
	nav ul li {	}
	nav ul li a {}



/*-----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%;
}

}