#heroSection {
	height: var(--doc-height);
}

main {
	height: 100%;
}

#whitepaperSection {
	height: 100%;
	padding-top: 2rem;
	padding-bottom: 2.5rem;
	padding-left: 4rem;
	padding-right: 4rem;
}

#whitepaperSection iframe {
	height: 100%;
	width: 100%;
	max-width: 1000px;
}

@media only screen and (max-width: 1000px) {
	#whitepaperSection {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}

@media only screen and (max-width: 750px) {
	#whitepaperSection {
		padding-top: 0;
		padding-bottom: 1.7rem;
		padding-left: 1.7rem;
		padding-right: 1.7rem;
	}
}