@charset "utf-8";

@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url('/fonts/Raleway-ExtraBold.eot');
  src: url('/fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Raleway-ExtraBold.woff') format('woff'),
       url('/fonts/Raleway-ExtraBold.ttf') format('truetype'),
       url('/fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
}

@font-face {
  font-family: 'Raleway-Medium';
  src: url('/fonts/Raleway-Medium.eot');
  src: url('/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Raleway-Medium.woff') format('woff'),
       url('/fonts/Raleway-Medium.ttf') format('truetype'),
       url('/fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
}

header {
	background-color: #818122;
}

#logo a {background-image:url(/images/blog/hike/logo.png);}

#mainNav a {
	color: #FFF;
}

#mainNav a:hover {
	color: #b7cad7;
}

#content {
	background: url(/images/blog/hike/hike-bg.jpg) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;
	margin: 0;
	font-family: Raleway-Medium, Arial, sans-serif;
	color: #FFF;
	padding-bottom: 0;
}

.postStart {
	background: rgba(121, 85, 46, .90);
	margin-top: 40%;
}

.postCenter {
	width: 94%;
	max-width: 70em;
	margin: 0 auto;
	padding: 40px 0;
}

#blogContent, #fileUnder {
	width: 100%;
	margin: 0 auto;
}

#fileUnder {
	background: rgba(121, 85, 46, .90);
	text-align: center;
	padding-bottom: 30px;
}

#blogContent, #content .wrapper {
	width: 100%;
	max-width: 1000em;
}

#content a {
	color: #c6e7b3;
}

#content a:hover {
	color: #8ab175;
}

figure {
	width: 80%;
	max-width: 37.5em;
	text-align: center;
	margin: 0 auto;
}

figure img {
	width: 96%;
-webkit-box-shadow: 5px 5px 25px 5px rgba(0,0,0,.2);
box-shadow: 5px 5px 25px 5px rgba(0,0,0,.2);
	border: 5px solid #FFF;
}

figcaption {
	font-size: .8em;
	display: block;
	padding: 8px 0 12px 0;
}

h2 {
	color: #FFF;
	font-family: Raleway-ExtraBold, Arial, sans-serif;
	font-size: 3em;
	text-align: center;
	padding: 70px 0 40px 0;
	text-shadow: 1px 1px 4px #3D3D3D;
}

h3 {
	font: 2.25em Raleway-ExtraBold, Arial, sans-serif;letter-spacing: 0;
	padding: 1.2em 0 .3em 0;
}

#toTop, #mainNav a#pull {
	background-color: #bd4d02;
}

footer {
	background-color: #818122;
	margin-top: -40px;
}

footer p, footer h4, h1, footer a {
	color: #FFF;
}

@media screen and (min-width: 48em) { /* 768 and up */
h2 {
	font-size: 4em;
}
}


@media screen and (min-width: 60em) { /* 1024 and up */
h2 {
	font-size: 5em;
}	

}

@media screen and (min-width: 75em) { /* 1200 and up */
h2 {
	font-size: 6.5em;
}
}

@media screen and (max-width: 47.5em) { /* mobile nav */
#mainNav li {
	background-color: #808005;
}

#mainNav li:hover {
	background-color: #b7b746;
}

#content {
	background-size: 195%;
	background-attachment: fixed;
}
}