.hero {
	margin-top: calc(var(--header-height) * -1);
}

.hero .video-responsive {
	width: 100%;
}

.page-title--rotator {
	position: relative;
	vertical-align: top;
	display: inline-block;
	height: 1em;
	width: 0;
}

.page-title--rotator > span {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	opacity: 0;
	transform: translate3d(0, 80%, 0);
}

.page-title--rotator > span.show {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: transform 0.5s ease, opacity 0.5s ease;
}

.page-title--rotator > span.hide {
	opacity: 0;
	transform: translate3d(0, -80%, 0);
	transition: transform 0.5s ease, opacity 0.5s ease;
}