@import url('normalize.css');
@font-face{
	font-family: 'ralewayregular';
	src: url('../webfont/raleway-regular-webfont.eot');
	src: url('../webfont/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../webfont/raleway-regular-webfont.woff2') format('woff2'),
	url('../webfont/raleway-regular-webfont.woff') format('woff'),
	url('../webfont/raleway-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*{
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	box-sizing: border-box;
}
html{
	font-size: 16px;
}
body, html{
	min-height: 100%;
	height: 100%;
}
body{
	background-color: #dadada;
	font-family: 'ralewayregular', sans-serif !important;
	background-color: #262626;
}
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix{
	zoom: 1;
}
*:first-child+html .clearfix{
	zoom: 1;
}
a{
	color: #3A9CC9;
}
a:hover{
	color: #2357bf;
}




/*=======================================

Header

=======================================*/
.header{
	width: 100%;
	background-color: transparent;
	margin: 0 auto;
	display: table;
	z-index: -20;
}
.header ul{
	position: relative;
	width: 100%;
	list-style: none;
	display: table-row;
}
.header ul li{
	position: relative;
	display: table-cell;
	width: auto;
	height: auto;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}
.header ul li > div{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.header ul li > div > div{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 5px;
}
.header ul li > div > div > div{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
}
.img, .image{
	display: block;
	width: 100%;
}
.header ul li:nth-child(n+2){
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
}
.header ul li:first-child{
	cursor: pointer;
}
.menu-wrapper{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	display: block;
	overflow-y: scroll;
}
.menu-container{
	position: absolute;
	height: 100%;
	max-width: 0px;
	right: 0;
	display: table;
	z-index: 2;
}
.blackout{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.blackout div{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .5);
	display: none;
}



/*=======================================

Nav

=======================================*/
ul.mobile *{
	font-family: 'ralewayregular', sans-serif;
}
ul.mobile{
	position: absolute;
	list-style: none;
	right: 0;
	background-color: #262626;
	height: 100%;
	display: table;
	width: 400px;
	padding-top: 70px;
	right: -420px;
	font-weight: 200;
}
ul.mobile ul{
	border-top: 1px solid #808080;
	list-style: none;
	display: none;
	z-index: -1;
}
ul.mobile li{
	border-bottom: 1px solid #808080;
}
ul.mobile li:hover{
	background-color: #808080;
}
ul.mobile li a{
	position: relative;
}
ul.mobile li:hover ul{
	background-color: #3d3d3d;
}
ul.mobile li a, ul.mobile li > span{
	color: #fff;
	padding: 20px 20px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
ul.mobile li a span{
	color: #fff;
}
ul.mobile > li > ul li{
	padding-left: 30px;
}
ul.mobile > li > ul li ul{
	margin-left: -30px;
}
ul.mobile > li > ul li ul li{
	margin-left: 0px;
	padding-left: 60px;
}
ul.mobile .down-arrow > span{
	position: relative;
	display: inline-block;
	width: 20px;
	left: 20px;
	top: -12px;
}
ul.mobile .down-arrow > span span{
	position: absolute;
	font-size: 10px;
	width: 100%;
	text-align: center;
	transform-origin: center;
	transform: rotate(0deg);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.unused{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.burger{
	position: absolute;
	background-color: #262626;
	width: 70px;
	height: 70px;
	right: 0;
	top: 0;
	z-index: 999;
	cursor: pointer;
	overflow: hidden;
	display: block;
}
.burger span{
	position: absolute;
	margin: 0 auto;
	background-color: #ffffff;
	width: 50px;
	height: 6px;
	display: block;
	top: 32px;
	right: 10px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	opacity: 1;
}
.burger span:first-child{
	position: absolute;
	background-color: #ffffff;
	top: 14px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.burger span:last-child{
	position: absolute;
	background-color: #ffffff;
	top:50px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.active span:first-child{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 32px;
}
.active{
	background-position: bottom !important;
}
.active span:nth-child(2){
	right: -60px;
	opacity: 0;
}
.active span:last-child{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 32px;
}
.openclose{
	right: 0px !important;
}
.arrowspin{
	transition: .5s;
	-webkit-transform: rotate(180deg)!important;
	-moz-transform: rotate(180deg)!important;
	-o-transform: rotate(180deg)!important;
	transform: rotate(180deg)!important;
}
.IE8 .burger{
	background-image: url('../img/IEburger.png');
	background-position: top;
}
.IE8 .burger span{
	display: none;
}
.IE8 ul.horizontal{
	left: 0 !important;
	margin: 0 auto !important;
}
.animated{
	margin-top: 0px;
	opacity: 1;
}
.nav{
	position: absolute;
	width: 0;
	right: 0;
	height: 100%;
	display: block;
	background-color: #262626;
}











/*=======================================

General page styles

=======================================*/
a[|href$=".pdf"]{
	position: relative;
	margin-left: 50px;
}
a[|href$=".pdf"]:after{
	content: url(../img/master/pdf-icon.svg);
	position: absolute;
	left: -50px;
	width: 55px;
	height: 35px;
	z-index: 999;
	display: block;
	top: -6px;
}
a[|href$=".pdf"]:hover{
	text-decoration: underline;
}
.site_wrapper{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
	overflow-x: hidden;
}
.page{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	z-index: -100;
	display: block;
	left: 0;
	top: 0;
	background-color: #fff;
	padding: 0 10px 50px 10px;
	font-family: 'Raleway', sans-serif !important;
}
.page-inner{
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	z-index: : -1;
	text-transform: unset;
}
.page-content{
	position: relative;
	width: 100%;
	padding: 0 5px;
	cursor: default;
	color: #41464f;
}
.page-content > h1{
	position: relative;
	background-color: #c6c6c6;
	width: 100%;
	padding: 20px;
	color: #808080;
	white-space: wrap;
	margin: 5px 0 10px 0;
	z-index: -1;
	font-weight: 600 !important;
	font-size: 2em;
	display: block;
}
.page-content h3{
	position: relative;
	background-color: #f8f8f8;
	display: table;
	position: relative;
	height: 50px;
	line-height: 50px;
	width: 100%;
	padding-left: 20px;
	margin-bottom: 30px;
	color: #808080;
	white-space: wrap;
}
.page-content b{
	font-family: 'Raleway', sans-serif !important;
}
.page-content p{
	line-height: 30px;
	margin-bottom: 20px;
}
.page-content p:nth-child(odd){
	background-color: #fff;
	padding: 20px;
}
.page-content p:nth-child(even){
	background-color: #fafafa;
	padding: 20px;
}
.back-to-top{
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 0;
}
.noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a, a img{
	outline: 0;
	outline: none;
	outline-style: none;
	border: 0;
	border: none;
	border: 0;
	height: auto;
	outline: none;
	text-decoration: none;
}
span{
	display: inline-block;
}
p, ul{
	text-align: left;
	font-family: 'ralewayregular', sans-serif;
}
.slideshow{
	position: relative;
	border-left: 5px solid #fff !important;
	border-right: 5px solid #fff !important;
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	border: 4px solid #fff;
	box-sizing: border-box;
	background-image: url(../img/master/spinner.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	display: block;
}
.stripes{
	position: relative float: right;
}
.slideshow:hover{
	z-index: 99999;
}
.box-option{
	opacity: 1;
	transition: 1s;
	cursor: pointer;
	background-color: #c4c4c4;
	z-index: 1;
	background-color: #fff;
}
.camera_pie{
	display: none;
}
.div-table{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	display: table;
}
.info-section{
	position: relative;
	width: 100%;
	font-size: 13px;
	background-color: #fff;
	z-index: -1;
	padding: 0 5px;
}
.info-section-body{
	position: relative;
	background-color: #fafafa;
	padding: 20px;
	display: table-cell;
	top: 0px;
	vertical-align: top;
	text-align: left;
}
.camera_caption div{
	text-align: left;
	font-size: 12px;
}
ul.camera_pag_ul li{
	right: 20px;
}
ul.camera_pag_ul:after{
	content: " ";
	width: 110%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	transform: translateX(-30px);
}
.tables-container{
	display: table;
	width: 100%;
	background-color: #f3f3f3;
}
.tables-container-row{
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
}
.tables-container h1{
	margin-bottom: 10px;
}
.table-cell{
	display: inline-block;
	float: left;
	width: 50%;
	height: 100%;
}
.table-cell-inner{
	position: relative;
	height: 100%;
}
.table-cell-inner span{
	width: 100%;
	margin-bottom: 20px;
}
.table-cell-inner-highlight{
	position: relative;
	height: 100%;
	text-align: justify;
	color: #666666;
}
.aside{
	position: relative;
	width: 250px;
}
.tables-container img{
	width: 100%;
	border-right: 10px solid #f3f3f3;
}
.pointer{
	cursor: default;
}
.wide-button{
	height: 85px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.strapline{
	font-family: 'ralewayregular', sans-serif !important;
	font-weight: 200;
	font-size: 16px;
	line-height: 40px;
	margin-bottom: 20px;
	text-align: justify;
}
.strapline_title{
	font-weight: 800;
	font-size: 30px;
	color: #666666;
	line-height: 40px;
	margin-bottom: 20px;
}
#display{
	position: relative;
	height: 30px;
	width: 1200px;
	margin: 0 auto;
	margin-top: -30px;
	overflow: hidden;
}
#text{
	overflow: hidden;
	position: absolute;
	left: 10px;
	margin-right: 10px;
	top: 10px;
	color: #00F;
	cursor: default;
}
.maroon{
	color: #800040;
}
.scrolltext{
	width: 100%;
	position: relative;
	margin: 0 auto;
	font-family: 'ralewayregular', sans-serif;
	font-size: 18px;
	padding: 0;
	display: block;
	text-align: center;
	overflow: hidden;
	height: 40px;
	cursor: default;
}
.scrolltext a{
	margin: 0;
	border: 0;
	padding: 0;
	color: #4F85BB;
}
.scrolltext p{
	position: absolute;
	width: 100%;
	margin: 0;
	height: 100%;
	line-height: 40px;
	text-align: left;
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-animation: scrollit 30s linear infinite;
	-moz-animation: scrollit 30s linear infinite;
	-o-animation: scrollit 30s linear infinite;
	animation: scrollit 30s linear infinite;
}
.scrolltext p:hover{
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
}
.scrolltext span{
	width: 100%;
}
hr{
	height: 1px;
	background-color: #808080;
	margin: 50px 0;
}
.div-trio{
	width: 100%;
	position: relative;
	display: table;
	margin-bottom: 50px;
}
.div-trio div{
	display: table-cell;
	width: 33.33333%;
	max-height: 250px !important;
}
.div-trio div img{
	position: relative;
	margin: 0 auto;
	display: block;
	width: 100%;
}
.quote{
	position: relative;
	overflow: visible;
	background-color: #f7f7f7 !important;
	padding: 50px;
}
.quote span{
	padding: 50px 100px;
}
.quote span: last-child{
	padding: 0 100px 50px 100px;
}
.quote:before{
	content: "";
	width: 61px;
	height: 40px;
	background-image: url(../img/master/sixty-six-grey.png);
	background-position: center center;
	background-size: cover;
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: 999999;
	display: block;
}
.quote:after{
	content: "";
	width: 61px;
	height: 40px;
	background-image: url(../img/master/ninety-nine-grey.png);
	background-position: center center;
	background-size: cover;
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 999999;
}
.caution{
	padding-left: 85px !important
}
.caution:before{
	content: url(../img/master/caution.svg);
	position: absolute;
	width: 45px;
	height: 45px;
	left: 24px;
	margin-top: 7px;
}
.more-from{
	width: 100%;
	position: relative;
	font-size: 14px;
	background-color: #fafafa;
	padding: 20px;
}
.more-from span{
	margin-bottom: 20px;
}
.more-from ul{
	list-style: none;
}
.more-from ul li{
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}
.more-from ul li a{
	color: #000;
	margin-right: 20px;
}
.more-from ul li a:hover{
	text-decoration: underline;
}
.rollover, .rollover .info{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	border: 5px solid transparent;
	overflow: hidden;
}
.header .rollover .info{
	top: 100%;
	background-color: rgba(35, 35, 35, .8);
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
	text-transform: unset;
	font-size: 1em;
	font-family: 'ralewayregular', sans-serif !important;
	cursor: default;
	color: #fff;
}
.header .rolloverup .info{
	top: 0%;
}
@-moz-keyframes scrollit{
	0%{
		-moz-transform: translateX(100%);
	}
	100%{
		-moz-transform: translateX(-100%);
	}
}
@-webkit-keyframes scrollit{
	0%{
		-webkit-transform: translateX(100%);
	}
	100%{
		-webkit-transform: translateX(-100%);
	}
}
@keyframes scrollit{
	0%{
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100%{
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
.sitemap-button{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0;
}
.sitemap-button a{
	border: 1px solid #c3c3c3;
	color: #808080;
	padding: 5px 8px;
}
.opening-times .table-cell: last-child{
	margin-bottom: 0;
}









/*=======================================

Footer

=======================================*/
.footer{
	position: relative;
	width: 100%;
	background-color: #fff;
	font-family: sans-serif;
	color: #000;
	font-size: 13px;
	text-align: center;
	z-index: -1;
	padding: 50px 20px;
	cursor: default;
}
.footer-inner{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
.footer-inner .twitter{
	width: 50px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.footer-inner .facebook{
	width: 50px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.footer a[href*="contact"]{
	margin-left: 30px;
	color: #000;
}
.footer:before{
	content: "";
	width: 100%;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0px;
	background-image: url(../img/master/footer-shadow.png);
}
.footer span{
	padding-bottom: 30px;
}
.footer p{
	text-align: center;
	font-size: 13px;
	font-family: 'ralewayregular', sans-serif;
	padding: 10px;
}
.footer p .breaker{
	position: relative;
	display: none;
}
#top{
	display: block;
	height: 0
}
.page-content>.article{
	width: 75%;
	float: left;
	padding-right: 20px;
	display: inline-block;
}



/*=======================================

Side widgets

=======================================*/
.widget-col{
	position: relative;
	float: right;
	height: 100%;
	display: inline;
	box-sizing: border-box;

	width: 25%;
	vertical-align: top;
}
.widget-col img{
	mix-blend-mode: darken;
}
.widget-col p{
	background-color: #fafafa !important;
}
.widget-col ul{
	margin-bottom: 20px;
	background-color: none;
	height: 100%;
	list-style: none;
	background-color: #fafafa !important;
}
.widget-col ul li{
	position: relative;
}
.widget-col ul li a, .widget-col ul li span{
	color: #000;
	display: block;
	padding: 20px;
	font-size: 12px;
}
.widget-col ul li span{
	border-bottom: 1px solid #ccc;
	color: #808080;
	font-size: 16px;
}
.widget-col ul li a:hover{
	text-decoration: underline;
}
.widget-quick-links{
	padding-bottom: 30px;
}
.widget-quick-links li a{
	padding: 20px 20px 0 20px !important;
}
.widget-donate li p{
	font-size: 12px;
	padding: 20px;
}
.widget-donate span{
	font-size: 16px;
	color: #808080;
	border-bottom: 1px solid #808080;
	display: block;
	position: relative;
}
.widget-donate .widget-donate_btn{
	position: relative;
	background-color: #3A9CC9;
	border-radius: 4px;
	padding: 8px 10px;
	color: #fff;
	cursor: pointer;
	display: block;
	clear: both;
	width: 150px;
	margin-top: 20px;
	text-align: center;
	font-size: 18px
}
.widget-donate .widget-donate_btn:hover{
	background-color: #5FA7C6 !important;
	text-decoration: none;
}
.widget-tripadvisor a, .widget-tripadvisor p{
	padding: 0;
}
.widget-tweets li:first-child span{
	padding-left: 70px;
}
.widget-tweets li:first-child span:before{
	content: url(../img/master/bluebird.png);
	position: absolute;
	top: 15px;
	left: 20px;
}
.widget-admission, .widget-opening-times{
	font-size: 14px;
}
.widget-admission p, .widget-opening-times p{
	padding: 20px 20px 0 20px !important;
	margin: 0 !important;
}
.widget-admission li: last-child, .widget-opening-times li: last-child{
	padding-bottom: 20px;
}
.widget-fb li:first-child span{
	padding-left: 70px;
	position: relative;
}
.widget-fb li:first-child span:before{
	content: url(../img/master/fb-widget-logo.svg);
	position: absolute;
	top: 15px;
	left: 20px;
	display: block;
}
.widget-fb li:first-child span:before img{
	width: 10px;
	height: 30px;
}
.rollover{
	z-index: 9999999999999999999999;
}
.scrollup{
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 50px;
	right: 100px;
	text-indent: -9999px;
	border: none;
	z-index: 4000;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background-color: none;
}
.scrollup img{
	position: absolute;
	width: 50px;
	height: 50px;
	display: block;
}






/*=======================================

Styles for smaller screens

=======================================*/

@media screen and (max-width: 1130px){
	.header .rollover .info{
		font-size: 13px !important;
	}
}
@media screen and (max-width: 1000px){
	.tables-container, .tables-container-row, .table-cell{
		position: relative;
		display: block;
		width: 100%;
	}
	.table-cell{
		margin-bottom: 50px;
	}
	.opening-times div{
		display: table-cell !important;
		width: 50%;
	}
	.header .rollover .info{
		font-size: 12px;
		padding: 10px !important;
	}
}
@media screen and (max-width: 960px){
	.opening-times .table-cell{
		padding: 20px;
	}
	.burger{
		transform: scale(.8)translate(10px, -8px);
	}
}
@media screen and (max-width: 900px){
	.article, .widget-col{
		width: 100% !important;
		display: block !important;
		padding: 0 !important;
	}
	.widget-col{
		padding: 20px;
	}
	.widget-col ul li{
		width: 100%;
	}
	.widget-col ul li:nth-child(n+1) a{
		padding: 20px;
	}
	.widget-col ul li span{
		padding-bottom: 20px;
	}
	.widget-col ul li a:hover{
		text-decoration: underline;
	}
	.widget-col ul li:first-child{
		clear: both;
		width: auto;
		display: block;
	}
	.widget-donate_btn{
		padding: 10px !important;
	}
	br.widget{
		display: none;
	}
	.tables-container{
		padding: 0;
		position: relative;
		width: 100%;
		margin: 0 !important;
	}
	.header .rollover .info{
		font-size: 11px !important;
	}
	.footer{
		margin-bottom: 50px;
	}
	.scrollup{
		background-image: url(../img/master/to-top4.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 30px 30px;
		right: unset;
		left: 0;
		z-index: 0;
		bottom: 0;
		background-color: #fff;
		padding: 10px 0;
		-webkit-opacity: .9;
		-moz-opacity: .9;
		-o-opacity: .9;
		opacity: .8;
		overflow: visible;
	}
	.scrollup:before{
		content: "";
		height: 16px;
		width: 100%;
		position: absolute;
		left: 0;
		top: -16px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAQBAMAAADOhrOHAAAAG1BMVEUbGxsmJiYkJCQiIiImJiYmJiYmJiYnJyclJSV8PbePAAAACXRSTlMBFQwGMi0oIx0j9akhAAAAFUlEQVQIW2NhYIFBYyB+D8XlQBIMATewBoXGtoUqAAAAAElFTkSuQmCC);
		background-repeat: repeat-x;
		z-index: 999999;
	}
	.scrollup>img{
		display: none;
	}
}
@media screen and (max-width: 740px){
	.header ul li{
		width: 25%;
	}
	.header ul li: last-child{
		display: none;
	}
	.info-section-body{
		display: block;
		top: unset;
		float: left !important;
		clear: both !important;
		width: 100%;
	}
	.aside{
		position: relative;
		margin: 0 auto !important;
		width: 100% !important;
		z-index: 999999;
	}
	.aside>img{
		width: 70%;
		display: block;
		position: relative;
		margin: 0 auto;
	}
	.aside a{
		width: 70%;
		display: block;
		position: relative;
		margin: 0 auto;
	}
	.opening-times div{
		display: block !important;
		width: 100%;
	}
	.opening-times .table-cell{
		text-align: center;
	}
	.opening-times .table-cell:first-child{
		margin-top: 20px;
	}
	.opening-times .table-cell{
		padding: 0;
	}
	.tables-container{
		margin: 0 !important;
	}
	.info-section-body .tables-container .table-cell .table-cell-inner img{
		background-color: #fff !important;
		border-right: 0 !important;
		border: 1px solid #cdcdcd !important;
		margin-top: 30px;
	}
	.strapline_title{
		text-align: center;
	}
	.burger{
		transform: scale(.8)translate(9px, -9px);
	}
	.quote span{
		padding: 50px 50px;
	}
	.quote span: last-child{
		padding: 0 50px 50px 50px;
	}
	.quote:before{
		content: "";
		width: 30px;
		height: 20px;
		background-image: url(../img/master/sixty-six-grey.png);
		background-position: center center;
		background-size: cover;
		position: absolute;
		left: 30px;
		top: 30px;
		z-index: 999999;
		display: block;
	}
	.quote:after{
		content: "";
		width: 30px;
		height: 20px;
		background-image: url(../img/master/ninety-nine-grey.png);
		background-position: center center;
		background-size: cover;
		position: absolute;
		right: 30px;
		bottom: 30px;
		z-index: 999999;
	}
}
@media screen and (max-width: 600px){
	.footer-inner .twitter{
		position: relative;
		transform: translateY(0%);
		display: inline-block;
		width: 40px;
		margin-top: 30px;
		margin-right: 10px;
	}
	.footer-inner .facebook{
		position: relative;
		transform: translateY(0%);
		display: inline-block;
		width: 40px;
		margin-top: 30px;
		margin-left: 10px;
	}
	.footer p .breaker{
		display: block;
		clear: both;
	}
	.image{
		display: block;
		z-index: 9999999;
	}
	.strapline_title{
		text-align: center;
	}
}
@media screen and (max-width: 575px){
	.header .rollover .info{
		font-size: 10px !important;
	}
}
@media screen and (max-width: 500px){
	.widget-donate .widget-donate_btn{
		margin: 0 auto !important;
		margin-top: 20px !important;
	}
	.header ul, .header ul li, .site-wrapper, .page, .page-inner{
		//pointer-events: none !important;
	}
	.header, .header ul,{
		position: relative;
	}
	.header ul{
		display: table-cell;
	}
	.back-to-top, .sitemap-button, .map-feature div{
		pointer-events: auto;
		z-index: 1;
	}
	.header ul li div{
		pointer-events: auto;
	}
	.header ul li:first-child{
		position: relative;
		width: 50%;
		display: table;
		pointer-events: unset;
	}
	.header ul li:nth-child(2){
		left: 50%;
		position: absolute;
		top: 0;
	}
	.header ul li:nth-child(3){
		left: 75%;
		position: absolute;
		top: 0;
	}
	.header ul li:nth-child(4){
		left: 50%;
		position: absolute;
		top: 50%;
	}
	.header ul li:nth-child(5){
		left: 75%;
		position: absolute;
		top: 50%;
		display: block;
	}
	.page-content h1{
		text-align: center;
	}
	.header .rollover .info{
		padding: 0px !important;
		font-size: 10px !important;
	}
	.slideshow{}
}
@media screen and (max-width: 473px){
	.header .rollover .info{
		font-size: 9px !important;
	}
}
@media screen and (max-width: 400px){
	.div-trio{
		display: table;
	}
	.div-trio div{
		position: relative;
		width: 100%;
		display: block;
		margin-bottom: 30px;
		padding: 0 20px;
	}
	.quote span{
		padding: 50px 20px !important;
	}
	.quote span: last-child{
		padding: 0 20px 50px 20px;
	}
	.quote:before{
		content: "";
		width: 30px;
		height: 20px;
		background-image: url(../img/master/sixty-six-grey.png);
		background-position: center center;
		background-size: cover;
		position: absolute;
		left: 30px;
		top: 30px;
		z-index: 999999;
		display: block;
	}
	.quote:after{
		content: "";
		width: 30px;
		height: 20px;
		background-image: url(../img/master/ninety-nine-grey.png);
		background-position: center center;
		background-size: cover;
		position: absolute;
		right: 30px;
		bottom: 30px;
		z-index: 999999;
	}
}
/*
This style unused - nice but logo too big for such a small screen
@media screen and (max-width: 350px){
	.header ul li{
		width: 50%;
		display: inline-block;
		position: relative;
		float: left;
	}
	.header ul li:first-child{
		display: block;
		width: 50%;
		left: unset;
	}
	.header ul li:nth-child(2){
		position: relative;
		left: 0;
		top: unset;
		display: none;
	}
	.header ul li:nth-child(3){
		position: relative;
		left: 0%;
		top: unset;
	}
	.header ul li:nth-child(4){
		position: relative;
		left: 0%;
		top: unset;
	}
	.header ul li:nth-child(5){
		left: 75%;
		position: relative;
		left: 0%;
		top: unset;
		display: block;
	}
	.header .rollover .info{
		font-size: 14px !important;
	}
}
*/