header {
	text-align:center;
	padding: 1%;
	font-weight:bold;
}
h2 {font-size: 200%;
	font-weight:bold;}
h3 {font-size: 125%;}
nav {margin:-1%;
padding-left:1%;
padding-right: 1%;}
#nav_menu ul {
	display: flex;
	flex-basis: 100%;
	justify-content: space-around;
	background-color: #4a9900;
	
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#nav_menu a{
			color: #FFFFFF;
			text-decoration: none;}

#nav_menu ul li {flex-basis: 20%;
border: 3px solid #4a8800;}
header{background-color:#4a9900;
		color:#FFFFFF;
		margin-bottom:0;}
#nav_menu{margin-top:0;}
/*h3{margin-bottom:0;}*/
body{background-color: #ebffe6;}

#nav_menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;}


#index_img {}
				
#structure_img {border-style: solid;
				border-color:#4a8800;
				border-width: 3px;}
				
#carbon_based {border-style: solid;
				border-color:#4a8800;
				border-width: 3px;}

#reactions_img {border-style: solid;
				border-color:#4a8800;
				border-width: 3px;}
				
#reaction_table {border-color:#4a8800;
				border: 5px;
				border-style: solid;
				text-align: center;
				/*position: center;*/
				margin: auto;}
#reaction_table th, td, tr {border-color:#4a8800;
				border: 2px;
				border-style: solid;}
				

main {
	display: flex;
	padding-left: 1%;}

article {flex-basis: 150%;
		margin: 1.50em 2.52525% 0 2.0202%;
		color:#4a8800;
		text-align: center;}

aside {font-weight: bold;
		flex-basis: 35%;
		padding: 5.5%;
		padding-right: 2%;
		padding-left: 2%;
		padding-bottom: 1%;
		max-width: 200px;
		min-height: 180px;
		background-color: #4a9900;
		color: #FFFFFF;
		margin:1.5em 2.0202% 0 0;
		font-size: 125%;
		text-align: center;
		border: 3px solid #4a8800;}
		
article img {max-width: 100%;
			margin-bottom: 1em;
			text-align:center;}
			
footer {background-color: #4a8800;
		color:#FFFFFF;
		padding-bottom:0.0005em;
		padding-top:0.0005em;
		text-align: center;}

footer a {color:#FFFFFF;}