html,
*
{
	padding: 0;
	margin: 0;
}

body
{
	background: #eee;

	font-family: 'Special Elite', cursive;
}

h2
{
	padding-bottom: 10px;
}

h3
{
	padding-bottom: 5px;
}

a,
a:visited
{
	color: #fff;
}

.logo-bar-container
{
	font-family: 'Bentham', serif;
	padding: 20px 0;
	width: 100%;
	text-transform: uppercase;
	color: #ccc;
}

.logo-text
{
	display: none;
	font-weight: normal;
}

.logo-bar
{
	background: #000;
	height: 90px;
	text-align: center;							
	width: 100%;			
	-webkit-box-shadow: 0 5px 10px 0 #000;
	box-shadow: 0 5px 10px 0 #000;
}

.logo-bar img
{
	height: 150px;
	margin-top: -20px;
}

.content
{
	display: inline-block;
	padding: 20px 5%;
	width: 90%;
}

.front-navigation
{
	width: 100%;
}

.front-navigation--items
{
	list-style: none;
	padding: 0;
	margin: 0 -5px;
	width: 100%;
	display: block;
	text-align: center;
}

.front-navigation--item
{
	display: inline-block;
	padding: 5px;
	width: 100%;
	vertical-align: top;
}

.front-navigation--item-state
{
	display: none;
}

.front-naviation--item-link
{
	cursor: pointer;
	display: block;
	background: #000;
	color: #fff;
	margin: 0;
	padding: 10px 5px;

	-webkit-box-shadow: 0 5px 10px 0 #000;
	box-shadow: 0 5px 10px 0 #000;
}

.front-navigation--item-contents
{
	overflow: hidden;
	max-height: 0;
	width: 100%;
	background: #000;
	color: #fff;

	-webkit-transition: linear max-height 200ms;
	-moz-transition: linear max-height 200ms;
	transition: linear max-height 200ms;

	-webkit-box-shadow: 0 5px 10px 0 #000;
	box-shadow: 0 5px 10px 0 #000;
}

.front-navigation--item-state:checked ~ .front-navigation--item-contents
{
	max-height: 800px;
}


.front-navigation--images
{
	display: none;
	list-style: none;
	padding: 0;
	margin: 0 -5px;
	width: 100%;
	text-align: center;
}

.front-navigation--image
{
	display: inline-block;
	width: 32%;
	vertical-align: top;
}

.front-navigation--image img
{
	width: 100%;
}

.content-header
{
	padding: 15px;
}

.content-footer
{
	padding: 5px;
}

.content-body
{
	padding: 10px 10px 0;
}

.content-header p
{
	padding-bottom: 1rem;
}

.footer
{
	text-align: center;
	width: 100%;
}

.social-text
{
	display: none;
}

.footer-icons
{
	display: inline-block;
	padding: 10px;
}

.footer-icons,
.footer-icons a,
.footer-icons a:visited
{
	color: #000;
	text-decoration: none;
	font-size: 1.1em;
}