* {
  margin: 0px;
  padding: 0px;
}
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #000000;

}
div {
  display: block;
  position: relative;
}

.fullscreen {
  height: 100%;
	overflow: hidden;
	width: 100%;
}
.video {
  display: block;
	left: 0px;
	overflow: hidden;
	padding-bottom: 56.25%; /* 56.25% = 16:9. set ratio */
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.video .wrapper {
  display: block;
	height: 300%;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.video iframe {
  display: block;
	height: 100%;
	width: 100%;
}


body {
  font: bold 100%/1.4 'Helvetica Neue',sans-serif;
  color: white;

}
h1 {
  left: 0px;
margin-left:100px;
margin-top:60px;
  position: absolute;
  top: 0px;
  text-align: left;
  z-index: 1;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
}
h4 {
  left: 50%;
  position: absolute;
  bottom: 0%;
  text-align: center;
  width: 24rem;
  z-index: 1;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
}

a {
    color: #aa7905;
}

a, a:visited, a:focus {
    text-decoration: none;
    outline: 0;
}