div.content-panel {
	margin: 0.5em;
	padding: 0em 0.25em 1em 0.25em;
	background: #090909;
	line-height: 1.35em;
}
div.content-panel h2 {
	margin: 0.5em 0em;
	padding: 0.5em 0em 0.25em 0em;
	border-bottom: 2px solid gray;
	background: #0E0E12;
	color: #CCCC33;
	font-size: 24pt;
}
div.content-panel a {
	text-decoration: none;
	color: #CCCC33;
}
div.content-panel p {
	margin: 0.75em 0.5em;
}
div.content-panel ul li {
	margin: 0.25em 0em;
}

pre {
	line-height: 1em;
}

@media (min-width: 641px) {
	div.section-intro-panel {
		display: flex;
	}
	div.section-intro-panel div {
		margin: 0.5em 1em 0.5em 1em;
	}
}
@media (max-width: 640px) {
	div.section-intro-panel {
		display: block;
	}
	div.section-intro-panel div {
		margin: 0.5em 1em 0.5em 1em;
	}
	div.section-intro-panel div.section-intro-emblem {
		text-align: center;
	}
}

@media (min-width: 1001px) {
	div.two-columns {
		display: flex;
		justify-content: space-evenly;
	}
	div.two-columns h3.column-header {
		background: #0E0E12;
		color: #CCCC33;
		font-size: 18pt;
	}
	div.two-columns div.column-content {
		margin: 1em;
		width: 46%;
	}
}

@media (max-width: 1000px) {
	div.two-columns {
		display: block;
	}
	div.two-columns h3.column-header {
		background: #0E0E12;
		padding-top: 0.25em;
		border-top: 2px solid #CCCC33;
		text-align: center;
		color: #CCCC33;
		font-size: 18pt;
	}
	div.two-columns div.column-content {
		margin: 1em;
	}
}

@media (min-width: 1001px) {
	div.three-columns {
		display: flex;
		justify-content: space-evenly;
	}
	div.three-columns h3.column-header {
		background: #0E0E12;
		color: #CCCC33;
		font-size: 18pt;
	}
	div.three-columns div.column-content {
		margin: 1em;
		width: 30%;
		line-height: 1.25em;
	}
}

@media (max-width: 1000px) {
	div.three-columns {
		display: block;
	}
	div.three-columns h3.column-header {
		background: #0E0E12;
		padding-top: 0.25em;
		border-top: 2px solid #CCCC33;
		text-align: center;
		color: #CCCC33;
		font-size: 18pt;
	}
	div.three-columns div.column-content {
		margin: 1em;
		line-height: 1.25em;
	}
}

.centered {
	text-align: center;
}

div.sidebar-panel {
	margin: 0.5em;
	padding: 1em;
	border: 1px solid gray;
	border-radius: 0.5em;
	background: Black;
}
div.sidebar-panel h2 {
	margin: 0em;
	padding: 0.25em;
	border: 2px solid #CCCC33;
	color: white;
	background-color: #0E0E12;
	font-family: Calibri, sans-serif;
	font-size: 14pt;
}
div.sidebar-panel p,
div.sidebar-panel div.sidebar-panel-item {
	margin: 0em;
	padding: 0.25em;
	border-left: 1px solid #CCCC33;
	border-right: 1px solid #CCCC33;
	border-bottom: 1px solid #CCCC33;
	font-family: Calibri, sans-serif;
	font-size: 12pt;
}
div.sidebar-panel a {
	color: #CCCC33;
}

div.sidebar-panel div.social-media-item {
	display: flex;
	align-items: center;
}
div.sidebar-panel div.social-media-item div {
	padding: 0em 0.15em;
}

@media (min-width: 1101px) {
	div.icon-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	div.icon-grid div.icon-grid-content {
		text-align: center;
	}
}

@media (max-width: 1100px) {
	div.icon-grid {
		display: block;
	}
	div.icon-grid div.icon-grid-content {
		display: flex;
		align-items: center;
	}
}

div.youtube-video-panel {
	margin: 1em 0em;
	padding: 0.5em;
	border-top: 1px solid #CCCC33;
}
div.youtube-video-title {
	margin: 0.25em 0em 0.5em 0em;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
}
a.youtube-video-link {
	text-decoration: none;
	color: #CCCC33;
}
div.youtube-video-thumbnail {
	margin: 0.25em 0em 0.5em 0em;
	text-align: center;
}
img.youtube-video-thumbnail {
	border: 2px solid blue;
}
div.youtube-video-description div {
	margin: 0.5em 0em;
	font-size: 12pt;
}
div.youtube-video-postDate {
	margin: 0.25em 0em 0.5em 0em;
	font-size: 10pt;
	font-style: italic;
	text-align: right;
}