/** Slim tablet and below... */
@media(max-width: 800px) {

	header nav a,
	header nav a:link,
	header nav a:visited {
		width: 100%;
		height: 28vh;
		display: none;
	}

	header nav a span.title,
	header nav a span.image {
		float: left;
		width: 50%;
		height: 28vh;
		border: 0px;
	}

	header nav a.even span.title,
	header nav a.even span.image {
		float: right;
	}

	header nav a span.title {
		width: 50%;
		padding: 0px;
		font-size: 2em;
		position: relative;
	}

	header nav a span.title span {
		position: absolute;
		top: 40%;
		left: 2%;
		right: 2%;
		text-align: center;
	}

	#coa h1,
	#coa p {
		width: 100%;
	}

	#coa h1 {
		padding: 20px 40px;
		text-align: center;
		font-size: 2.5em;
	}

	#coa p {
		padding: 0px 40px 40px 40px;
		font-size: 1.4em;
	}

	#featureditems div {
		width: 100%;
	}

	#featureditems a span {
		font-size: 1.6em;
		padding: 30px;
	}

	main {
		padding: 30px 70px;
	}

	#latestnews .inner a {
		width: 50%;
	}

	#latestnews h2 {
		margin-top: 45px;
		font-size: 2.2em;
	}

	#calendar-inner a {
		width: 100%;
	}

	#footerlocation {
		width: 40%;
	}

	#footercontact {
		width: 60%;
	}

	#footerfb,
	#footerethos {
		display: none;
	}

	.newsnext,
	.newsprevious {
		display: none;
	}

	#copy {
		text-align: center;
	}

	header nav.mobilemenu {
		background-color: rgb(179, 0, 207);
	}

	header nav.mobilemenu a,
	header nav.mobilemenu a:link,
	header nav.mobilemenu a:visited {
		height: auto;
		float: none;
		display: block;
		background-color: transparent;
		color: #ffffff;
	}

	header nav.mobilemenu a span.image,
	header nav.mobilemenu a span.title {
		float: none;
		width: 100%;
		display: block;
		height: auto;
		text-align: left;
		font-size: 1.2em;
		padding: 8px;
	}

	header nav.mobilemenu a:first-of-type span.title {
		padding-top: 20px;
	}

	header nav.mobilemenu a:last-of-type span.title {
		padding-bottom: 20px;
	}

	header nav.mobilemenu a span.title span {
		position: relative;
		top: none;
		left: none;
		right: none;
		bottom: none;
		text-align: left;
		font-size: 1.2em;
	}

	header nav.mobilemenu a span.image {
		display: none;
	}

	header .megamenu {
		display: none;
	}

	header nav.mobilemenu .megamenu.open {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		display: block;
	}

	header nav.mobilemenu .megamenu .featured {
		display: none;
	}

	header nav.mobilemenu .megamenu .innermenu {
		width: 100%;
	}

	header nav.mobilemenu .children a span.childarrow {
		right: 30%;
	}

	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	#mobilemenu {
		display: inline-block;
	}

	#logo img {
		height: 40px;
		margin-left: 15px;
	}

	header .social-container .telephone,
	header .social-container .telephone:link,
	header .social-container .telephone:visited {
		display: none;
	}

	#newsletterbutton {
		display: none;
	}

	#newslisting a.pure-u-1-3 {
		width: 50%;
	}

	#carousel a,
	#carousel a:link,
	#carousel a:visited {
		width: 50% !important;
		height: 50vw !important;
	}

	#carousel a:last-of-type {
		width: 100% !important;
	}

	#carousel a:last-of-type span.image {
		background-position: top center;
	}

	#carousel a span.hovertitle {
		display: block !important;
		top: 60%;
		bottom: 0px;
		padding: 6% !important;
		font-size: 0.9em;
	}

	#carousel a span.hovertitle span {
		right: 0px !important;
	}

	#carousel {
		height: auto;
		min-height: none;
		max-height: none;
	}
}

/** Large phones */
@media(max-width: 750px) {
	.pipe {
		display: none;
	}

	header .top a img {
		width: 25px;
		height: 25px;
	}

	#logo img,
	#mobilemenu img {
		height: 25px !important;
	}

	header .top {
		height: 60px;
	}

	#searchpanel,
	#contactpanel,
	#newsletterpanel {
		top: 60px;
	}

	#carousel a span.hovertitle {
		font-size: 0.7em;
	}

	#latestnews h2 {
		font-size: 1.1em;
	}

	#newspaginator a,
	#newspaginator a:link,
	#newspaginator a:visited {
		font-size: 1.1em;
	}

	#calendar-table thead {
		display: none;
	}

	main {
		padding: 25px;
	}

	#calendar-heading h1 {
		font-size: 0.8em;
	}

	.calpage,
	.calpage:link,
	.calpage:visited {
		padding: 5px 8px;
		border: 3px solid rgb(179, 0, 207);
		text-align: center;
		color: rgb(221, 241, 0);
		text-decoration: none;
		font-size: 0.8em;
	}

	#pageheader {
		height: auto;
	}

	#pageheader img {
		display: none;
	}

	#pageheader h1 {
		font-size: 1.5em;
		line-height: 1em;
	}

	#calendar-popover.open {
		top: 0px !important;
		left: 0px !important;
		right: 0px !important;
		bottom: 0px !important;
	}
}

/** Small phones */
@media(max-width: 480px) {
	#latestnews .inner a {
		width: 100%;
	}

	.social-container a img,
	.social-container .pipe img {
		height: 32px;
	}

	#mobilemenu img {
		height: 32px;
	}

	#logo img {
		height: 32px;
	}

	#newslisting a.pure-u-1 {
		width: 50%;
	}

	.pipe {
		display: none;
	}
}

/** Larger than slim tablet... */
@media(min-width: 801px) {
	header nav a.hover {
		width: calc((100% / 24) * 8) !important;
	}

	header nav a:hover span.hovertitle {
		display: block;
	}

	header nav a:hover,
	header nav a:hover span.title,
	header nav a.open,
	header nav a.open span.title {
		background-color: rgb(179, 0, 207);
		color: #ffffff;
	}

	#mobilemenu {
		display: none;
	}

	body.smallmenu header nav a span.image,
	body.smallmenu header nav a span.hovertitle {
		display: none !important;
	}

	body.smallmenu header nav.a-menu-is-open a span.image,
	body.smallmenu header nav.a-menu-is-open a span.hovertitle {
		display: block !important;
	}
}