@font-face {
    font-family: Caslon;
    src: url(OPTICaslon-Antique.otf);
}

body {
	background-image: url("antiquepaper.jpg");
}

html {
	margin: 0;
	padding: 0;
}
#wrap {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	/* background-color: #273746; */
	background-color: #2b2621;
	padding: 10px;
}

.putcenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}

.centercol{
	margin: 0 auto;
	width: 55%;
 }

nav {
	background-color: #FCF3CF;
	padding: 3px;
	width: 100%;

}

nav ul{
	margin: 0;
}

nav a{
	color: black;
	text-decoration: none;
}

nav li{
	display: inline;
	font-size: 40px;
	color: white;
	padding: 20px;
	font-family: Caslon;
}

nav li a:hover{
	color: #808B96;
}
section{
	overflow: auto;
}

h1{
text-align: center;
font-size: 70px;
color: white;
font-family: Caslon;
}

h2{
text-align: center;
font-size: 35px;
color: white;
font-family: Caslon;
}

.text {
	font-size: 150%;
	color: white;
	font-family: Caslon;

}

.text-right {
	font-size: 150%;
	color: white;
	text-align: right;
	font-family: Caslon;
}

.text-left {
	font-size: 150%;
	color: white;
	text-align: left;
	font-family: Caslon;
}

.text-center {
	font-size: 150%
	color: white;
	text-align: center;
	font-family: Caslon;
}
.alive{
	height: 150px;
	border: 4px solid white;
	padding: 20px;
	margin: 10px;
	float: left;
}
.farmers{
	height: 150px;
	border: 4px solid white;
	padding: 20px;
	margin: 10px;
	float: left;
}
.symphony{
	height: 150px;
	border: 4px solid white;
	padding: 20px;
	margin: 10px;
	float: left;
}
.fair{
	height: 150px;
	border: 4px solid white;
	padding: 20px;
	margin: 10px;
	float: left;
}


.section2{
	height: 600px;
}

.section1{
  height: 200px;
}
	figure.alive {
		background-color: black;
		width: 305px;
		border: 1px solid white;
		padding: 10px;
		float: right;

	}

	figure.farmers{
		background-color: black;
		width: 305px;
		border: 1px solid white;
		padding: 10px;
		float: right;
	}


		figure.kettle{
			background-color: black;
			width: 400px;
			border: 1px solid white;
			padding: 10px;
			float: right;
		}

	.parents{
		height: 300px;
		border: 4px solid white;
		padding: 10px;
		margin: 10px;
		margin-top: 10px;
		float: left;
	}

	#rightcolumn {
			float: right;
			width:30%;
			height: 460px;
		}

footer{
	background-color: #FCF3CF;
	padding: 3px;
	width: 100%;

}