@charset "UTF-8";
/* CSS Document */
html, body{
	margin:0px;
	height:100%;
}
#Slide1Background{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(images/mobile/pattern-bg.png);
	z-index: 100;
}

#Logo{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 200;
}

#MainSlide{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(images/mobile/main-slide.jpg);
	background-position: center;
	background-size: auto 125%;
	z-index: 50;
}

#Zoom1{
	top: -100%;
	position: absolute;
	width: 100%;
	height: 33%;
	z-index: 51;
	overflow: hidden;
}

#Zoom1In{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-image:url(images/mobile/main-slide-zoom.jpg);
	background-position: center;
	background-size: auto 160%;
}

#Text1{
	top: -100%;
	position: absolute;
	width: 100%;
	height: 33%;
	z-index: 51;
	overflow: hidden;
	background-image: url(images/mobile/pattern-bg.png);
	color: #fff;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
}

#Screen{
		position: fixed;
		width: 100%;
		height: 100%;
		z-index:-100;
}

#ParallaxContainer{
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
}