@media screen and (min-width: 1250px) {
	#image-opener {
		background-size: cover;
	}
}
@media screen and (max-width: 950px) {
	header, .text-holder, footer {
		padding: 0px 20px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#bottom-text {
		padding: 40px 20px;
	}
	.right-col {
		padding: 0px;
	}
	.left-col {
		padding: 0px 20px 0px 0px;
	}
	.left-col {
		width: 60%;
	}
	.right-col, .bottom-right-col {
		width: 40%;
	}
	.town-photo { width: 100%;}
	.bottom-right-col img {
		max-width: 100%;
	}
	.twitter {
		margin: 20px auto 0px auto;
		display: block;
	}
	#areas-about-container {
		padding: 25px 20px 50px 20px;
	}
	#team-container {
		padding: 40px 20px;
	}
	#logo-container {
		padding: 40px 20px 0px 20px;
	}
	.about-content, .map-content, .areas-list, .home-about { width: 100%; }
	.map-content svg { max-width: 60%; }
	.map-content { text-align: center;padding: 20px 0px 0px 0px !important; }
	.areas-list { margin-top: 40px; }
	.coming-soon-br { display: none; }
	.coming-soon { line-height: 55px;padding: 0px 10px; }
	#logo-container .location-options li { width: 100%;margin: 0px 0px 8px 0px !important; }
}

@media screen and (max-width: 810px) {
	.text-holder img {
		width: 80%;
	}
	.shops {
		width: 100%;
	}
	.accord2 input[type=text], .accord2 textarea {
		width: 100%;
	}
	.map-content svg { max-width: 70%; }
	.people-container img { float: none;margin: 0; }
	.people-name { margin-top: 10px; }
	.people-container { text-align: center; }
	#main-menu {
		display: none;
	}
	#mob-menu {
		display: block;
	}
}

@media screen and (max-width: 700px) {
	header {
		height: 100px;
	}
	header img {
		max-height: 100px;
		width: auto !important;
	}
	.incident-button {
		margin: 10px 0px;
	}
	.members-area, #about-image-opener {
		display: none;
	}
	.about-content img { display: none; }
	.about-content { margin-top: 40px; }
}

@media screen and (max-width: 550px) {
	.people-container img { float: left;margin-right: 20px; }
	.people-container { text-align: left;width: 100%; }
	.people-name { margin-top: 0px; }
	.coming-soon-br { display: inline; }
	.coming-soon { line-height: 18px;padding: 10px; }
	.location-options li a { font-size: 14px; }
	#team-container h3 { font-size: 32px; }
}

@media screen and (max-width: 420px) {
	#image-opener {
		height: 325px !important;
		background-size: cover;
	}
	.text-holder img {
		width: 90%;
	}
	.left-col, .bottom-right-col {
		width: 100%;
	}
	.left-col ul {
		font-size: 14px;
	}
	.right-col {
		margin-top: 40px;
		width: 100%;
	}
	.mob-title {
		display: block;
		text-align: center;
		font-size: 16px;
		font-family: helvetica,Arial,Sans-serif;
		padding: 5px 0px;
		color: #555555;
	}
	.map-content svg { max-width: 90%; }
	.location-options li a { font-size: 12px; }
	.people-container { text-align: center; }
	.people-container img { float: none;margin: 0; }
	#team-container h3 { font-size: 26px; }
	.people-name { font-size: 20px;margin-top: 10px; }
}