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

	/* Nav bar */
nav {
	background-color: CornflowerBlue;
}
nav ul {
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}
nav li {
	display: inline-block;
	border: 1px solid;
	padding: 10px;
	margin: 10px 2.5px 10px 2.5px;
	background-color: LemonChiffon;
	font-weight: bold;
}

	/* Body styles */
h1 {
	text-align: center;
}

body {
	background-color: LightBlue;
}

div.bodyText {
	max-width: 1100px;
	margin: auto;
	padding: 10px;
	background-color: rgba(255, 248, 220, 0.5);
}

	/* Extra image container styling */
div.image-container-inner {
	background-color: Cornsilk;
}

	/* Image container in fog section*/
div.fog {
	height: 350px;
	display: flex;
	justify-content: center;
	align-items: center;
}
div.imageContainer-fog {
	display: flex;
	flex-direction: column;
}

div.imageContainer-fog p {
	font-size: 0.85em;
	color: white;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #01735C;
}

	/* Animation container */
div.animation-container1 {
	opacity: 0.35;
	width: 100%;
	height: 350px;

	position: absolute;
	overflow: hidden;
	z-index: -1;

	background-color: Silver;
}

	/* Animation settings */
div.cloud-bg1 {
	animation: fog1 2s linear infinite;

	background: url("../../img/index/blue-and-white-stripe.png");
	height: 375px;
	background-position: bottom;
}

@keyframes fog1 {
	100% {
		transform: translateY(-25px);
	}
}

	/* Enter next Zone */
div.next-zone {
	background-color: Wheat;
}
div.next-zone-title-outer {
	background-color: Crimson;
}
div.next-zone-title-inner {
	text-align: center;
}
div.next-zone h2 {
	display: inline-block;
	background-color: LemonChiffon;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.next-zone .image-container-outer {
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-bottom: 1.5em;
}