body, html {
	margin:0;
	padding:0;
	height:100%;
	background-color:#000000;
}

#webpage {
	margin:auto;
	width:1000px;
	height:100%;
}

.parallax {
    height:100%; 
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
	background-size:cover;
}

#parallax-1 {
    background-image:url('images/1.jpg');
}

#parallax-2 {
    background-image:url('images/2.jpg');
}

#parallax-3 {
    background-image:url('images/3.jpg');
}

#parallax-4 {
    background-image:url('images/4.jpg');
}

#parallax-5 {
    background-image:url('images/5.jpg');
}


#parallax-6 {
    background-image:url('images/6.jpg');
}

#parallax-7 {
    background-image:url('images/7.jpg');
}

#parallax-8 {
    background-image:url('images/8.jpg');
}

#parallax-9 {
    background-image:url('images/9.jpg');
}

#parallax-10 {
    background-image:url('images/10.jpg');
}

#parallax-11 {
    background-image:url('images/11.jpg');
}

#parallax-12 {
    background-image:url('images/12.jpg');
}

#info-1 {
	float:left;
	margin:50px 50px 0px 50px;
	width:600px;
	background-color:#ccccff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:.8;
}

#info-1 #info-inner {
	padding:0px 20px 20px 20px;
}

#info-1 #heading h1 {
	margin:0;
	font-family:Comic Sans MS;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#info-1 #content {
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	text-align:left;
}

#info-2 {
	float:right;
	margin:100px;
	width:700px;
	background-color:#ccccff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:.8;
}

#info-2 #info-inner {
	padding:0px 20px 20px 20px;
}

#info-2 #heading h2 {
	margin:0;
	font-family:Comic Sans MS;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#info-2 #content {
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	text-align:left;
}

#info-3 {
	float:left;
	margin:50px 50px 0px 50px;
	width:400px;
	background-color:#ccccff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:.8;
}

#info-3 #info-inner {
	padding:0px 20px 20px 20px;
}

#info-3 #heading h2 {
	margin:0;
	font-family:Comic Sans MS;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#info-3 #content {
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	text-align:left;
}

#info-4 {
	float:right;
	margin:100px;
	width:400px;
	background-color:#ccccff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:.8;
}

#info-4 #info-inner {
	padding:0px 20px 20px 20px;
}

#info-4 #heading h2 {
	margin:0;
	font-family:Comic Sans MS;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#info-4 #content {
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	text-align:left;
}

#info-5 {
	float:left;
	margin:50px 50px 0px 50px;
	width:400px;
	background-color:#ccccff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:.8;
}

#info-5 #info-inner {
	padding:0px 20px 20px 20px;
}

#info-5 #heading h2 {
	margin:0;
	font-family:Comic Sans MS;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#info-5 #content {
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	text-align:left;
}

#info-6 {
	float:right;
	margin:100px;
	width:400px;
	background-color:#ccccff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:.8;
}

#info-6 #info-inner {
	padding:0px 20px 20px 20px;
}

#info-6 #heading h2 {
	margin:0;
	font-family:Comic Sans MS;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#info-6 #content {
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	text-align:left;
}

#info-7 {
	float:left;
	margin:50px 50px 0px 50px;
	width:700px;
	background-color:#ccccff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:.8;
}

#info-7 #info-inner {
	padding:0px 20px 20px 20px;
}

#info-7 #heading h2 {
	margin:0;
	font-family:Comic Sans MS;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#info-7 #content {
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	text-align:left;
}

#info-8 {
	float:right;
	margin:100px;
	width:800px;
	background-color:#ccccff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:.8;
}

#info-8 #info-inner {
	padding:0px 20px 20px 20px;
}

#info-8 #heading h2 {
	margin:0;
	font-family:Comic Sans MS;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#info-8 #content {
	font-family:arial;
	font-size:35px;
	font-weight:normal;
	text-align:center;
}

#info-9 {
	float:left;
	margin:100px;
	width:700px;
	background-color:#ccccff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:.8;
}

#info-9 #info-inner {
	padding:0px 20px 20px 20px;
}

#info-9 #heading h2 {
	margin:0;
	font-family:Comic Sans MS;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#info-9 #content {
	font-family:arial;
	font-size:35px;
	font-weight:normal;
	text-align:center;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait),
  
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait),
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait), 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait), 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait),
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait),
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	#webpage {
		width:100%;
	}

	#info-1 {
		float:left;
		margin:0px 0px 250px 0px;
		width:100%;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#info-1 #heading h1 {
		font-size:55px;
	}

	#info-1 #content {
		font-size:16px;
	}

	#info-2 {
		float:left;
		margin:0px 0px 250px 0px;
		width:100%;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#info-2 #heading h2 {
		font-size:55px;
	}

	#info-2 #content {
		font-size:16px;
	}

	#info-3 {
		float:left;
		margin:0px 0px 250px 0px;
		width:100%;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#info-3 #heading h2 {
		font-size:55px;
	}

	#info-3 #content {
		font-size:16px;
	}

	#info-4 {
		float:left;
		margin:0px 0px 250px 0px;
		width:100%;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#info-4 #heading h2 {
		font-size:55px;
	}

	#info-4 #content {
		font-size:16px;
	}

	#info-5 {
		float:left;
		margin:0px 0px 250px 0px;
		width:100%;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#info-5 #heading h2 {
		font-size:55px;
	}

	#info-5 #content {
		font-size:16px;
	}

	#info-6 {
		float:left;
		margin:0px 0px 250px 0px;
		width:100%;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#info-6 #heading h2 {
		font-size:55px;
	}

	#info-6 #content {
		font-size:16px;
	}

	#info-7 {
		float:left;
		margin:0px 0px 250px 0px;
		width:100%;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#info-7 #heading h2 {
		font-size:55px;
	}

	#info-7 #content {
		font-size:16px;
	}

	#info-8 {
		float:left;
		margin:0px 0px 250px 0px;
		width:100%;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#info-8 #heading h2 {
		font-size:55px;
	}

	#info-8 #content {
		font-size:25px;
	}

	#info-9 {
		float:left;
		margin:0px 0px 250px 0px;
		width:100%;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}

	#info-9 #heading h2 {
		font-size:55px;
	}

	#info-9 #content {
		font-size:25px;
	}
}