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: 0.5;
}

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

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

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

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


#altContactImage img{
position:fixed;
top:0px;
width:100%;
left:0px;

display:none;
}


	#InfoLine{
	background-color:black;
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;
}



	
	
	#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;
	}


	
	
form {
	position:fixed;
	margin: auto;
	/*width: 1000px;*/
	margin-top:5%;
	z-index:10;
}

input, textarea {
	  border-radius: 5px;
	  width: 300px;
	  height: 15px;
	  background-color: white;
	  opacity:50%;
	  
	  border: 2px solid #dedede;
	  padding: 10px;
	  margin-top: 3px;
	  font-size: 12px;
	  font-family: Arial, Tahoma, Helvetica, sans-serif ;
	}

	textarea {
	  height: 100px;
	  z-index: 6;
	  font-family: Arial, Tahoma, Helvetica, sans-serif ;
	}

	label {
	  display: block;
	  margin-top: 20px;
	  font-size: 18px;
	  letter-spacing: 2px;
	  font-family: Arial, Tahoma, Helvetica, sans-serif ;
	  color: white;
	}

	#submit {
	  height: 40px;
	  width: 200px;
	  padding: 10px;
	  border: 1px solid #dedede;
	  margin-top: 20px;
	  color: grey;
	  font-size: 1em;
	  font-family: Arial, Tahoma, Helvetica, sans-serif ;
	}
button{
width:100%;
height:50px;
margin-top:20px;
padding:none;
border-radius: 5px;
border: 2px solid #ffffff;
background-color:#0080ff;
color:white;
font-family: Arial, Tahoma, Helvetica, sans-serif ;
font-size: 18px;
}

	.company-address {
	    color: #ffffff;
	    margin:auto;
	    width: 300px;
	    height: 300px;
	}
	#Page0, #Page2, #Page4, #Page6, #Page8, #Page10, #Page12, #Page14, #Page16, #Page18, #Page20, #Page22, #Page24 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
}

#Page1, #Page3, #Page5, #Page7, #Page9, #Page11, #Page13, #Page15, #Page17, #Page19, #Page21, #Page23, #Page25 {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
}
	@media screen and (max-width:600px) {
	
#PageImages{
	display:none;
	}
	
#labLogo{
width:173px;
margin-top:-30px;
}
#peopleButton{
display:none;
}

#contactButton {
left:123px;
}
#buttons {
position:fixed;
width:100%;

left:calc(50% - 110px);
margin-top:50px;

}
#ContactImage img{
	/*width:200%;
	left:-80%;*/
	display:none;
	}
	#altContactImage img{
	display:inline;
	margin:auto;
	margin-top:-30px;
	}
form{
margin-top:21%;
}

#clock {
display: none;
}


	}