.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  #height: 100%;
}

#html { 
#  background: url(etusivu.jpg) no-repeat center center fixed; 
#  -webkit-background-size: cover;
#  -moz-background-size: cover;
#  -o-background-size: cover;
#  background-size: cover;
#}

.bg {
  /* Set rules to fill background */
  min-height: 30%;
  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 */
.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}


#bg2 {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg2 img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}