@media all and (max-width : 672px) {

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

.layout {
	float: left;
	width: 100%;
}

.background {
	max-width: 100vw;
	min-height: 100vh;
	top: -24px !important;
}

.content {
	position: relative;
	width: 100%;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

header {
	background-position: top -40px left -48px;
	background-size: 820px auto;
	float: left;
	margin: 0px 0px -94px 0px !important;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding-bottom: 100px;
	width: 100%;
}

.home header {
	margin-bottom: -114px !important;
}

/*--------------------------------------------------------------
Logo
--------------------------------------------------------------*/

.logo {
	animation: none;
	height: auto;
	margin: 20px 0px 0px 10px;
	opacity: 1 !important;
	position: relative;
	width: 60px;
}

/*--------------------------------------------------------------
Menu
--------------------------------------------------------------*/

.navigation-menu {
	background-image: url(../imgs/mobile-menu.jpg);
	display: none;
	padding: 20px 10px 30px 10px;
	position: absolute;
	top: 0px;
	width: calc(100% - 20px);
	z-index: 90;
}

.menu {
	float: left;
	height: auto;
	margin: 0px 0px 20px 0px;
	position: relative;
	width: 100%;
}

.menu li {
	float: left;
	line-height: 26px;
	width: 100%
}

.menu li:first-child {
	margin-left: 0px;
}

.menu li::after {
	display: none;
}

/*--------------------------------------------------------------
Sub Menu
--------------------------------------------------------------*/

.sub-menu {
	background-color: #eae1cf;
	background-image: none;
	float: left;
	height: auto;
	margin: 10px 10px -10px 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	position: relative;
	width: calc(100vw - 40px);
}

.sub-menu li {
	line-height: 22px;
}

.sub-menu::before,
.sub-menu::after {
	display: none;
}

.menu li a:hover,
.current-menu-item a,
.current_page_item a {
	text-shadow: 0px 0px transparent;
}

/*--------------------------------------------------------------
Hamburger
--------------------------------------------------------------*/

.hamburger {
	display: block;
}

/*--------------------------------------------------------------
Main
--------------------------------------------------------------*/

.main {
	background-color: #eae1cf;
	margin: 0px 10px 0px 10px;
	width: calc(100% - 20px);
}

.home .main {
	background-color: transparent;
}

.chain-left,
.chain-right {
	display: none;
}

/*--------------------------------------------------------------
Home
--------------------------------------------------------------*/

.metal {
	float: left;
	margin-top: 60px;
	width: 100%;
}

.metal img {
	width: 100%;
}

.metal-top-image,
.metal-logo-overlay,
.metal-overlay1,
.metal-overlay2 {
	margin-top: -20px;
}

.metal .metal-image {
	left: 0px;
	top: 0px;	
	width: 100%;
}

/*--------------------------------------------------------------
Home
--------------------------------------------------------------*/

.metal {
	display: none;
}

.home-mobile {
	border: 1px solid #dea120;
	border-radius: 25px;
	display: block;
	float: left;
	font-family: 'Teko', serif;
	font-weight: 400;
	letter-spacing: 1.3px;
	margin: 38px 0px 30px 0px;
	padding: 130px 0px 40px 0px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: calc(100% - 2px);
}

.home-mobile img {
	float: left;
	height: auto;
	left: 20px;
	margin: 0px 0px 20px 0px;
	position: absolute;
	top: 20px;
	width: calc(100% - 40px);
	z-index: 2;
}

.home-mobile a {
	border: 1px solid #dea120;
	border-radius: 100%;
	color: #dea120;
	float: left;
	font-size: 6vw;
	height: calc(50vw - 40px);
	line-height: 6.5vw;
	margin: 20px 0px 0px calc(25vw - 10px);
	padding: 20px;
	position: relative;
	text-shadow: #000000 1px 2px;
	width: calc(50vw - 40px);
}

.home-mobile a:first-of-type {
	margin-top: 25vw;
}

.home-mobile a span {
	color: #f15a29;
	display: block;
	font-size: 4vw;
	line-height: 40px;
	padding-top: 7.25vw;
}

.mobile-color-overlay {
	background: #ab7d42;
	border-radius: 25px;
	height: 100%;
	left: 0px;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0px;
	width: 100%;
}

/*--------------------------------------------------------------
Gallery
--------------------------------------------------------------*/

.gallery {
	background: #2d3034;
	background-image: none;
	height: auto;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	width: 100%;
}

.mobile-instructions {
	color: #f0efd5;
	display: block;
	float: left;
	font-size: 12px;
	padding-top: 20px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.flex-direction-nav {
	display: none;
}

/*--------------------------------------------------------------
Flexslider
--------------------------------------------------------------*/

.flexslider,
ul.slides,
.flexslider li {
	float: left;
	height: 100%;
	width: 100%;
}

.gallery-caption {
	margin-top: 30px;
}

/*--------------------------------------------------------------
Events Archive
--------------------------------------------------------------*/

.event-archive {
	background: #eae1cf;
	margin-left: 0px;
	padding-bottom: 260px;
}

.event-archive-post,
.event-archive-overlay,
.two-columns-featured {
	height: auto;
	width: 100%;
}

.two-columns-featured {
	margin-top: 0px;
}

.event-archive-post:nth-of-type(2) {
	height: auto;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.event-archive-post img,
.two-columns-featured img {
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.event-archive-post:nth-of-type(2) img {
	margin: 24px 0px 0px 0px;
	width: 100%;
}

.pagination-direction a {
	float: left;
}

.pagination-left a {
	left: 10px;
}

.pagination-right a {
	right: 10px;
}

.pagination-left a,
.pagination-right a {
	bottom: 10px;
	top: auto;
}

/*--------------------------------------------------------------
Two Columns Template
--------------------------------------------------------------*/

.two-columns-content,
.three-columns-content {
	float: left;
	margin: 14px 0px 0px 0px;
	width: 100%;
}

.home .two-columns-content,
.home .three-columns-content {
	margin-top: 30px;
}

.two-columns-main,
.three-columns-main {
	margin-top: 0px;
	min-height: auto;
	margin: 0px 0px 0px 0px;
	padding: 19px 24px 32px 24px;
	width: calc(100% - 48px);
}

img.alignleft,
img.alignright {
	width: 100% !important;
}

img.alignleft,
img.alignright {
	margin: 7px 0px 0px 0px;
}

.two-columns li img {
	margin: 8px 0px 0px 0px;
	width: 100%;
}

.column-one,
.column-two {
	float: left;
	width: 100%;
}

.column-one {
	margin-right: 0px;
}

.page-bottom {
	float: left;
	width: 100%;
}

/*--------------------------------------------------------------
Content border
--------------------------------------------------------------*/

.content-border-left,
.content-border-right,
.content-border-top,
.content-border-top-wide,
.content-border-bottom,
.content-border-bottom,
.content-border-bottom-wide {
	display: none;
}

/*--------------------------------------------------------------
Open/close grid
--------------------------------------------------------------*/

.grid {
	grid-gap: 30px;
	grid-template-areas:
		"item"
		"desc";
	grid-template-columns: repeat(1, 1fr);
	margin-top: 0px;
	width: 100%;
}

.grid-description {
	margin: -10px 0px 16px 0px;
	width: 100%;
}

/*--------------------------------------------------------------
Marketing Assets
--------------------------------------------------------------*/

.asset-images-title {
	margin: 6px 0px 0px 0px;
}

.asset-images-featured {
	margin-right: 0px;
	width: 100%;
}

.image-description {
	height: auto;
}

.asset-images-gallery li {
	margin-right: 0px !important;
	width: 100%;
}

/*--------------------------------------------------------------
Videos
--------------------------------------------------------------*/

.video-overlay {
	height: 100%;
	left: 0px;
	top: 0px;
	width: 100%;
}

.video-embed {
	height: calc(100% - 130px);
	padding: 55px 55px 55px 55px;
	width: calc(100% - 107px);
}

/*--------------------------------------------------------------
Events
--------------------------------------------------------------*/

.post-type-archive-events .event-archive {
	margin-top: 0px !important;
}

.post-type-archive-events .event-archive-post {
	margin: 0px 0px -24px 0px !important;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

footer {
	background-position: top -90px left -76px;
	background-repeat: no-repeat;
	background-size: 790px auto;
	float: left;
	margin: 0px 0px 0px 0px !important;
	height: auto;
	padding-bottom: 30px;
	padding-top: 74px;
	width: 100%;
}

.post-type-archive-events footer,
.page-template-gallery footer,
.page-template-template-two-columns footer,
.page-template-template-three-columns footer,
.page-template-template-grid footer,
.events-template-template-marketing-assets footer,
.page-template-template-videos footer,
.single-events footer {
	margin-top: 0px;
}

.home footer {
	margin: -40px 0px 0px 0px !important;
}

.footer-social {
	margin: 20px 0px 0px 20px;
	position: relative;
}

.footer-social a {
	margin-right: 10px !important;
}

.join {
	height: auto;
	margin: -12px 0px 0px 34px;
	position: relative;
	width: 70px;
}

}

@media all and (max-width : 644px) {
	
/*--------------------------------------------------------------
Home
--------------------------------------------------------------*/

.home-mobile a:first-of-type {
	margin-top: 12vw;
}

}