/*	Layout
	================================================ */

	html, body {
		padding: 0px;
		margin: 0px;
		height: 100%;
	}

	div, header, nav, article, footer {
		max-width: 624px;
		margin: 0 auto;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	body {
		max-width: 624px;
		margin: 0 auto;
		overflow-x: hidden;
	}

	header {
		height: 124px;
		overflow: hidden;
	}
	footer {
		height: 140px;
		overflow: hidden;
	}

	article {
		min-height: 100%;
		height: auto !important;
		margin: -124px auto -140px;
		overflow: hidden;
	}
	article:before {
		content: "";
		display: block;
		height: 124px;
	}
	article:after {
		content: "";
		display: block;
		height: 140px;
	}

/*	Header
	================================================ */

	header {
		width: 100%;
		background-color: rgb(78,102,80);
		position: relative;
		padding: 0;
	}

	header img {
		display: block;
	}

	header h1 {
		width: 624px;
		margin: 0 auto;
		position: absolute;
		top: 16px;
		left: 8px;
		color: white;
		font-size: 3.6em;
	}

/*	Article
	================================================ */

	article {
		padding: 1em;
		background-color: rgb(255,250,248);
	}

	article h1 {
		font-size: 3em;
		color: rgb(78,102,80);
		margin: 0;
		text-shadow: 0 1px 0 white;
	}

/*	Footer
	================================================ */

	footer {
		width: 100%;
		background-color: rgb(78,102,80);
	}

	footer {
		display: table;
		margin: 0 auto;
		table-layout: fixed;
	}

	footer>div,
	footer>nav {
		display: table-cell;
		width: auto;
		vertical-align: top;
	}

	footer>div {
		padding: .5em 1em;
	}

	footer nav ul {
		list-style: none;
		margin: 0;
		padding: .5em 1em;
	}
	footer nav ul li {
		display: block;
	}
	footer nav ul a {
		font-size: .7em;
		color: white;
		text-decoration: none;
		border-bottom: thin solid white;
		display: block;
		padding: .25em .25em .25em 1em;
		font-weight: bold;
	}

	footer nav ul a:hover {
		color: rgb(78,102,80);
		background-color: white;
	}

	footer p {
		text-shadow: none;
		color: rgb(248,248,248);
	}

	footer p>a {
		color: white;
	}

/*	Horizontal Menu
	================================================ */

	ul#menu {
		list-style: none;
		margin: 0;
		padding: 0;

		display: table;
		margin: 0 auto;
		table-layout: fixed;
		width: 100%;
	  }
	ul#menu li {
		display: table-cell;
	}
	ul#menu li>a {
		text-decoration: none;
		font-weight: bold;
		display: block;
		background-color: rgb(78,102,80);
		background-image: linear-gradient(to bottom,rgb(103,135,112),rgb(78,102,80));
		color: white;
		padding: 1em;
		text-align: center;
	}
	ul#menu li:nth-child(n+2) {
		border-left: ridge thin;
	}

/*	Form
	================================================ */

	form#contact {
		border: thin solid rgb(102,102,102);
		padding: 1em;
		box-shadow: 4px 4px 4px rgb(102,102,102);
		margin-bottom: 1em;
	}

	form#contact input[type="text"],
	form#contact input[type="email"],
	form#contact textarea,
	form#contact select {
		box-sizing: border-box;
		width: 100%;	
	}
@media screen and (max-width: 600px) {
	header {
		height: auto;
	}
	header>h1 {
		font-size: 3em;	
	}
	ul#menu>li {
		display: block;
	}
}