/* W3 Schools and others method that overfills the screen */

body.fullpage
  {
   text-align:center;
   width:100%;
   margin:0 auto;
   padding:0px;
   font-family:helvetica;
   background-color:#81DAF5;

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

  
#fullpagewrapper
  {
   text-align:center;
   margin:0 auto;
   padding:0px;
   width:995px;
  }
  
  
h1
  {
   margin-top:150px;	
   color:white;
  }


/* CSS-Tricks.com version  where you call the image with
  <img src="images/MYIMAGE.JPG" class="bg">  */
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image (tried 2319) */
  img.bg {
    left: 50%;
    margin-left: -512px;    /* 50% */
  }
}

 