html, body {
  background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	background:linear-gradient(to bottom, #f5b942, #9c5725);
	font-family: 'Nunito', sans-serif;
	color:white;
	display:block;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
@media screen and (max-width:1000px) {
#logo {
	width:50%;
	height:auto;
	margin:15px;
}
#logodiv {
	text-align:center;
	position:relative;
	top:-70px;
	margin:20px;
}
h1 {
	text-align:center;
	bottom:100px;
	position:relative;
	margin:10px;
}
}
@media screen and (min-width:1000px) {
	#logocaption {
	color:gray;
	top:-180px;
	position:relative;
	text-align:center;
	opacity:.2;
}
#logo {
	width:50%;
	height:auto;
	margin:15px;
}
#logodiv {
	text-align:center;
	position:relative;
	top:-40px;
}
h1 {
	text-align:center;
	bottom:100px;
	position:relative;
}
}
@media print {
	#video {
		display:none;
	}
	#logo {display:none;
	}
	#listcontainer {
		text-align:center;
		position:relative;
		top:100px;
	}
	#logocaption {
		display:none;
	}

}
#faceimage {
	border:solid;
	border-radius:360px;
	border-color:black;
	border-width:1px;
	width:10%;
	height:auto;
}
#faceimagediv {
	text-align:center;
	position:relative;
	bottom:200px;
}
p {
	text-align:center;
	position:relative;
	bottom:180px;
}
#home {
  color:maroon;
}
@media print {
  p {
    text-align:center;
    background:transparent;
    bottom:100px;
  }
}