a:link {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

a:visited {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

img {
	max-width: 100%;
}

body {
	font-family: "Arial Narrow";
	color: #FFFFFF;
	background-color: #000000;
	font-weight: normal;
}

.main {
	display:grid;
	background-color: #000000;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	display:grid;
	grid-template-columns: auto auto;
	background-color: #666666;
}

.header > div:nth-child(2) {
	text-align: right;
	font-size: 10;
}

.header > div:nth-child(4) {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	color: #000000;
	padding: 0.5%;
	background-color: #CCCCCC;
}

@media screen and (max-width:320px) {
	.header > div:nth-child(1) {
		display:none
	}
}

.content {
	padding: 1em;
	background-color: #666666;
}

.content > div {
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	background-color: #000000;
}

.content a:link {
	color: #FFFFFF;
}

.content a:visited {
	color: #FFFFFF;
}

.content a:active {
	color: #FFFFFF;
}

.content a:hover {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.footer {
	display: grid;
	grid-template-columns: auto auto;
	background-color: #CCCCCC;
}

.footer > div:nth-child(2) {
	text-align: right;
}

.subtitle {
	font-family: "Arial Rounded MT Bold";
	font-size: 18px;
	font-weight: bolder;
	color: #B7332C;
}

.callout {
	font-weight: bold;
	color: #FFFFFF;
}