body {
  overflow: hidden;
  background-color: black;
  /*background-image: url('RotationTest3_1.0047.jpg');*/
  background-size:100%;
  background-position: top;
  background-repeat: no-repeat;
  z-index:-150;
}
footer {
  position: absolute;
  right: 15px;
  bottom: 6px;
  z-index: 10;
  font-family: arial;
  font-size: 12px;
  color: white;
  padding: 4px;
  text-align: center;
}

#InfoLine{
background-color:black;
width:100%;
  position: absolute;
  left: 0px;
 bottom:0%;
  z-index: 10;
  font-family: arial;
  font-size: 12px;
  color: white;
  padding: 4px;
  text-align: center;
}
#InfoLine  p {
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
}

footer p {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}

address {
  display: inline-block;
  line-height: 2em;
  margin-right: 10px;
}


#skipFilm {
  position: absolute;
  left: 28px;
  top: 135px;
  z-index: 10;
  font-family: arial;
  font-size: 5px;
  color: white;
}

#labLogo {
  position: relative;
  width: 228px;
  margin-left: 8px;
  margin-top: -50px;
  z-index: 5;
}

#clock {
  position: absolute;
  right: 120px;
  top: 18px;
  z-index: 3;
  opacity: 0.8
}

#whiteFace, #blueSecond, #seconds, #mins, #minutes, #hourssolid, #hours {
  position: absolute;
  left: 0px;
  top: 10px;
  z-index: 3;
}

#buttons {
  position: fixed;
  width: 100%;

  /*left: 20px;*/
  margin-left:10px;
  margin-top: 70px;
  z-index: 1;
  opacity:1;
  z-index: 3;
}

#workButton {
  position: absolute;
  width: 45px;
  height: 30px;
  left: 8px;
  top: 34px;
  z-index: 5;
  opacity: 1;
}

#approachButton {
  position: absolute;
  width: 64px;
  height: 30px;
  left: 56px;
  top: 34px;
  z-index: 5;
  opacity: 1;
}

#peopleButton {
  position: absolute;
  width: 50px;
  height: 30px;
  left: 123px;
  top: 34px;
  z-index: 5;
  opacity: 1;
}

#contactButton {
  position: absolute;
  width: 58px;
  height: 30px;
  left: 175px;
  top: 34px;
  z-index: 5;
  opacity: 1;
}

#tasterMonial {
  position: absolute;
  width: 230px;
  left: 5px;
  top: 64px;
  z-index: 5;
  opacity: 1;
}

#filmImage {
  position: absolute;
  width: 30px;
  left: 340px;
  top: -3px;
  z-index: 5;
  opacity: 1
}

#Page0 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
}

#Page1 {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
}

#footer {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
}



video {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width:100%;
 
  z-index: -100;
 
}
#GillsType {
/*background-color:red;*/
  position: absolute;
  top:0px;
  width:100%;

 
  z-index: 2;
  font-family: Arial, Tahoma, Helvetica, sans-serif ;
  text-align: center;
  opacity:0%;
  animation-name:titlepage;
  animation-duration:100s;

  
}
@keyframes titlepage{
0% {opacity:0%}
10%{opacity:0%}
15%{opacity:100%}
100% {opacity:100%}
}
#GillsType .p1 {
position:relative;
top:80px;
  font-size: 90px;
 
  color: #4d9a34;

  
}
#GillsType .p2 {
 top:500px;
  font-size: 20px;
  color: white;
 }
 

@media screen and (max-width:600px)
{
#labLogo{
width:173px;
margin-top:-30px;
}
#peopleButton{
display:none;
}

#contactButton {
left:123px;
}
#buttons {
width:190px;
margin:auto;
margin-top:50px;

}
	#clock{display:none;}
	/*#buttons {
  position: fixed;
  width: 100%;
  left: 33%;
  top: 80px;
  z-index: 1;
  opacity: 0.85;
  z-index: 3;
			}
	#labLogo {
  position: fixed;
  width: 227px;
  left: 34%;
  top: 16px;
  z-index: 5;
			}*/
video{
top:0%;
width:260%;
left:-80%;
    }
#GillsType .p2{
position:relative;
font-size:10px;
top:70px;

}


#GillsType .p1{
position:relative;
font-size:45px;
top:110px;
}
#InfoLine {
display:none;
}
}
@media screen and ()
{

}

@media screen and{
  #labfilm { display: none; }
  body {
    background-image: url('RotationTest3_1.0047.jpg');
    background-size:100%;
  background-position: top;
  background-repeat: no-repeat;

  }
  #GillsType {

  animation-name:titlepage;
  animation-duration:5s;

  }
  @keyframes titlepage{
0% {opacity:0%}
100%{opacity:100%}

}

}