#page-one {width: 60vh; max-width: 100%; height: 100vh; margin:auto;}
img {width: 100%;}

#page-two {height: 100vh; max-height:100vw; width: 100vh; margin: auto; max-width:90vw}

#page-three {width: 100vw; background-color: black; max-height: 100vh;}
#page-three > div {
	max-width:100%;
	width: 140vh;
	margin-left:auto; margin-right:auto;
	padding-top: 10vh;
	padding-bottom: 10vh;
	}
.spaced {margin-bottom: 4vh;}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#page-five {width: 100vw; margin:auto; overflow: hidden}
#page-five img {}
#page-six {height: 100vh; max-height:100vw; width: 84vh; max-width: 100vw; margin:auto; position: relative}
#page-six img {
	position: absolute;
	top: 45%;
	height: 30vh;
	margin-top: -15vh; /* account for padding and border if not using box-sizing: border-box; */
}