body {
  background: blue;
  background-image: url("images/SonicTimeSeamless.png");
  font-family: "Helvetica", "Arial", sans-serif;
  color: #DBDBDB;
  line-height: 25px;
  word-spacing: 3px;
  letter-spacing: 0px;
  font-size: 18px;
  }
  
/*Everything in the main box goes in this*/
.wrapper {
  width: 1000px;
  margin: 0 auto;
  }
 
.splash {
  margin: 0 auto;
  max-width: 100%;
  padding-top: 20%;
}  

.splash img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}  

/* When the mouse is over the Splash logo, load a different image to give the effect of OnMouseOver */
.splash a img:hover{content:url("images/SplashActive.png");} 

/*For narrow screens*/
@media(max-width: 790px) {
  .wrapper {
    width: 95%;
    }
  }  

/*Mobile compatibility*/
@media(orientation: portrait) {
  .wrapper {
    width: 95%;}
  }