@charset "UTF-8";
/* CSS Document */

.header {
	position: sticky;
	top: 0;
	padding: 25px;
 	text-align: center;
	background: linear-gradient(#00853f, #205352);
	margin-bottom: 28px;
	box-shadow: 0px 3px 10px 1px #999999;
	border-bottom: #00853f;
}

.logo {
	width: 40%;
}

.timelapse {
	width: 85%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.air-gap {
	width: 50%;
	float: right;
	margin-left: 10px;
}

.options {
	width: 45%;
	margin-top: 16px;
	margin-left: 25px;
	margin-bottom: 50px;
}

.diagram {
	width: 100%;
	margin-top: 30px;
}

.scenarios {
	width: 100%;
	margin-top: 30px;
}

h1 {
	font-family: klavika-web, sans-serif;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	color: #00853f;
}

h3 {
	font-family: klavika-web, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.body {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 57%;
	font-family: klavika-web, sans-serif;
	font-weight: 400;
	font-style: normal;
}

li {
	margin-bottom: 10px; 
}

hr {
    background: url(images/ss_hr.png) no-repeat 50%;
    border: 1px solid white; /* hides the border in IE7 */
    height: 34px;
    width: 100%;
    clear: both;

}

.footer {
	margin-top: 50px;
	font-family: klavika-web, sans-serif;
	font-weight: 400;
	font-style: normal;
  	width: 100%;
	height: 50px;
	color: white;
  	background-color: #205352; 
	text-align: center;
	align-content: center;
}