img{
  width:80%;
  height:auto;
  position:absolute;
  top:20%;
  left:10%;
}
#p2{
  width:90%;
  background-color:rgba(7,60,210,0.3);
  font-size:40px;
  position:absolute;
  top:68%;
  left:5%;
  color:white;
  border-radius: 20px;
}
.bac{
  background: url(hac.gif);
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index:2;
}
/*.bac::before {
  background: inherit;
  content: '';
  filter: blur(5px);
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
*/
#p3{
  width:100%;
  height: 100vh;
  position:absolute;
  top:0;
  left:0;
}
.visual {
	position: relative;
	width: 100%;
	height: 100vh;
}
.movie {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie video {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%,-50%);
}
#p4{
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
#p6 {
  display: none;
}