.flex-container {
 		display: flex;
 		flex-direction: row;
 		flex-wrap: wrap;
 		background-color: #000000;
	}
	.flex-container > div {
 		background-color: #000000;
 		width: 23.5%;
		margin: 5px;
 		border: 2px solid #ffff66;
		text-align: center;
		line-height: 75px;
 		font-size: 30px;
	}
	a.top:link, a.top:visited, a.top:hover, a.top:active {
		color: #ffff66;
		text-decoration: none;
	}
	header {
		font-size:50px;
		background-color:#000000;
		color:#ffff66;
	}
	body {
		background-color:#000000;
		color:#ffff66;
	}



	img {
  		float: right;
		clear: right;
		max-width:30%;
		max-height: 1000px;
	}
	p {
		max-width:50%;
	}





	.local-nav {
 		display: flex;
 		flex-direction: row;
 		flex-wrap: wrap;
 		background-color: #4E5b31;
	}
	.local-nav > div {
 		background-color: #4E5b31;
 		width: 23.5%;
		margin: 5px;
 		border: 2px solid #ccbb99;
		text-align: center;
		line-height: 75px;
 		font-size: 30px;
	}
	section {
		background-color: #4E5b31;
	}
	article {
		background-color: #4E5b31;
 		color: #ccbb99;
 		border: 2px solid #ccbb99;
 		margin: 20px;
 		padding: 20px;
		overflow: auto;
	}
	a:link, a:visited, a:hover, a:active {
		color: #ccbb99;
	}