.body {
	margin: 0;
	background: #000f16;
}
#video-wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000f16;
}
#video {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
}

#video-wrap h1 {
	position: absolute;
	left: 10%;
	bottom: 3%;
	color: white;
	font-size: 40px;

}
#video-wrap h1 sup{
	font-size: 25px;
	padding-left: 5px;
}

#video-wrap p {
	position: absolute;
	font-weight:lighter;
	color: white;
	bottom: 13%;
	left: 10%;
	font-size: 15px;
	letter-spacing: 2px;
	text-shadow: 1px 1px 5px black;
	max-width:520px;
}


#video-wrap p a span{
	font-weight:lighter;
	color: white;
	text-decoration:underline;
}

#video-wrap h2 {
	position: absolute;
	font-weight:lighter;
	left: 10%;
	bottom: 1%;
	color: white;
	font-size: 10px;
	letter-spacing: 8px;
	text-shadow: 1px 1px 3px black;

}


.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  animation-duration:2s;
}

.fade-in {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

#title {
	overflow: auto;
}




@media screen and (max-width: 500px) {
	div {
		width: 70%;
	}
}
@media screen and (max-device-width: 800px) {
	html {
		background-color: #000f16;
		background: url(bg-zgued.jpg) #000f16 no-repeat left left fixed;

	}
	#bgvid {
		display: none;
	}
	#video-wrap p,h2 {
	background-color: rgba(0, 0, 0, .5);

}

#video-wrap p {
	margin-bottom: 50px;
}
	#video-wrap h2 {
	letter-spacing: 5px;
}
}