/* RESETS and DEFAULTS */
body {
	
	margin:0;
	padding:0;
	background-image:url('images/explorers-outpost-landing-page-bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	font-family:'calluna-sans', sans-serif;
	
}

a {
	
  text-decoration: none;
  
}
	
	a:hover {
		
	  text-decoration: underline;
	  
	}

/* Column Classes
    Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

.wrap {
	
	max-width:40%;
	margin:0 auto;
	
}

#header-top {
	
	width:100%;
	height:27px;
	background:url('images/explorer-outpost-header-top.png') center center no-repeat;
	
}

#content { 

	text-align:center;
	margin-top:80px;
		
}

#content .wrap img { 

	max-width:410px;
	width:100%;
		
}

#content .wrap h1,
#content .wrap h2 { 

	text-transform:uppercase;
	text-align:center;
	font-family:'english', serif;
	font-weight:normal;
	letter-spacing:3px;
	
}

/* Full Site notice */
#content .wrap h2:first-of-type {
	
	color:#31a291; /* Teal */
	
}

#content .wrap p {
	
	font-style:italic;
	line-height:200%;
	
}

#content .wrap a {

    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom:10px;
    color: black;
    font-size: 20px;
    
}

#content .wrap a.directions-button {
	 
	background-color:#2c2f46; /* Deep Purple */
	color:#ead8b7; /* Parchment */
	padding:2px;
	max-width:100px;
	border-radius:4px;
	margin:0 auto;
	
}

#shop-hours-wrapper { width:50%; margin:0 auto;}

#footer {
	
	background-color:#31a291; /* Teal */
	text-align:center;
	padding:8px 10px;
	margin-top:20px;
	position:relative;
	
}

#footer p,
#footer a {
	
	color:#ead8b7;
	font-size:20px;
	
}

#social-icons-wrapper {
	
	position:absolute;
	width:260px;
	right:0;
	top:0;
	height:85px;
	
}

#social-icons-wrapper img {
	
	max-width: 50px;
    float: left;
    width: 100%;
    margin: 14px 5px;
	
}

#social-icons-wrapper a:hover img { opacity:0.8; }


/* Responsive Styles */

@media screen and ( max-width:1460px ) {
	
	#shop-hours-wrapper { 
	
		width:100%; 
        
		
	}
	
}

@media screen and ( max-width:1140px ) {
	
		
	#social-icons-wrapper {
		
		position:relative;
		margin:0 auto;
		
		
	}
	
	#social-icons-wrapper img { float:none; }
	
}

@media screen and ( max-width:990px ) {
	
	.wrap {
		
		max-width:90%;
		
	}
	
	#shop-hours-wrapper { 
	
		width:70%; 
     
	}
}

@media screen and ( max-width:600px ) {
	
	#shop-hours-wrapper { 
	
		width:100%; 
       
		
	}
	
}

@media screen and ( max-width:480px ) {
	
	#content .wrap h2 {
	
		font-size:1.1em;
		font-weight:bold;
		
	}
	
	#content .wrap p {
	
		line-height:150%;
		
	}
	
}