main { overflow:hidden; }
	p { margin-bottom:1em; clear:both; }
	.parallax-wrap { overflow:hidden; display:inline-block; float:left; padding-right:20px; max-height:250px; }
	.item { position:absolute; z-index:-1; opacity:0.5; background:#ccc; width:40px; height:40px; line-height:40px; border-radius:20px; text-align: center;  }
	.item:nth-child(1) { top:0%; left:10% }
	.item:nth-child(2) { top:0%; left:30% }
	.item:nth-child(3) { top:0%; left:50% }
	.item:nth-child(4) { top:0%; left:70% }
	.item:nth-child(5) { top:0%; left:90% }

	p.parallax { color: #ddd; z-index:-1 }

	.clip {
		height: 400px;
		overflow:hidden;
		margin-bottom: 2em;
	}

	.clip img.parallax {
		width: 100%;
	}

	.clip .backwards.parallax {
 		background-image: url("images/pasture.jpg");
		background-position: 50% 50%;
		background-size: cover;
		top: -160px;
		width: 100%;
		height: 100%;					/* fallback for mobile, etc. */
		height: calc(100% + 250px);		/* 200px being our range, set in the js */
	}