/**** Main styles ****/

html, body {
	width: 100%;
	height: 100%;
	font-family: arial;
}

h1 {
	font-size: 3em;
	padding: 0;
	margin: 0;
}

header {
	width: 100%;
	height: 7%;
	background-color: #000000;
	opacity: .8;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

body {
	
}

footer {
	width: 100%;
	height: 6%;
	background-color: aliceblue;
	opacity: .85;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -2;
}

#background {
	background: url("../imgs/background.jpeg");
	background-size: cover;
	background-color: #1F1F1F;
	background-repeat: no-repeat;
	background-position: top;
}

#logo {
	width: auto;
	height: 70%;
	margin: 1% 0 0 1%;
	background-image: url("../imgs/extended logo.png");
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 10;
}

#title {
	color: #FEA203;
	position: absolute;
	right: 10%;
	top: 1%;
}

#signup {
	width: 30%;
	height: 75%;
	padding: 1.5%;
	margin: 6% 10% 0 0;
	background-color: #FFFFFF;
	border-radius: 5px;
	float: right;
	color: #1F1F1F;
	z-index: 30;
}

#signup_content {
	color: #1F1F1F;
}

#disclaimer {
	margin-top: -1%;
	text-align: center;
	font-size: .75em;
	color: #1F1F1F;
}

#summery {
	width: 30%;
	float: left;
	margin: 20% 0 0 10%;
	padding: .35%;
	color: #FEA203;
	font-size: 4em;
	z-index: -1;
}

#contact {
	position: absolute;
	right: 10%;
	bottom: 1%;
	
}