h1  {
	font-family: 'Bungee Shade';
}
h2 {
	font-family: 'Bungee';
	background-color: white;
	margin-left: -20px;
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}
body {
	background-color: aliceblue;
	background-image: url(oilfade_2000x3556.jpg);
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #3F3056;
}
#container {
	margin: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: hsla(0,0%,100%,0.70);
	height: 100%;
}


header {
	margin-bottom: 50px;
	padding: 20px;
	text-align: center;
	font-size: 24px;
	background-color: white;
	width: 100%;
	margin-left: -20px;
	display: compact;
	color: #3F3056;
}
footer {
	margin-top: 200px;
	text-align: center;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: hsla(0,0%,100%,0.55);
}
footer p:nth-child(3) {
	font-size: 8pt;
	color: aliceblue;
}
body a  {
	text-decoration: none;
	color: #7B63CC;
	border-bottom: 1px dotted #7B63CC;
}
ol li {
	padding-bottom: 10px;
}

a:hover {
	background-color: #B0E1A7;
}

/******** Media Queries *********/
@media only screen and (min-width: 400px) {
	#container {max-width: 650px;}
}

@media only screen and (min-width: 650px){
	#container {max-width: 960px;}
	.flex {
	display: flex;
	justify-content: space-between;
	}
}