@font-face {
	font-family: 'Caslon Antique';
	src: url('fonts/CaslonAntique.eot');
	src: url('fonts/CaslonAntique.eot?#iefix') format('embedded-opentype')
	,	url('fonts/CaslonAntique.woff2') format('woff2')
	,	url('fonts/CaslonAntique.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Caslon Antique';
	src: url('fonts/CaslonAntique-Bold.eot');
	src: url('fonts/CaslonAntique-Bold.eot?#iefix') format('embedded-opentype')
	,	url('fonts/CaslonAntique-Bold.woff2') format('woff2')
	,	url('fonts/CaslonAntique-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Caslon Antique';
	src: url('fonts/CaslonAntique-BoldItalic.eot');
	src: url('fonts/CaslonAntique-BoldItalic.eot?#iefix') format('embedded-opentype')
	,	url('fonts/CaslonAntique-BoldItalic.woff2') format('woff2')
	,	url('fonts/CaslonAntique-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Caslon Antique';
	src: url('fonts/CaslonAntique-Italic.eot');
	src: url('fonts/CaslonAntique-Italic.eot?#iefix') format('embedded-opentype')
	,	url('fonts/CaslonAntique-Italic.woff2') format('woff2')
	,	url('fonts/CaslonAntique-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

hr {
	border: 1px solid black;
}

body, textarea, select, a {
	background-color: beige;
	background-color: rgba(245,245,220,.5);
	font-family: 'Caslon Antique', Times New Roman, Times, serif;
}

textarea, select, a {
	opacity: .75;
	border: none;
	border-radius: 10px;
	box-shadow: 3px 3px 20px rgba(0,0,0,.4);
	transition: .2s;
}

textarea:hover, select:hover, a:hover {
	background-color: rgba(255,255,245,.6);
	box-shadow: 4px 4px 10px rgba(0,0,0,.3);
}

textarea {
	display: block;
	width: 96%;
	margin: 0 auto 1vmax auto;
}

main {
	display: block;
	min-width: 640px;
	width: 50%;
	margin: 0 auto 0 auto;
}

#logo {
	float: right;
	font-style: italic;
	font-size: 15vmax;
	margin: 0 8% 0 8%;
}

header > h1, header > h2 {
	margin: 0 auto 0 auto;
}

header > h2 {
	margin-left: 20%;
}

#form ul {
	list-style-type: none;
	padding: 0;
}

#form ul li {
	display: inline-block;
}

a {
	color: inherit;
	padding: 0 3px 0 3px;
	text-decoration: none;
	white-space: nowrap;
}

/*aside {
	border: .2vmax solid black;
}

.toplink {
	text-decoration: none;
}*/

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.centerimg {
	display: block;
	margin: 0 auto 0 auto;
	min-width: 75%;
	max-width: 90%;
}
	
.big {
	font-size: 7vmax;
}

blockquote {
	display: block;
	margin: 0 auto 0 auto;
	width: 80%;
	position: relative;
	font-size: 1.5vmax;
}

blockquote ol {
	padding: 0;
}

blockquote:before {
	content: '“';
	font-size: 8vmax;
	position: absolute;
	top: -2vmax;
	left: -6vmax;
}

blockquote:after {
	content: '”';
	font-size: 8vmax;
	position: absolute;
	bottom: -6vmax;
	right: -2vmax;
}

@media screen {
	body {
		color: black;
	}
}

@media screen and (min-width: 801px) {
	body {
		background-image: radial-gradient(ellipse at center, rgba(0,0,0,0) 60%, rgba(0,0,0,1)), url('bg__.jpg');
	}
	
	body, select {
		font-size: 1.75vmax;
	}

	header > h1 {
		font-size: 4vmax;
	}

	textarea {
		font-size: 2vmax;
	}
}

@media screen and (max-width: 800px) {
	body {
		background-image: radial-gradient(circle at center, rgba(0,0,0,0) 95%, rgba(0,0,0,.5)), url('bg__.jpg');
		font-size: 3.25vmax;
	}

	select, #form ul li, #form ul li a {
		display: block;
		margin: 1vmax auto 1vmax auto;
		width: 98%;
		text-align: center;
		text-align-last: center;
	}

	select {
		width: 99%;
	}

	textarea, select, header > p {
		font-size: 3.25vmax;
	}

	main {
		width: 100%;
		max-width: 750px;
		min-width: auto;
	}
	
	.big {
		font-size: 10vmax;
	}

	blockquote {
		font-size: 3vmax;
	}

	.centerimg {
		min-width: 50%;
	}
}