
body {
	overflow-x: hidden;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.inner {
	display: block;
	vertical-align: middle;
	width: 90%;
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
	background-color: #fff;
}
.linkfill {
	display: inline-block !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 0 !important;
	font-size: 0 !important;
	color: transparent !important;
	text-decoration: none !important;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.wrapper {
	background-image:url(../siteart/rockywall.png);
	background-repeat:repeat;
	width: 100%;
	margin: 0 auto;
}
/***************************  FONTS  *******************************************/

h1 {font-family: Arial, sans-serif; font-size:24px;}

/***************************  HEADER  ******************************************/
.headercontainer {
	background-image:url(../siteart/logobg.png);
	background-repeat:repeat-x;
	background-size: contain;
	width: 100%;
	text-align: center;
	padding: .5em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo {
	display:block;
	width: 100%;
	max-width: 600px;
	margin: 20px auto;
}
/***************************  NAVIGATION  **************************************/

/* MENU W/ ANIMATED BURGER */
#navcontain {position: relative; z-index: 999; width: 100%; margin: 0 auto; margin-top: 15px; text-align: center; background: #000; font-family: Arial, sans-serif;}
#navcontain, #navcontain ul, #navcontain ul li, #navcontain ul li a {border: 0; list-style: none; line-height: 1; display: block; position: relative; box-sizing: border-box;}
#navcontain:after, #navcontain > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
#navcontain ul {width: 100%; display: flex; justify-content: center;}
#navcontain ul ul {display: flex; flex-wrap: wrap;}
#navcontain > ul {margin:0 0 0 0; padding: 0;}
#navcontain > ul > li {display: inline-block;}
#navcontain > ul > li > a {font-size: 16px; color: #fff; font-family: 'Arial', sans-serif; line-height: 20px; padding: 12px 15px; transition: all .3s ease; text-decoration: none; text-transform: uppercase; font-weight: 700;}
#navcontain > ul > li:hover > a, #navcontain > ul > li:focus > a,#navcontain ul li.active a {color: #9b9a9a;}


#navcontain ul ul {position: absolute; left: -9999px;}
#navcontain ul ul li {height: 0; background: #f3f3f3; transition: all .25s ease;}
#navcontain li:hover > ul {left: auto;}
#navcontain li:hover > ul > li {height: auto;}
#navcontain ul ul ul {margin-left: 100%; top: 0;}
#navcontain ul ul li a {padding: 10px 15px; font-size: 14px; width: 222px; color: #000; text-align: left; text-decoration: none;}
#navcontain ul ul li:hover > a,#navcontain ul ul li a:hover {color: #9b9a9a;}


#navigation-mobile {display: none; width: 100%; background: #000;}
#navigation-mobile .mobile-bar {position: relative;}
#navigation-mobile .level-indicator {position: absolute; right: 15px;}
#mobile-panel {display: none; border-top: 1px solid #e7e7e7; padding: 0; margin: 0; box-sizing: border-box;}
/***************************  MAIN IMAGE  **************************************/
.mainimage {
	width: 100%;
	height: auto;
}
/***************************  CONTENT  *****************************************/
.contentcontainer {
	background-color: white;
	width: 100%;
}
.content_full {
	background-color: white;
	width: 100%;
	margin: 20px 5px;
}
.content_half_left {
	float: left;
	display: inline-block;
	width: 47%;
}
.content_half_right {
	float: right;
	display: inline-block;
	width: 47%;
}
/***************************  BUTTONS  *****************************************/
a.button {
	text-decoration: none;
}
a.button:hover {
	text-decoration: none;
}
/***************************  FOOTER  *****************************************/
.footercontainer {
	background-color: #000;	
	width: 100%; 
	padding: 20px 0px;
}

.mobile_padding {
	display: none;
}


a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:11px; color: #fff;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#fff;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#fff;}

.divfooter {width:450px; text-align:center; margin:0 auto;}



@media screen and (max-width: 767px) {
	#navcontain {display: none;}
	#navigation-mobile {display: block; font-family: 'Arial', sans-serif;}
	#navigation-mobile button.c-hamburger {cursor: pointer; border: none; outline: none;}
	#navigation-mobile ul {padding: 0; margin: 0;}
	#mobile-panel a {display: flex; flex-direction: column; text-align: center; font-size: 14px; color: #fff; padding: 8px 15px; transition: all .3s ease; text-decoration: none;}
	#mobile-panel a:hover {color: #9a9a9a;}
	
.logo {
	display: inline-block;
	float: none;
	width:90%;
	max-width: 606px;
}
.headercontainer {
	background-image:url(../siteart/logobg.png);
	background-repeat:repeat-x;
	width: 100%;
}

.content_half_left {
	width: 100%;
	display: inline-block;
}
.content_half_right {
	width: 100%;
	display: inline-blockk;
	margin-top: 20px;
}

.divfooter {
	width: 350px;
}



}
@media screen and (max-width: 480px){
.logo {
	display: inline-block;
	float: none;
	width:90%;
}
.headercontainer {
	background-image:url(../siteart/logobg.png);
	background-repeat:repeat-x;
	width: 100%;
	background-size:contain;
}


.content_half_left {
	width: 100%;
	display: inline-block;
}
.content_half_right {
	width: 100%;
	display: inline-block;
	margin-top: 20px;
}

.divfooter {
	width: 250px;
}


}