/* Required styles */
/*.parascroll	    	{ min-height: 512px; height: 512px; position: relative; transform: translate3d(0px, 0px, 0px); }*/

.parascroll {
  position: relative;
  transform: translate3d(0px, 0px, 0px);
}

.paraContent { position: relative }

/* Optional styling */

.scrollList {
  color: #fff;
  font-family: "Helvetica Neue", helvetica, arial, verdana, sans-serif;
  font-size: 1.2em;
  width:1024px;
}

ul.scrollList { list-style-type: none; }

ul.scrollList > li { overflow: hidden; }

ul.scrollList,
ul.scrollList > li {
  margin: 0;
  padding: 0;
  position: relative;
}

ul.scrollList > li.inBetween {
  padding: 1em 2em;
  background: #fff;
  color: #333;
}

/* Slight ext shadow so it's raedable on top of the images */

.parascroll,
.parascroll h1,
.parascroll h2 {
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.40);
  margin-left: -0.05em;
}

.scrollList h1,
.scrollList h2,
.scrollList h3 {
  font-size: 5em;
  line-height: 1em;
}

.scrollList h2 {
  font-size: 6em;
  font-weight: 500;
}

.scrollable {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
}

.paraContent p {
  font-size: 2em;
  margin-top: 0.1em;
}