body {
	padding: 0;
	margin: 0;
}

header {
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	position: sticky;

	padding-left: calc((100% - 1024px) / 2);
	padding-right: calc((100% - 1024px) / 2);
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: #212529;
}

header a {
	color: #DDDDDD;
}

footer {
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-right: calc((100% - 1024px) / 2);
	padding-left: calc((100% - 1024px) / 2);
	background-color: #2d3238;
}

footer a {
	color: #DDDDDD;
}

main {
	padding-right: calc((100% - 1024px) / 2);
	padding-left: calc((100% - 1024px) / 2);
	background-color: #FEFEFE;
}

aside.left {
	position: sticky;
	top: 8rem;
	left: 2rem;

	float: left;
	display: block;
	box-sizing: border-box;
	width: calc((100% - 1024px) / 2 - 2rem);
	height: calc((100% - 1024px) - 8rem);
}

aside.right {
	position: sticky;
	top: 8rem;
	right: 2rem;

	float: right;
	display: block;
	box-sizing: border-box;
	width: calc((100% - 1024px) / 2 - 2rem);
	height: calc((100% - 1024px) - 8rem);
}

.banner {
	padding-right: calc((100% - 1024px) / 2);
	padding-left: calc((100% - 1024px) / 2);
	background-color: #212529;
	height: calc(62vh - 8rem);
	padding-bottom: 4rem;
	padding-top: 4rem;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner h1,
.banner h2 {
	color: #FFFFFF;
	font-weight: 100;
	text-align: center;
}