body{
  font-family: "Times New Roman";
  text-align: center;
  overflow-y: scroll;
  color: #ffffff;
  background-color: #000000;

  background: url(images/bkg/1.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  image-rendering: pixelated !important;
}

.page1{
  background-image: url(bkg/1.png);
  background-color: #000000;
}
.page2{
  background-image: url(bkg/2.png);
  background-color: #000000;
}
.page3{
  background-image: url(bkg/3.png);
  background-color: #000000;
}
.page4{
  background-image: url(bkg/4.png);
  background-color: #000000;
}
.page5{
  background-image: url(bkg/5.png);
  background-color: #000000;
}
.page6{
  background-image: url(bkg/6.png);
  background-color: #000000;
}
.page7{
  background-image: url(bkg/7.png);
  background-color: #000000;
}
.page8{
  background-image: url(bkg/8.png);
  background-color: #000000;
}

.dontworry{
  background-image: url(bkg/dontworry.gif);
  background-color: #000000;
}

.twre{
  background-image: url(bkg/twre.gif);
  background-color: #000000;
}

.dark{
  background-color: #000000;
}

.panel{
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 7px auto 0px;
}

.lightGray{
  display: block;
  width: 650px;
  max-width: 940px;
  margin: auto auto 0px;
  word-wrap: break-word;
  word-break: break-word;
  background-color: #202020;

  padding-right: 20px;
  padding-left: 20px;
}

a{
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

.henry{
  padding-top: 50px;
  padding-bottom: 5px;
  padding-left: 20px;
  text-align: left;
  margin-left: 0;
  font-size: 20px;
  color: #395248;
}



@media only screen and (max-width: 800px){
  .lightGray{
    padding: 0 0;
    width: 95%;
    height: auto;
  }
  .panel{
    padding: 0 0;
    width: 95%;
    height: auto;
  }
  .henry{
    padding-left: 2%;
    padding-right: 2%;
    width: 95%;
    height: auto;
  }
}