body, html {
	padding: 0;
	margin: 0;
	height: 100%;
}

p {
	margin: 0;
	margin-bottom: 1em;
	color: white;
	padding-top: 10px;
}
h2 {
	margin-top: 0;
	padding: 2em;
}
body {
	position: relative;
  font-family:'Open Sans';
  line-height:1.5;
	background: url('https://unsplash.it/1860/1200?image=1075') no-repeat;
    background-attachment: fixed;
    -webkit-overflow-scrolling: touch;	
}

.container {
	width: 85%;
	margin: 0 auto;
}

#page-1 {
	background: #446CB3;
	height: 1000px;
	z-index: 3;
}
#page-2 {
	background: #1BBC9B;
	height: 900px;
	z-index: 2;
}
#page-3 {
	background: #E26A6A;
	z-index: 1;
}

.page {
	height: 1200px;
	width: 100%;
	box-shadow: 0 55px 75px rgba(0,0,0,.3);
	position: relative;
	overflow: hidden;
}


.sp-fixed {
	position: fixed;
	top: 0;
	left: 0;
}

.wrap {
	z-index: 1;
	position: relative;
	top: 0;
}

.ex {
	color: #000;
	background: rgba(255,255,255,.5);
	margin: 0;
	width: 100%;
	position: fixed;
	z-index: -2;
}