body, html {
 height: 115%;
 background-color: transparent; 
}

.bg { 
 
  /* Location of the image */
  background-image: url("../img/background_white.png");

  /* Full height */
  height: 115%; 
  width:100%;

  /* Set rules to fill background
  min-height: 100%;
  min-width: 1024px;
  */
  
  /* Preserve aspet ratio */
  min-height: 100%;
  min-width: 100%;
  
	
  /* Set up proportionate scaling 
  width: 100%;
  height: auto;
	*/
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;

  /* Background image is centered vertically and horizontally at all times */
  background-position: 50% 50%;
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height
  background-attachment: fixed;
	 */

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}


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