/* ------------------------------- */
/* PARALLAX STYLE                  */
/* ------------------------------- */

.container-scene {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	padding:0;
	margin: 0;
	overflow:hidden;
	background-color:transparent;
	height: 100vh;
}

.scene {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	padding:0;
	margin: 0;
	background-color:transparent;
	/*z-index:1;*/
	pointer-events: auto !important;
	
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

.layer {
	display:block;
	position:relative;
	margin:0 auto;
	left:0;
	right:0;
	padding:0;
	width:100%;
}

.layer-110 {
	display:block;
	position:absolute;
	width:calc(100% + 10%);
	height:calc(100% + 10%);
	padding:0;
	margin: 0;
	margin-left:-2.5%;
	margin-top:-2.5%;
}

.scene h1, .scene h2, .scene h3, .scene h4, .scene h5, .scene h6 {
	text-transform:uppercase;
	line-height: 1;
	color: #111;
	margin: 0;
	transition: all 0.5s, transform 0.5s;
}

.scene h1 {
	/*font-size: 100px;*/
	font-weight: 900;
	letter-spacing:-0.4vw;
}

.scene h2 {
	/*font-size:40px;*/
	font-weight: 300;
}
.scene h4 {
	/*font-size:40px;*/
	font-weight: 300;
}

@media only screen and (max-width: 767px) {
	.layer-110 {
			margin-top:-10%;
	}
}

/* SCENE-2 */
#container-scene-2.container-scene {
	height:auto!important;
	min-height: 100vh;
}

#scene-2.scene {
	height:auto!important;
	min-height: 100vh;
}