@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400);
html, body {
  width: 100%;
  height: 100%;
}

section {
  height: 100vh;
  position: relative;
  background-attachment: fixed;
  background-repeat: repeat;
  background-position: top left;
  background-size: cover;
  padding-top: 1px;
}
section:nth-child(1) {
  background-image: url("http://placekitten.com/1000/1000");
}
section:nth-child(2) {
  background-image: url("http://placepuppy.it/800/600");
}
section:nth-child(3) {
  background-image: url("http://lorempixel.com/800/600/sports/");
}
section:nth-child(4) {
  background-image: url("http://lorempixel.com/700/600");
}
section:nth-child(5) {
  background-color: black;
  background-attachment: scroll;
}

h1, .alpha {
  font-family: 'Roboto Condensed', Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 48vh auto 0 auto;
  max-width: 15rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
  padding: 0.5rem;
  font-weight: 100;
  display: block;
  border: 0;
  font-size: 2em;
  color: black;
}
h1:focus, .alpha:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: gray;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: gray;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: gray;
}

:-ms-input-placeholder {
  color: gray;
}