* {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
}

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

 background: url(KK_sa_405x400.jpg) no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 350px;
      
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
      
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.bg {
  /* The image used */
  background-image: url("KK_sa_405x400.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
    
@media screen and (max-width: 405px){
  img.bg {
    left: 50%;
    margin-left: -512px; }
  }
    
#page-wrap {
  position: relative; 
  width: 60%; 
  margin: 50px auto; 
  padding: 20px 30px; 
  opacity: 0.90;
  filter: alpha(opacity=90); /* For IE8 and earlier */
  -moz-box-shadow: 0 0 20px black; 
  -webkit-box-shadow: 0 0 20px black; 
  box-shadow: 0 0 20px black;
}

p { 
  font: 18px/1.5 Georgia, Serif; 
  margin: 0 0 10px 0; 
  text-indent: 40px; 
}

h1, h2, h3 {
  text-align: center;
}
h1 {
  font: 2.3em sans-serif;
}
h2 {
  font: 1.5em sans-serif;
}
h3 {
  font: 1.0em sans-serif;
  color:#0A328C;
}
footer {
  margin-top: 20px;
  text-align: center;
}