/* body */
body {
	background-color: white;
	font-family: Verdana, Arial, sans-serif;
	color: #222;
}

/* header */
header {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#title{
	color:black;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-shadow:2px 2.5px 1px #cccccc;
}
nav {
	background-color: #1c4a2a;
}
nav ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 10px;
}
nav li {
	align-items: center;
	list-style:none;
	margin:1em;
}

/* nav links */
nav a:link {
	color: white;
	text-decoration: none;
}
nav a:visited {
	color: #cfe5b0;
}
nav a:hover {
	color: #a6d84a;
	text-decoration: underline;
}
nav a:focus {
	background-color: #a6d84a;
	color: #1c4a2a;
}
nav a:active {
	color: yellow;
}

/* 3 columns */
#main{
	display: flex;
	flex-direction:row;
	width:90%;
	margin: 20px auto;
	background-color: white;
	align-items:center;
}
.column1 {
	flex:1;
	order:3;
	padding:5px;
	align-items:center;
}
.column2 {
	flex:2;
	order:2;
	border-right:1px solid #5D5D5D;
	padding:5px;
	align-items:center;
}
.column3 {
	flex:1;
	order:1;
	border-right:1px solid #5D5D5D;
	padding:5px;
	align-items:center;
}
#main img {
	max-width:100%;
	height:auto;
	align-items:center;
}
h2{
	font-family:"Barlow Condensed", sans-serif;
	color:#2f7d3f;
	text-align:center;
	text-decoration:underline;
}

/* Footer */
footer{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width:90%;
	margin: 0 auto 20px auto;
	padding: 15px;
	background-color: #222;
	color: white;
}
footer img {
	margin-right: 10px;
}

/* Less than 1000px */
@media (max-width: 999px) {
	header, #main, footer {
		width:100%;
	}
}

/* Less than 700px */
@media (max-width: 699px) {
	#main {
		flex-direction: column;
	}
	.column1, .column2, .column3 {
		border: none;
		padding: 0;
	}
}