.buckets {
	width: 100%;
	display: table;
	height: 100%;
	min-height: 415px;
}

.responsive_row {
	display: table-cell;
	height: 100%;
	vertical-align: top;
	width: 50%;
}

.table { 
	display: table;
	height: 100%;
	width: 100%;
}

.bucket {
	width: 50%;
	background-color: green;
	vertical-align: top;
	display: table-cell;
	height: 100%;
}


.bucket h4 {
	font-weight: bold;
	padding: 20px;
	letter-spacing: -0.1em;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	position: relative;
	z-index:1;
}

.bucket_opening {
	background-color: #00a885;
}

.bucket_opening h4 {
	background-color: #185a4b;
}

.bucket_opening h3 {
	font-size: 16px;
}

.bucket_opening p {
	font-size: 14px;
	padding: 10px 0 20px 0;
}

.bucket_map {
	position: relative;
}

.bucket_map h4 {
	background-color: #787570;
}

.mini_map {
	width: 100%;
	height: 355px;
	color: #000;
	height: 100%;
	top: 0;
	position: absolute;
	z-index: 0;
}

.mini_map a {
	color: #000;
}

.inner {
	padding: 20px;
}


.footer {
	background-color: #272827;
}

.footer .content {
	text-align: center;
	clear: both;
}

.footer .contact_footer {
	padding: 50px 15px;
}

.footer .contact_footer h3 {	
	font-weight: normal;
	text-transform: uppercase;
}

.footer .contact_footer h3 a {
	color: #fff;
	text-decoration: none;
	overflow-wrap: break-word;
	word-wrap: break-word;
}	


.footer .social_media_links {
	width: 135px;
	margin: 30px auto 0px auto;
}

.social_media_links .social_media_item {
	height: 33px;
	width: 33px;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.social_media_links .social_media_item a {
	display: block;
	height: 100%;
}

.social_media_links .social_media_item:hover  {
	background-position: top center;
}

.twitter {
	background-image:url("/images/social/twitter.png");
}


.facebook {
	background-image:url("/images/social/facebook.png");
}

.instagram {
	background-image:url("/images/social/instagram.png");
}


.footer .social_media_item {
	float: left;
	padding-right: 10px;
}

.suggest_beer {
	clear: both;
	text-transform: uppercase;
	padding: 50px 0 20px 0;
	font-size: 30px;
	font-family: 'MotterCorpusITCTT';
	font-weight: normal;
}

.suggest_beer a {
	color: #DAAA00;
	text-decoration: none;
}


#credit {
	background-color: #DAAA00;
	text-align: center;
	width: 100%;
	color: #000;
	padding: 20px 0;
}

#credit a {
	color: #000;
	text-decoration: none;
}


.bucket_twitter {
	background-color: #84b7ce;
}

.bucket_twitter .profileimg {
	float: left;
	padding: 0 10px 10px 0;
	width: 15%;
}

.bucket_twitter img {
	max-width: 100%;
}

.bucket_twitter p {
	font-size: 12px;
}

.bucket_twitter a {
	color: #fff;
}

p.followus {
	text-align: center;
	font-size: 18px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 19px;	
}

p.followus a {
	text-decoration: none;
	color: #fff;
	text-decoration: underline;
}

.bucket_twitter .tweet {
	padding: 0px 15px 0px 15px;
	clear: both;
	font-size: 12px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}

.bucket_twitter .tweet .right {
	box-sizing: border-box;
	width: 100%;
}

.bucket_twitter h4, .bucket_instagram h4 {
	background-color: #4b6068;
	margin-bottom: 20px;
}

.bucket_twitter .tweet .right {
	float: left;

}

.bucket_twitter .tweet {
	padding-bottom: 15px;
}

.namewrapper span {
	font-weight: bold;
}

.namewrapper {
	padding-bottom: 10px;
}

.tweet.first {
	padding-bottom: 50px;
}

.bucket_instagram {
	background-color: #c73b2a;
	box-sizing: border-box;
	text-align: center;
}

.bucket_instagram img {
	max-height: 100%;
	max-width: 100%;
}

.instagram_photo {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: 295px;
}

.bucket_instagram h4 {
	background-color: #652f28;
}

.opening_times {
	padding: 5px 0 10px 0;
}

.opening_times .row {
	display: table;
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #fff;
}

.opening_times .row:nth-child(3n+3) {
	border-bottom: 0px;
	padding-bottom: 15px;
}

.opening_times span {
	display: table-cell;
	width: 50%;
	float: left;
	vertical-align: middle;
	padding: 5px;
	box-sizing: border-box;
}

.opening_times span.left {
	padding-left: 0px;
}

.opening_times span.right {
	text-align: right;
}

@media all and (max-width: 1195px) {
	.tweet.first {
		padding-bottom: 20px;
	}
}

@media all and (max-width: 1114px) {
	.bucket h4 {
	 	height: 40px;
	}
}

@media all and (max-width: 1012px) {
	p.followus {
		font-size: 16px;
	}
}

@media all and (max-width: 956px) {
	
	.buckets {
		display: block;
	}
	
	.responsive_row {
		display: table;
		width: 100%;
	}
	
	.bucket {
		width: 50%;
	}
		
	.bucket h4 {
	 	height: auto;
	}
}

@media all and (max-width: 570px) {
	
	.bucket_map {
		min-height: 250px;
	}
	
	.responsive_row {
		display: block;
	}
	
	.bucket {
		width: 100%;
		display: block;
	}
	.footer .contact_footer h3 {
		font-size: 16px;
	}
	p#credit {
		font-size: 12px;
	}
}