@charset "utf-8";
body {
	font: 14px Arial;
	background: #CCC;
	background-position: 0px 98px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
h1 {
	font-size: 28px;
	font-weight: 800;
	font-variant: small-caps;
	line-height: 1px;
	text-shadow:2px 2px #CCC;
}
h2 {
	font-size: 14px;
	font-weight: bold;
}
main {
	min-height: 900px;
	min-height: 100vh !important;
}
nav, .nav {
	margin: 50px 25px 50px 10px;
}
nav details > summary {
	display: none;
	list-style: none;
	text-align: right;
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
}
nav a, .nav a {
	text-align: center;
	padding: 3px;
	color: #000;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	background: #FFF;
	box-shadow: 2px 2px 2px #333;
}
nav a:last-child, article section:last-child, .nav a:last-child, .article .section:last-child {
	margin-bottom: 0px;
}
nav a:hover, nav a:focus, nav a:active, .nav a:hover, .nav a:focus, .nav a:active {
	transition: all linear 0.3s;
	background: #FF0;
	box-shadow: 2px 2px 2px #333 inset;
}
aside, .aside {
	margin: 50px 10px 50px 40px;
}
aside section, .aside .section {
	box-shadow: 5px 5px 5px #333;
}
article, .article {
	margin: 50px 10px 50px 25px;
}
article section, .article .section {
	padding: 2px 5px;
	margin-bottom: 20px;
	box-shadow: 5px 5px 5px #333;
}
article section:first-child, .article .section:first-child {
	margin-bottom: 30px;
}
section, .section {
	background: #FFF;
}
aside section, .aside .section {
	padding: 1px;
	margin-bottom: 2px;
	box-shadow: 2px 2px 2px #333;
	font-size: 12px;
}
section a:hover:after, section a:focus:after, .section a:hover:after, .section a:focus:after {
	content:" »";
}
header, .header {
	background-color: #FFF;
	box-shadow: 0px 5px 5px #333;
}
.logo {
	position: absolute;
	right: 10px;
	height: 98px;
	background-color: #FFF;
}
footer, .footer {
	padding: 1px 5px;
	background: #FFF;
	text-align: center;
	font-size: 12px;
	color: #666;
	box-shadow: 0px -5px 5px #333;
}
a img, iframe {
	border: none;
}
li {
	list-style-type: square;
}
.center {
	text-align: center;
}
.contact {
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.map {
	height: 500px;
	width: 100%;
}
address {
	font-style: normal;
}
section img, section video {
	max-width: 100%;
}
@media print {
	body {
		font-size: 80%;
		background-image: none !important;
	}
}