/div>
				<div class="step" data-step="2">
					<p>STEP 2</p>
				</div>
				<div class="step" data-step="3">
					<p>STEP 3</p>
				</div>
				<div class="step" data-step="4">
					<p>STEP 4</p>
				</div>
			</article>
		</section>
		<section id="outro"></section>
	</main>

	<script src="../build/scrollama.js"></script>
	<script>
		var scrolly = document.querySelector("#scrolly");
		var article = scrolly.querySelector("article");
		var step = article.querySelectorAll(".step");

		// initialize the scrolla