body,

html {
 
  width: 100%;
  height: 100%;
  min-height: 690px;
  min-width: 768px;
  overflow: hidden;
  background: url(red_texture.jpg);
}

#contentContainer {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-perspective: 600px;
  /* Chrome, Safari, Opera */
  
  -moz-perspective: 600px;
  perspective: 600px;
}

.scene-container {
	position: absolute;
	width: 100%;
	height: 821px;
	overflow: hidden;
	-webkit-perspective: 600px;
	/* Chrome, Safari, Opera */
  
	-moz-perspective: 600px;
	perspective: 600px;
	left: -1px;
	top: -4px;
}

#scene-1 {
  
}

#scene-1 .fore-container {
  width: 1221px;
  height: 2700px;
  margin-left: -800px;
  margin-top: -396px;
}


.bkgSrc {
  position: absolute;
  width: 4000px;
  height: 2148px;
}

.bkg-container {
  width: 5000px;
  height: 2140px;
  margin-left: -2000px;
  margin-top: -1070px;
  left: 50%;
  top: 50%;
  position: absolute;
  overflow: hidden;
  display: block;
  z-index: 0;
}

.grit-container {
  width: 1024px;
  height: 548px;
  background-size: 1024px 5480px;
  position: absolute;
  margin-left: -512px;
  margin-top: -272px;
  overflow: hidden;
  left: 50%;
  top: 50%;
  display: block;
  background-image: url();
  z-index: 2;
}

.fore-container {
  left: 50%;
  top: 50%;
  /* overflow:hidden;*/
  
  position: absolute;
  z-index: 1;
  display: block;
}