body {
	background-color: #0a0017;
	position: relative;
}

#info-wrapper {
	width: 55%;
    padding: 120px 70px 100px;
    box-sizing: border-box;
    z-index: 1;
    position: relative !important;
    min-height: 100vh;
}

.info {
    margin-bottom: 70px;
}

.info:last-child {
	margin: 0;
}

.info h2 {
	color: #d6af67;
	font-family: typewriter;
	margin: 0;
	font-size: 2em;
}

.info h2 span {
	color: rgba(255, 255, 255, 0.8);
}

.info p {
	color: rgba(255, 255, 255, 0.8);
	font-family: typewriter;
	font-size: 1.2em;
}

.info p span {
	color: #d6af67;
}

#scene {
	overflow: hidden;
}

#scene .layer {
	background-size: 100% auto;
	background-position: top;
}

#layer1 {
	background-image: url(/ui/images/about/bg.jpg); 
	background-size: 100% auto;
	width: 105%;
	left: -5% !important;
}

#layer2 {
	background-image: url(/ui/images/about/layer2.png); 
	background-repeat: repeat;
}

#layer3 {
	background-image: url(/ui/images/about/layer3.png); 
	background-repeat: repeat;
}

#layer4 {
	background-image: url(/ui/images/about/layer6.png); 
	width: 112%;
	height: 112%;
	left: -6% !important;
	top: -6% !important;
}

#layer5 {
	background-image: url(/ui/images/about/layer5.png); 
	width: 112%;
	height: 112%;
	left: -6% !important;
	top: -6% !important;
}

@media (max-width: 768px) {
	#info-wrapper {
		width: 100%;
	    padding: 120px 25px 100px;
	}
}