/*===== Custom Styles =====*/
#wood {
	padding-bottom: 0;
}
#wood > .content {
	overflow: hidden;
    display: flex;
    align-items: end;
}
#wood > .content > article {
	padding-bottom: 50px;
}
#wood #captain_rob {
	position: unset;
}
.content-boxes {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}
.content-boxes .boxes_3 {
	width: auto;
	margin: unset;
	float: unset;
}
.content-boxes .boxes_3 > h6 {
	min-height: 54px;
}
audio {
	max-width: 300px;
	width: 100%;
}
@media (max-width: 1024px) {
	#telephone {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;
		width: 18px;
		height: 18px;
		text-indent: -9999px;
		background: url(../images/icon-phone.png) center no-repeat;
		background-size: 100%;
	}
	#navicon {
		display: block;
	}
	#header {
		position: fixed;
		top: 0;
		margin: 0;
		padding: 0;
		height: 50px;
		background: #f6f6f6;
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.25);
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25);
		box-shadow: 0 2px 2px rgba(0,0,0,.25);
		z-index: 999;
	}
	#call, #email {
		display: none;
	}
	h1#logo {
		top: 0;
		margin: 0 auto;
		width: 32%;
		height: 100%;
		background: url(../images/logo-mobile.png) center no-repeat;
		background-size: 100%;
	}
	h1#logo a {
		width: 100%;
		height: 100%;
	}
	nav {
		display: none;
		position: absolute;
		top: 50px;
		height: auto;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5);
		box-shadow: 0 2px 5px rgba(0,0,0,.5);
		z-index: 2;
	}
	nav li {
		display: block;
		font: bold 13px Arial, Helvetica, sans-serif;
		background: #f3f3f3; /* Old browsers */
		background: -moz-linear-gradient(top,  #f3f3f3 0%, #eeeeee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f3f3f3 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f3f3f3 0%,#eeeeee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f3f3f3 0%,#eeeeee 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f3f3f3 0%,#eeeeee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
		border-top: 1px #fff solid;
		border-bottom: 1px #d3d3d3 solid;
	}
	nav a {
		padding: 15px 0;
		width: 100%;
		font: bold 13px Arial, Helvetica, sans-serif;
	}
	#home-link {
		display: none;
	}
	nav li#facebook-link {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
		border-bottom: 1px #627db5 solid;
		border-top: 1px #42577f solid;
	}
	nav li#facebook-link a {
		color: #fff;
		text-shadow: 0 -1px 0 rgba(0,0,0,.5);
		background: #627db5; /* Old browsers */
		background: -moz-linear-gradient(top,  #627db5 0%, #39507a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#627db5), color-stop(100%,#39507a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #627db5 0%,#39507a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #627db5 0%,#39507a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #627db5 0%,#39507a 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #627db5 0%,#39507a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627db5', endColorstr='#39507a',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}
	.hero {
		margin-top: 51px;
	}
}
@media (max-width: 991px) {
	.pics {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
	.box {
		grid-template-columns: 1fr;
	}
	.bg-blue h2 {
		line-height: 32px;
	}
	.content-boxes {
		grid-template-columns: repeat(2, 1fr);
	}
	.hero {
		padding: 0 0 120%;
	}
	.hero .banner {
		position: unset;
		padding: 12%!important;
	}
	.cycle-slideshow > * {
		background: black;
	}

}
@media (max-width: 710px) {
	.hero {
		padding: 0 0 130%;
	}
}
@media (max-width: 660px) {
	#wood > .content {
		flex-direction: column;
		align-items: center;
	}
	.box > div {
		padding: 16px;
	}
}
@media (max-width: 575px) {
	.content-boxes {
		grid-template-columns: repeat(1, 1fr);
	}
	.hero {
		padding: 0 0 140%;
	}
}
@media (max-width: 475px) {
	.hero {
		padding: 0 0 130%;
	}
	.pics {
		grid-template-columns: 1fr;
	}
	.hero .tagline {
		font-size: 1.3rem;
	}
	.hero h2 {
		font-size: 1.3rem;
	}

}
@media (max-width: 400px) {
	.hero {
		padding: 0 0 140%;
	}
}
@media (max-width: 350px) {
	.hero {
		padding: 0 0 150%;
	}
}