@import url(https://fonts.googleapis.com/css?family=Hammersmith+One|Cabin:400,400italic,500,500italic,600,700italic,700,600italic|Open+Sans:400,800,700,600,400italic,600italic,700italic,800italic);

img{
	max-width:100%;
}

a img, img{
	border:0;
}

body,.footer{
	font-family:Cabin, Arial;
	padding:0;
	margin:0;
	color:#eee;
	text-shadow: 1px 1px 1px #000;
	background-color:#222;	
	background-image:url(bg-bullets.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	font-size:1.4em;	
}

	.header,.footer{
		font-size:.8em;
	}


.body2{
	background:transparent url(target.png) no-repeat top right;
}
	
.c{
	overflow:auto;
	max-width:1800px;
	margin:auto;
}

.content{
	background:rgba(20,20,20,.5);
}

.content,.footer{
	border-top:3px rgba(140,120,100,.4) solid;
}

a{
	color:#bfe3c9;
}

*{
	line-height:1.6em;
}



.header,.content,.footer{
	padding:0 6%;
}

.header .c{
	padding:3em 0 1.5em 0;
}

.content .c{
	padding:0 0 3em 0;
}

.footer .c{
	padding:3em 0;
}

.header ul{
	margin:0;
	padding:0;
	margin-top:23px;
}

.header li{
	list-style:none;
	float:left;
	margin-bottom:1em;

	
}

.header  a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:white;
	font-weight:bold;
}

.header ul a{
	padding:.45em 1.1em;
	background-color:rgba(70,100,50,.7);
	border-top-right-radius:.3em;
	margin-right:.8em;
}

	.header ul a:hover,
	.header ul a:focus,
	.header ul li.urhere a{
		background-color:rgba(10,20,0,.85);
	}
	
.header .logo{
	float:left;
	width:15em;
	display:block;
	margin-right:2em;
}


h1{
	font-family:Open Sans;
	font-size:2em;
	text-transform:uppercase;
}

.caption{
	padding:1.5em 0;
	margin:0 0 2.5em 0;
	border-bottom:1px gray solid;
}


.col{
	float:left;
}

.home .col1, .home .col2{
	font-size:.85em;
}

.home .col3{
	font-size:.65em;
	width:26%;
}

.home .col1, .home .col2{
	width:34%;
	margin-right:3%;

}


.home .col3 p{
	margin-top:0;
	margin-bottom:2em;
	clear:both;
	overflow:auto;
}	

.home .col3 img{
	width:43%;
	float:right;
	margin:0 0 1em 6%;
}




/* page with a lot of text, and some photos */

.parallel .photos{
	width:42%;
	float:right;
	margin:0 0 3em 5%;
}

.land-port {
	clear:both;
	overflow:auto;
}

.land-port .first{
	width:67%;
	float:left;
}

.land-port .second{
	width:29.75%;
	float:right;
}



@media screen and (max-width: 1280px){
	body{
		font-size:1.2em;
	}

}

@media screen and (max-width: 1080px){
	body{
		font-size:1em;
	}
	
	.home .col3{
		font-size:.75em;
	}

}

@media screen and (max-width: 940px){
	body{
		font-size:.9em;
	}

}


@media screen and (max-width: 860px){
	body{
		font-size:.85em;
	}

}

@media screen and (max-width: 800px){
	body{
		font-size:.8em;
	}
	
	h1{
		font-size:1.8em;
	}

}



@media screen and (max-width: 800px){
	.header ul{
		clear:both;
	}
	
	h1{
		font-size:1.6em;
	}
	
}

@media screen and (max-width: 540px){
	
	.header ul{
		clear:none;
	}
	
	h1{
		font-size:1.1em;
	}

}

@media screen and (max-width: 400px){

	.home .col1,
	.home .col2,
	.home .col3,
	.home .col3 img,
	.parallel .photos{
		float:none;
		width:100%;
		margin:0;
	}

}