body {
	background: url('../img/temp-bg.png') no-repeat fixed left bottom;
	background-size: 100%;
}

.stage {
	width: 80%;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	padding: 2em 2em 0;
}

.stage-header {
	margin-bottom: 1.5em;
}

.inputs {
	animation: text-on 300ms ease-in-out;
	animation-fill-mode: forwards;
}

.moment.container {
	padding-top: 3em;
	position: relative;

	&.closed-caption {
		padding-bottom: 320px; //might make it bigger, if we need to
	}

	header {
		font-size: 1em;
		position: absolute;
		margin: 0;
		top: calc(-2.5em + 1px);
		left: 101px;

		@include small-screen {
			top: calc(-2em + 1px);
			left: 131px;
		}
	}
}

// yeah i know this looks bad. i'll refactor it eventually.
.menu-shown {
	.moment.container {
		header {
			left: 141px;
			@include small-screen {
				left: 131px;
			}
		}
	}
}