<div class="backgrounda">
  <h1>BACKGROUND 1</h1>
</div>
<div class="backgroundb">
  <h1>BACKGROUND 2</h1>
</div>
<div class="backgroundc">
  <h1>BACKGROUND 3</h1>
</div>

body {
  margin:0 auto;
}
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,300);
.backgrounda {
  height: 720px;
	background: url(https://farm3.staticflickr.com/2814/11594633484_fec26e3603_b.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size: cover;
	background-color: #1c120c;
	background-attachment:fixed;
	position:relative;
	overflow:hidden;
 }
.backgroundb {
  height: 720px;
	background: url(https://farm4.staticflickr.com/3715/11594635564_b21009cae6_b.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size: cover;
	background-color: #1c120c;
	background-attachment:fixed;
	position:relative;
	overflow:hidden;
 }
.backgroundc {
  height: 720px;
	background: url(https://farm6.staticflickr.com/5524/11594323675_034ef063b6_b.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size: cover;
	background-color: #1c120c;
	background-attachment:fixed;
	position:relative;
	overflow:hidden;
 }
h1 {
  margin-top:110px;
  text-align:center;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight:300;
  color:white;
  
}