/* ### RESETS - Begin ### */
body{
	margin:0;
	padding:0;
	background-color:#000;
	overflow-x:hidden;
	overflow-y:scroll;
}

div{margin:0; padding:0; border:none; top:0px; left:0px; overflow:hidden;}
/* ### RESETS - End ### */

img, a {border:none;}


#scrollControl{   
	width: 100vw;
	height:9000px;

}


#ViewPort{position:fixed; width:100vw; height: 100vh; margin-left:auto; margin-right:auto;}


/* ### GLOBALS - Begin ### */
#RoadtripContainer{  
	background-color:#000;
	/*width: 3892px;*/
	width: 100vw;
	height: 100vh;
	position:relative;
}

.Chapter {
	position:relative;
	/*width: 3892px;
	height: 1000px;*/
	width: 100vw;
	height: 100vh;
	overflow:hidden;
}
.feature{
	/*display:inline-block;
	position:relative;*/
	position:absolute;
	left:0px;
	top:0px;
	/*width: 3892px;
	height: 1000px;*/
	padding-right:100%;
	width: auto;
	height: 120vh;
	overflow:visible;
	/*
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="", sizingMethod="scale");
	background-repeat:no-repeat;
	*/
}

.feature img{width:auto; height:120vh; padding-right:100%; min-width:150vw; min-height:45vw;}

.parallaxContainer{overflow:hidden; position:absolute; left:0; width:1008px; height:600px;}
.parallaxPhoto{display:inline-block; position:absolute; top:0px; pointer-events:none; width:100%;}

/* ### CHAPTER 1 - Begin ### */
/*#journey1{position:relative;}*/
#test-fullbg{ position:absolute; top:0px; left:0px;}
#test-horizon{ position:absolute; top:0px; left:0px;}
#test-structures{ position:absolute; top:0px; left:0px;}
#test-hills{ position:absolute; top:0px; left:0px;}
#test-foreground{ position:absolute; top:0px; left:0px;}
/* ### CHAPTER 1 - End ### */