html {
	height:100%;
}
body {
	font-family: 'Nunito', sans-serif;
	overflow-y:scroll;
	overflow-x:hidden;
	background:linear-gradient(to bottom, #f5b942, #9c5725);
	color:white;
	position:relative;
	bottom:20px;
	background-repeat: no-repeat;
	height:100%;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
#logocaption {
	text-align:center;
	color:gray;
	opacity:.2;
	bottom:80px;
	position:relative;
}
#logo {
	width:50%;
	height:auto;
	margin:20px;
	top:-100px;
}
#logodiv {
	text-align:center;
	position:relative;
	top:-100px;
}
#header {
	text-align:center;
	position:relative;
	bottom:100px;
}
@media screen and (max-width:900px) {
	#logo {
	width:50%;
	height:auto;
}
#logodiv {
	text-align:center;
	position:relative;
	top:-50px;
	margin:10px;
	padding:10px;
}
}
#form {
	text-align:center;
	bottom:100px;
	position:relative;
}
#formbox {
	display:block;
	max-width:100%;
	width:100%;
	padding:5px;
	text-align:center;
}
.button{
background-color: maroon;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
#button {
	text-align:center;
	position:relative;
	bottom:80px;
}
#home {
  color:maroon;
}