html
{
	font-size: 14px;
	font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

nav, footer
{
	width: 100%;
}

	nav > div, footer > div
	{
		display: flex;
		align-items: center;
		gap: 30px;
		padding-left: calc(50% / 6);
		padding-right: calc(50% / 6);
		margin: 0;
	}

		nav > div > :first-child
		{
			flex-grow: 1;
		}

	nav a, footer a
	{
		color: #3f3f3f;
		text-decoration: none;
		font-weight: 600;
	}

footer
{
	margin-top: 25px;
	background-color: #eeeeee;
}

	footer > div
	{
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 12px;
		font-weight: 100;
	}

		footer > div > div
		{
			flex-grow: 1;
		}

@media (min-width: 1921px)
{
	nav > div, footer > div
	{
		margin-left: auto;
		margin-right: auto;
		width: 1600px;
	}
}

@media (max-width: 768px)
{
	nav > div, footer > div
	{
		flex-direction: column;
	}

	nav > div
	{
		gap: 15px;
		margin-bottom: 20px;
	}
}

@media (min-width: 768px)
{
	html
	{
		font-size: 15px;
	}
}

html
{
	position: relative;
	height: 100%;
}

body
{
	margin: 0;
	min-height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.CFiller
{
	flex-grow: 1;
}

h1, h2
{
	overflow-wrap: anywhere;
}

h2
{
	margin-top: 80px;
	margin-bottom: 40px;
	font-weight: 600;
	font-size: 34px;
	line-height: 40px;
	text-align: center;
	hyphens: auto;
}

@media (max-width: 500px)
{
	h1
	{
		font-size: 1.6em;
		hyphens: auto;
	}

	h2
	{
		font-size: 28px;
		hyphens: auto;
	}
}

.CContent, .CContentStatic
{
	margin-left: calc(50% / 6);
	margin-right: calc(50% / 6);
}

@media (min-width: 1921px)
{
	.CContent, .CContentStatic
	{
		margin-left: auto;
		margin-right: auto;
		width: 1600px;
	}
}

.CContent h1
{
	margin-top: 40px;
	margin-bottom: 40px;
	font-weight: 600;
	font-size: 38px;
	line-height: 40px;
	text-align: left;
	hyphens: auto;
}

.CContent hr
{
	margin-bottom: 100px;
}

	.CContent hr.CCenter
	{
		margin-top: 30px;
		margin-bottom: 30px;
	}

p.CBigCenter
{
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	margin-top: 70px;
	margin-bottom: 70px;
}

p.CCenter
{
	text-align: center;
	margin-bottom: 30px;
}

a.CText
{
	color: #0078d0;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

	a.CText:hover
	{
		text-decoration: underline;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-thickness: 2px;
		text-underline-offset: 4px;
	}

		a.CText:hover::after
		{
			text-decoration: none;
			text-decoration-line: none;
			padding-left: 18px;
			display: inline-block;
		}

	a.CText:after
	{
		content: '>';
		font-size: 20px;
		padding-left: 15px;
		text-decoration: none;
		text-decoration-line: none;
		display: inline-block;
	}

p > a
{
	color: #0078d0;
	text-decoration: none;
}

p > a:hover
{
	text-decoration: underline;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
}

img.CInline
{
	margin-left: 2px;
	vertical-align: middle;
	height: 1em;
}

.CReferences
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	vertical-align: central;
	width: 100%;
	gap: 80px;
	margin-bottom: 80px;
}

div.CReferences > img
{
	height: 30px;
	margin-top: 15px;
}

div.CReferences > img:last-child
{
	margin-top: 0 !important;
}

.CContentStatic h1
{
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-weight: 600;
	font-size: 2rem;
	text-align: left;
	hyphens: auto;
}

.CContentStatic h2
{
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-weight: 600;
	font-size: 1.7rem;
	text-align: left;
	hyphens: auto;
}

.CContentStatic h3
{
	margin-top: 1.5rem;
	margin-bottom: 0;
	font-weight: 500;
	font-size: 1.2rem;
	text-align: left;
	hyphens: auto;
}

.CContentStatic h4
{
	margin-bottom: 0;
	font-weight: 500;
	font-size: 1rem;
	text-align: left;
	hyphens: auto;
}

.CContentStatic a
{
	color: inherit;
	text-decoration: underline;
}