body{
	width:90%;
	margin:0 auto;
	background-color:#f4f1ea;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

/* Styling for header */
header{
	background-color:#2e5c4f;
	padding:10px 20px;
	margin-top:10px;
	border-radius:8px;
}
#title{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-shadow:2px 2.5px 1px #333333;
	color:#f4f1ea;
	text-align:center;
	font-size:2.5em;
}
nav ul {
	display: flex;
	justify-content:center;
	flex-wrap:wrap;
	padding:0;
}
nav li {
	align-items: center;
	list-style:none;
	margin:1em;
}
nav a:link{
	color:#f4f1ea;
	text-decoration:none;
	padding:6px 10px;
}
nav a:visited{
	color:#d8c9a3;
}
nav a:hover{
	background-color:#e07a3f;
	color:#ffffff;
	border-radius:5px;
}
nav a:focus{
	outline:2px dashed #e07a3f;
}
nav a:active{
	background-color:#b85a24;
	color:#ffffff;
}

/*Styling for main section with 3 columns */
#main{
	display: flex;
	flex-direction:row;
	width:100%;
	background-color:#ffffff;
	margin-top:20px;
	margin-bottom:20px;
	border-radius:8px;
}
.column1 {
	flex:1;
	padding:5px;
	order:3;
}
.column2 {
	flex:2;
	border-right:1px solid #5D5D5D;
	padding:5px;
	order:2;
}
.column3 {
	flex:1;
	border-right:1px solid #5D5D5D;
	padding:5px;
	order:1;
}
#main div{
	padding:10px 15px;
}
#main img{
	max-width:100%;
	height:auto;
	border-radius:5px;
}
#main p{
	line-height:1.5;
}
h2{
	text-align:center;
	text-decoration:underline;
	font-family:'Oswald', sans-serif;
	color:#2e5c4f;
}
footer{
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	background-color:#2e5c4f;
	color:#f4f1ea;
	padding:15px 20px;
	margin-bottom:10px;
	border-radius:8px;
}
footer p{
	margin:5px 0;
}
footer a{
	color:#f4f1ea;
}
.social img{
	width:35px;
	height:35px;
	margin-left:10px;
	background-color:#ffffff;
	border-radius:5px;
	padding:3px;
}

@media screen and (max-width:1000px){
	body{
		width:100%;
	}
}

@media screen and (max-width:700px){
	#main{
		flex-direction:column;
	}
	#main div{
		border:none;
		padding:0;
	}
	.column1, .column2, .column3{
		border:none;
		padding:0;
	}
}