body {
  font-family: sans-serif;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 22px;
}
[data-type=parallax] {
  color: #fff;
}
.normal-div {
  padding: 15px 20px 25px;
  height: 420px;
}
#tall-content {
  padding: 20px 0;
}
.bottom-content {
  padding-bottom: 50px;
}


/* --------------------------- *
 *   PARALLAX REQUIRED STYLING
 * --------------------------- */

/* It's also a good idea to use a style reset. Something like http://meyerweb.com/eric/tools/css/reset/ */

/* This is required so that the fullscreen images don't cause the page to have a horizontal scroll */
.off-canvas {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1031px;
}
[data-type=parallax] {
  position: relative;
  z-index: 10;
  height: 100px;
}
[data-prlx-parent=true] {
  overflow: hidden;
  position: relative;
}
[data-prlx-type=sprite] {
  position: absolute;
}
.parallax-content {
  position: relative;
  height: 200px;
}

.center-content{
  position: relative;
  height: 200px;
}
				.parallax-background {height: 100px;}
				.image img{height: 100px;}