body {

  overflow-x: hidden;
  overflow-y: scroll;
  background-color: black;
}

#PageImages {

	position:absolute;
	width:150%;
	top:0px;
	left:-20%;
 }
 
 #buttons {
  position: fixed;
  width:100%;
  margin-left:10px;
  margin-top: 70px;
  z-index: 1;
  opacity: 1;
  z-index: 3;
}

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

#approachButton {
  width: 64px;
  left: 56px;
  opacity: 0.5;
}

#peopleButton {
  width: 50px;
  left: 123px;
  opacity: 0.5;
}

#contactButton {
  width: 58px;
  left: 175px;
  opacity: 0.5;
}

#closeButton {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 240px;
  top: 30px;
  z-index: 5;
  opacity: 1
}

#openButton {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 280px;
  top: 30px;
  z-index: 5;
  opacity: 1
}


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

#clock {
  position: fixed;
  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;
}

#counter{
	position: fixed;
	right:35px;
	top:0px;
	z-index:2;
	}
#Crumbs{
	position: fixed;
	right:35px;
	top:0px;
	z-index:2;
	}



#Page0, #Page2, #Page4, #Page6, #Page8, #Page10, #Page12, #Page14, #Page16, #Page18, #Page20, #Page22, #Page24, #Page26, #Page28,
#Page30, #Page32, #Page34, #Page36, #Page38, #Page40, #Page42, #Page44, #Page46, #Page48, #Page50, #Page52 {
  position: absolute;
  left: 0px;

  width: 50%;

}

#Page1, #Page3, #Page5, #Page7, #Page9, #Page11, #Page13, #Page15, #Page17, #Page19, #Page21, #Page23, #Page25, #Page27,
#Page29, #Page31, #Page33, #Page35, #Page37, #Page39, #Page41, #Page43, #Page45, #Page47, #Page49, #Page51, #Page53 {
  position: absolute;
  right: 0px;
 
  width: 50%;
  
}




p.introduction {
  width: 230px;
  height: auto;
  overflow: auto;
  background:none;
  padding: 35px;
  border-radius: 5px;
  background-color:none;
  font-family: Arial, Tahoma, Helvetica, sans-serif ;
  font-size: 14px;
  color: white;
  line-height: 20px;
  overflow: hidden;
  z-index: 1;
}
strong.colours {
color:white;
}
#tag {
  position: absolute;
  height: 5px;
  width: 200px;
  padding: 10px;
  top: 150px;
  left: -150px;
  background:none;
  border-radius: 5px;
  background-color:none;
  opacity: 1;
}

.tagText {
  position: absolute;
  width: 250px;
  left: 40px;
  top: 0px;
  font-family: Arial, Tahoma, Helvetica, sans-serif ;
  font-size: 14px;
  color: white;
  opacity: 1
}

.copy {
  position: fixed;
  left: -450px;
  top: 140px;
  width: 220px;
}

#InfoLine {
background-color:#101115;
width:100%;
  position: fixed;
  left: 0px;
 bottom:0%;
  z-index: 10;
  font-family: Arial, Tahoma, Helvetica, sans-serif ;
  font-size: 12px;
  color: white;
  padding: 4px;
  text-align: center;
}

#InfoLine  p {
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
}

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


@media screen and (max-width:600px) {

#PageImages{
position:absolute;
width:1000px;
top:-20px;

left:calc(50% - 500px );


background-color:red;

}

#labLogo{
width:173px;
margin-top:-30px;
}
#peopleButton{
display:none;
}

#contactButton {
left:123px;
}
#buttons {
position:fixed;
width:100%;
left:calc(50% - 110px);
margin-top:50px;

}
#InfoLine {
display:none;
}
  #clock {
    display:none;
  }

  #counter {
    display: none;
  }

  #Crumbs {
    display: none;
  }
  #closeButton
  {
  position: fixed;
  width: 50px;
  height: 50px;
  left:calc(50% - 157px);
  top: 70px;
  z-index: 5;
  opacity: 1
  }
  #openButton
  {
  
position: fixed;
  width: 50px;
  height: 50px;
  left:calc(50% + 95px);
  top: 70px;
  z-index: 5;
  opacity: 1;}
  
  #Page0, #Page2, #Page4, #Page6, #Page8, #Page10, #Page12, #Page14, #Page16, #Page18, #Page20, #Page22, #Page24, #Page26, #Page28,
#Page30, #Page32, #Page34, #Page36, #Page38, #Page40, #Page42, #Page44, #Page46, #Page48, #Page50, #Page52 {
  position: absolute;
  left: 0px;
  top: 150px;
  width: 50%;
}

#Page1, #Page3, #Page5, #Page7, #Page9, #Page11, #Page13, #Page15, #Page17, #Page19, #Page21, #Page23, #Page25, #Page27,
#Page29, #Page31, #Page33, #Page35, #Page37, #Page39, #Page41, #Page43, #Page45, #Page47, #Page49, #Page51, #Page53 {
  position: absolute;
  right: 0px;
  top: 150px;
  width: 50%;
}
p.introduction {
  width: 230px;
  height: auto;
  overflow: auto;
  background:none;
  padding: 35px;
  border-radius: 5px;
  background-color:none;
  font-family: Arial, Tahoma, Helvetica, sans-serif ;
  font-size: 13px;
  color: white;
  line-height: 18px;
  overflow: hidden;
  z-index: 1;
}
.copy {
  position: fixed;
  left: -450px;
  top: 375px;
  width: 50%;
  text-align:left;
}


}