body {
	color: #ffffff;
	background: #000000;
	max-width: 8.5in;
	margin-left: auto;
	margin-right: auto;
}
body hr {
	color: #ffffff;
	background: #ffffff;
	border: 1pt solid #ffffff;
	clear: both;
}
header, footer {
    font-family: serif;
}
header nav ul {
	display: flex;
	margin: 0%;
}
header nav ul li {
	display: block;
	float: left;
	margin: 5pt;
	flex-grow: 1;
	flex-basis: 0;
	text-align: center;
}
header nav ul li a {
	color: #ffd700;
}
header nav ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}
header .branding {
	color: #ffd700;
	font-size: 12pt;
}
header .branding::first-line {
	font-size: 48pt;
	text-transform: uppercase;
}
header img.branding {
	float: left;
	width: 48pt;
	height: 48pt;
	margin: 10pt;
}
main {
	color: #000000;
	background: #ffffff;
	padding: 1in;
	font-family: sans-serif;
	font-size: 12pt;
}
main h1, main h2, main h3, main h4, main h5, main h6 {
	font-family: serif;
}
main hr {
	color: #ffd700;
	background: #ffd700;
	border: 1pt solid #ffd700;
}
main p, main li {
	line-height: 1.5;
}
main table {
	width: 100%;
	background: #000000;
}
main table tr th {
	font-family: serif;
	color: #ffd700;
}
main table tr td {
	background: #ffffff;
}
main img.portrait {
	background: #ffd700;
	margin: 5pt;
	padding: 2pt;
	aspect-ratio: 0.666;
	width: 25%;
	float: right;
}
main a {
	color: #000000;
	text-decoration: underline;
	text-decoration-color: #ffd700;
	text-decoration-style: double;
}
main a:hover {
	text-decoration-color: #000000;
	text-decoration-style: solid;
}
main a.cta {
	display: block;
	font-size: 150%;
	color: #000000;
	background: #ffd700;
	border: 1pt solid #000000;
	padding: 5pt;
}
.trio img {
    width: 31%;
    padding: 1%;
    float: left;
    margin-left: auto;
    margin-right: auto;
}
footer nav ul {
	display: flex;
}
footer nav ul li {
	display: block;
	float: left;
	margin: 5pt;
	flex-grow: 1;
	flex-basis: 0;
	text-align: center;
}
footer a {
	color: #ffffff;
}
footer a:hover {
	text-decoration: none;
	color: #ffd700;
}
footer p {
	clear: both;
}
nav ul {
	padding: 0pt;
}
main blockquote {
    font-style: italic;
}
@media (max-width: 600px), print {
	main {
		width: 100%;
		padding: 0pt;
		font-size: 10pt;
	}
	main h1 {font-size: 20pt;}
	main h2 {font-size: 18pt;}
	main h3 {font-size: 16pt;}
	main h4 {font-size: 14pt;}
	main h5 {font-size: 12pt;}
	main h6 {font-size: 10pt;}
	header {
		font-size: 10pt;
	}
	header p.branding {
	    font-size: 7pt;
	}
	header p.branding::first-line {
		font-size: 20pt;
	}
	header img.branding {
		height: 24pt;
		width: auto;
		margin: 2pt;
	}
	footer {
		font-size: 10pt;
	}
	header nav ul, footer nav ul {
	    display: block;
	    margin: 0%;
	    padding: 0%;
    }
    header nav ul li, footer nav ul li {
    	display: block;
    	width: 100%;
    	float: none;
	    margin: 5pt;
	    flex-grow: 0;
	    flex-basis: 0;
	    text-align: center;
    }
    header nav ul li a, footer nav ul li a {
        display: block;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media print {
    html { all: revert; }
}