body {
    background-image:    url(../../images/PG_dark.png);
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
	background-attachment: fixed;
    background-position: center center;              /* optional, center the image */
}

	
	#footer {
		padding: 1rem 0 0 0 ;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		position:absolute; right:0;left:0;
		bottom:0;
	}

html {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }

  body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }

  #bg {
    width: 100%;
    height: 100%;
	opacity: 0;
    background: url(../../images/PG_light.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	-webkit-animation: myfirst 4s .3s forwards; /* Chrome, Safari, Opera */
    -moz-animation: myfirst 4s .3s forwards; 
	animation: myfirst 4s .3s forwards;
  }

  /* Chrome, Safari, Opera */
  @-webkit-keyframes myfirst {
	from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @-moz-keyframes myfirst {
	from {opacity: 0;}
    to {opacity: 1;}
  }

  /* Standard syntax */
  @keyframes myfirst {
	from {opacity: 0;}
    to {opacity: 1;}
  }