#content-container
{
	flex-basis: 800px;
	position: sticky;
	overflow-y: scroll;
	max-height: calc(100vh - 40px);

	scrollbar-width: thin; /* NOTE: Only supported in Firefox */
}

#content
{
	background-color: #ffffff;
}

#content > header
{
	background: #416aac;
	color: #ffffff;

	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#content > article
{
	padding: 20px;
}

#content > article > h1
{
	font-size: 2em; /* See https://stackoverflow.com/questions/39547412/same-font-size-for-h1-and-h2-in-article */
}

@media all and (max-width: 1024px)
{
	#content-container
	{
		max-height: calc(100vh - 50px);
	}
}