body {
    margin: 0 auto;
    max-width: 80em;
	background-color: #000000;
	display: flex;
	flex-flow: row wrap;
}

footer {
	background-color: #000000;
	color: #860001;
}

header {
	background: #000000;
	display: grid;
	max-width: 80em;

}

p {
	padding: 0.5em;
}

article {
	padding: 0.5em;
}

main{
	color: #B9B9B9;
	background-color: #190000;
	font-size: 2em;
	font-family: Calibri;
}	


h1 {
	margin: 0.5em;
	color: #FFFFFF;
	font-family: arial; text-decoration: none; font-style: italic; font-weight: bold;
}

h2 {
	margin: 0.5em;
	color: #999999;
	font-family: arial; text-decoration: none; font-style: normal; font-weight: bold;
}

h3 {
	margin: 0.5em;
	color: #BBBBBB;
	font-family: arial; text-decoration: none; font-style: normal; font-weight: bold;
}

h4 {
	margin: 0.5em;
	color: #FFFFFF;
	font-family: Calibri; text-decoration: none; font-style: normal; font-weight: bold;
	font-size: 1.2em;
}


A:link     	{font-family: arial; font-size: 1em; text-decoration: none; color: #666666; font-style: normal; font-weight: bold}
A:active   	{font-family: arial; font-size: 1em; text-decoration: none; color: #DDDDDD; font-style: normal; font-weigth: bold}
A:visited  	{font-family: arial; font-size: 1em; text-decoration: none; color: #666666; font-style: normal; font-weight: bold}
A:hover    	{font-family: arial; font-size: 1em; text-decoration: none; color: #FFFFFF; font-style: normal; font-weight: bold}
A:active	{font-family: arial; font-size: 1em; text-decoration: none; color: #666666; font-style: normal; font-weight: bold}

A.pm:link     		{font-family: "Courier New", Courier, monospace; font-size: 0.8em; text-decoration: none; color: #BBBBBB; font-style: normal; font-weight: normal}
A.pm:visited  	{font-family: "Courier New", Courier, monospace; font-size: 0.8em; text-decoration: none; color: #BBBBBB; font-style: normal; font-weight: normal}
A.pm:active   	{font-family: "Courier New", Courier, monospace; font-size: 0.8em; text-decoration: none; color: #BBBBBB; font-style: normal; font-weigth: normal}
A.pm:hover    	{font-family: "Courier New", Courier, monospace; font-size: 0.8em; text-decoration: none; color: #FFFFFF; font-style: normal; font-weight: normal}
A.pm:active		{font-family: "Courier New", Courier, monospace; font-size: 0.8em; text-decoration: none; color: #FFFFFF; font-style: normal; font-weight: normal}

nav ul {
	margin: 0.5em;
	display: flex;
	flex-direction: column;
}

nav li {
	list-style: none;
	margin: 0.5em;
	font-size: 1em;
	flex-direction: column;
}

@media (min-width: 45em) {
	nav ul {
		flex-direction: row;
	}
	nav li {
		flex-direction: row;
		flex: 1;
		font-size: 1em;
	}
	header {
		width: 60em;
	}
	footer {
		width: 60em;
	}
	main{
	font-size: 1.2em;
	}
	
}