body {
  margin: 0;
}

.stopfade { 
   opacity: .5;
}

.background h1 {
	position: absolute;
	margin: 10% 32% auto;
}

.background h2 {
	position: absolute;
	font-size: 24px;
	margin: 18% 41% auto;
}

.text-center {
	text-align: center;
}

a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background:rgba(0,0,0,0.5);
  padding: .5rem;
  transition: .6s background; 
}

a:hover{
  background:rgba(0,0,0,0.9);
}

@media screen and (max-width: 500px) { 
  div{width:70%;} 
}

@media screen and (max-device-width: 800px) {
  html { background: url(http://www.pixelstalk.net/wp-content/uploads/2016/04/Night-sky-star-falling-HD-wallpapers.jpg) #000 no-repeat center center fixed; }
  #bgvid { display: none; }
}

nav {
	background-color: rgba(255, 255, 255, 0);
	border: none;
	box-shadow: none;
    position: absolute;
}

nav a {
	background: rgba(0, 0, 0, 0) !important;
}

.header {
	position: relative;
}

.background {
	background-size: cover;
	color: #fff;
	width: 100%;
	height: 100%;
	min-height: 600px;
	display: table-caption;
	position: relative;
	text-align: center;
	padding: 0px !important;
}

video {
	width: 100%;
	height: 100%;
}

.footer {
	left:0px;
	bottom:0px;
	text-align: center;
	height:80px;
	width:100%;
	background:#999;
	margin-bottom: -20px;
	padding-top: 10px !important;
}

/* IE 6 */
* html .footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}