#footer {
	margin-top: 100px;
	padding: 80px 10px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10pt;
}

@media screen and (max-width: 767px) {
	#footer {
		padding: 80px 0px 20px;
	}
}

#footer .container .withSidePadding {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width: 767px) {
	#footer .container .withSidePadding {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
}

#footer .container .withSidePadding a {
	color: var(--dark);
	text-decoration: none;
}

@media screen and (prefers-color-scheme: dark) {
	#footer .container .withSidePadding a {
		color: var(--light);
	}
}