/* --- Header --- */

.banner {
	width: 100%;
	height: 10em;
	background: url(../images/quality-min.jpg);
	background-size: cover;
}

.logo-setting {
	height: 100%;
	margin: 0 auto 0 auto;
	float: none;
}

.logo-setting img {
	height: 90%;
	margin-top: 15%;
}

/* --- Additional Navigation --- */

.nav-container {
	width: 100%;
	height: 5em;
	background-color: #4e4e03;
	text-align: center;
}

.nav-container h6 {
	margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-family: 'default-font', serif;
	font-size: 1.6em;
	font-weight: 100;
	color: #f4f4f4;
	text-align: center;
}

.nav-container a {
	text-decoration: none;
	color: #c1c15e;
	transition: color 0.25s ease-in-out;
}

.nav-container a:hover {
	color: #777719;
	transition: color 0.25s ease-in-out;
}

/* --- content area --- */

body {
	background-color: #f4f4f4;
}

.links {
	width: 100%;
	height: 1em;
	margin-bottom: 1.5em;
	text-align: center;
}

.links a {
	margin: 0 0.25em 1em 0.25em;
	font-family: 'default-font', serif;
	font-size: 1.5em;
	font-weight: 900;
	color: #515104;
}

.links a:hover {
	text-decoration: none;
	color: #c1c15e;
	transition: all 0.5s ease;
}

.column {
	width: 19%;
	height: 50em;
	float: left;
	margin: 2em 0 0 0.75%;
}

h4 {
	margin: 0em 15% 0em 15%;
	font-family: 'default-font', serif;
	font-size: 2.3em;
	font-weight: 900;
	color: #515104;
	text-align: center;
}

ul {
	list-style-type: none;
}

li {
	margin: 0.5em 0 0.5em 0;
}