body {
	//background: #ededed;
	
	//background-color: #D1C263;
	//background-color: #000;
	
	background: linear-gradient(to left, #000, #D1C263, #fff); /*gold*/
	
	color: #404040;
		

	font: 18px/1.6 "Roboto Slab", "Griffy", Helvetica, Arial, sans-serif;

}
img {
	max-width: 100%;
	vertical-align: bottom;
}
a {
	color: #2985d1;

}
header {
	/*background: rgba(0,76,153, 0.7);
	*/
	background: rgba(84,26,122, 1);
	
}
.container {
	max-width: 1100px;

	margin: auto;
	padding: 10px 20px;
	//text-shadow: -2px 2px 0 #404040, -3px 3px 0 #2985D1, -4px 4px 0 #000000;
	text-shadow: 	0 1px 1px #000,
					0 2px 2px #000,
					0 3px 3px #000,
					0 4px 4px #000,
					0 5px 5px #000,
					0 6px 6px #000;
}
.container h1{
	//text-shadow: -2px 2px 0 #404040, -4px 4px 0 #666, -5px 5px 0 #FFFFFF;
}
.container h3{
	//text-shadow: -2px 2px 0 #404040, -4px 4px 0 #2985D1;
	//text-shadow: -2px 2px 0 #404040, -4px 4px 0 #FFCF60, -5px 5px 0 #000000;
	text-align: right;
}
#fadeHeader{

	height: 750px;
	//padding-top: 10px;
}
.alignJust{
	text-align: justify;
}
nav {
	text-align: center;
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
nav li {
	display: inline-block;
}
nav a {
	color: #fff;
	font-family: "Arvo", Helvetica, Arial, sans-serif;
	display: block;
	margin: auto;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.banner-wrapper {
	color: #fff;

	

	//background: #0066a5;
	//background-position: right 0px bottom -200px;

	/*
	background: linear-gradient(to bottom, rgba(0,102,165, 0.1), rgba(0,65,135, 0.7)),
				url(../img/stjohn_sozonepk.jpg) no-repeat center bottom;
	right 1% bottom
	*/
	background: linear-gradient(to bottom, rgba(255,255,0, 0), rgba(255,178,135, 0.3)),
				url(../img/stjohn_sozonepk.jpg) no-repeat ;
	background-size: 100% 110%;
	background-attachment: fixed;
	//max-width: 1500px;

	
	//background-color: rgba(84,26,122, 1);
	background-color: rgba(84,26,122, 1);
	text-align: center;
	border-top: 4px solid #063456;
	border-bottom: 4px solid #063456;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777; 

}
.banner-wrapper> div{
	/*width: 100%;
	background: linear-gradient(to bottom, rgba(255,255,0, 0), rgba(255,178,135, 0.3)),
				url(../img/stjohn_sozonepk.jpg) no-repeat ;
	background-size: 100% 100%;
	background-attachment: fixed;
	*/
}
#features {
	padding-top: 15px;
}
#features article {
	margin-bottom: 60px;
}
#features a {
	text-decoration: none;
}
#features a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 36px;
	margin-bottom: 0;
	font-weight: normal;
}
h1 + p {
	font-size: 20px;
	margin-top: 0;
}
#features p:first-of-type {
	color: #999;
	font-style: italic;
}
#features *:last-child {
	margin-bottom: 0;
}
#features p:last-child a:after {
	content: " »"
}
#features article > a {
	display: block;
}
#features article > a:hover {
	outline: 10px solid #2985d1;
}

@media (max-width: 799px) {
	nav a {
		padding: 10px;
	}
	nav a:hover {
		color: #efc51f;
	}
}

@media (min-width: 800px) {
	header {
		position: fixed;
		
		top: 0;
		left: 0;
		right: 0;
		
		padding: 15px 10px;
		
	}
	header nav {
		text-align: right;
		position: relative;
	}
	nav li {
		margin-right: 30px;
	}
	nav li:first-child {
		position: absolute;
		left: 0;
	}
	.ir {
		background: no-repeat url(../img/tahoe-sprite.png);
		background-size: 513px 200px;
		height: 100px;
		text-indent: -9000px;
		overflow: hidden;
	}
	#logo {
		width: 130px;
	}
	#logo:hover {
		background-position: 0 -100px;
	}
	#excursions {
		width: 155px;
		background-position: -130px 0;
	}
	#excursions:hover {
		background-position: -130px -100px;
	}
	#about {
		width: 100px;
		background-position: -285px 0;
	}
	#about:hover {
		background-position: -285px -100px;
	}
	#contact {
		width: 128px;
		background-position: -385px 0;
	}
	#contact:hover {
		background-position: -385px -100px;
	}
	#features {
		padding: 40px 20px;
	}
	#features article {
		width: 29%;
		padding: 2%;
		display: inline-block;
		vertical-align: top;
	}
	h1 {
		font-size: 80px;
	}
	h1 + p {
		font-size: 30px;
		margin: -5px 0 40px;
	}
	.banner-wrapper p:nth-child(3){
		width: 50%;
		margin: 10px auto;
		text-align: left;
	}
	#features article:nth-child(odd) {
		background: #ddd;
	}
}
@media only screen 
  and (max-device-width: 414px) 
  and (orientation: portrait){
  	 .banner-wrapper{
  	 	background: url(../img/stjohn_sozonepk.jpg) no-repeat;
  	 	background-size: 98% 98%;
    }
    #fadeHeader{
    	padding-top: 0;	
	
    }
    img{
    	vertical-align: middle;
    }
    
  }
@media only screen 
and (max-device-width: 414px) 
and (orientation : landscape){
	 .banner-wrapper{
  	 	background: url(../img/stjohn_sozonepk.jpg) no-repeat;
  	 	background-size: 100% 100%;
    }	
    img{
    	vertical-align: middle;
    }
   
    
}