@charset "utf-8";
*{margin:0;padding:0}

body,html{height:100%;}

body{font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";background-color: #450000;}


nav{background-color: black;padding-left:50px;}
nav ul{display:flex;flex-flow: row;flex-wrap: nowrap;list-style-type: none;}
nav ul li{}
nav ul li a{display:block;padding:10px;font-size:1em;color:white;text-decoration: none;}
nav ul li a:hover{background-color: #C96222;}


#content{background-color: white;min-height:350px;border-top:2px solid #333;}

#content > p {margin-left:60px;font-size:0.85em;}
h1{margin:20px 50px 25px 50px;font-variant: small-caps;font-size: 1.2em;border-bottom:2px solid #802B49;font-weight:bold;color: #C45E26;}
h2{font-size: 0.85em;border-bottom:2px solid #C45E26;font-weight:bold;color: #fff;margin-bottom:25px;}


footer{background-color:#220000;padding:20px 20px 50px 20px;}


footer td {color:#fff;font-size:0.7em;}
footer a:link, footer a:visited{color:white;}
#disclaimer{font-size:0.6em;padding-top:10px;}

.flexpic{margin:10px 10px 10px 0px;}
#panorama{margin-top:20px;}

#gal_flex{display: flex; flex-wrap: wrap;margin:0 50px 0 50px;align-items:flex-start;}
.gal-pic{margin:1vw;}

#gal_flex2{display: flex; flex-wrap: wrap;margin:0 50px 0 50px;align-items:flex-start;}
.gal-pic2{margin:1vw;}


	
#cover{position:fixed;height:20px;z-index:3;background-color: #450000;width:90%;left:50%;margin-left:-45%;}
header{position:fixed;top:20px;z-index:3;background-color: white;width:90%;left:50%;margin-left:-45%;}
#featured{position:fixed;top: 226px;height: 244px;z-index: 1;background-image: url(featured_image.jpg);background-repeat: no-repeat;background-size:cover;width:90%;left:50%;margin-left:-45%;}
main{position:absolute;top:470px;z-index: 2;width:90%;left:50%;margin-left:-45%;}

#slogan{font-size:1.5em;font-weight:bold;font-style:italic;text-align: center;}
#flex-head{width:100%;display:flex;flex-direction: column; flex-wrap:nowrap;justify-content: center;align-items:center;}
#flex-head > img{flex-basis: 532px;flex-grow: 0;flex-shrink: 1;}
#flex-head > div{flex-basis: auto;flex-grow: 0;flex-shrink: 1;}
header > div{height:200px;margin:10px 0 10px 0;text-align:left;}
@media only screen and (max-width:1040px) 
	{
		#cover{display:none;}
		header{top:0px;width:100%;left:50%;margin-left:-50%;}
		#featured{display:none;width:100%;left:50%;margin-left:-50%;}
		#slogan{}
		nav{padding-left:5px;}
		nav ul{flex-wrap: wrap;list-style-type: none;}
		nav ul li a{padding:5px;font-size:0.85em;}
		main{top:298px;width:100%;left:50%;margin-left:-50%;}
		footer{padding:10px;;display:flex;flex-direction: row;flex-wrap:wrap;justify-content: space-between;}
		footer>*{color:white;font-size:0.7em;padding:10px;}
		#f1{text-align: left;}
		#f2{text-align: left;}
		#f3{text-align: left;}
		h1{margin:20px 5px 25px 5px;}
		h2{}
		#content > p {margin:0 5px 0 5px;font-size:0.85em;}
		#flex-head > img{flex-basis: auto;flex-grow: 0;flex-shrink: 1;width:100%;height:auto;max-width:400px;}
		#gal_flex{margin:5px;}
		#gal_flex2{margin:5px;}
		.gal-pic{margin:2vw;max-width:300px;}
		.gal-pic2{margin:1vw;max-width:300px;}
		.flexpic,#panorama{max-width:300px;height:auto;margin:5px;}
	}
@media only screen and (min-width:1040px) 
	{
	#cover{height:50px;z-index:3;background-color: #450000;width:80%;margin-left:-40%;}

	header{top:50px;z-index:3;background-color: white;width:80%;margin-left:-40%;}

	#featured{top: 256px;z-index: 1;height: 444px;width:80%;margin-left:-40%;
	background-image: url(featured_image.jpg);background-repeat: no-repeat;background-size:cover;

}
	main{top:700px;z-index: 2;width:80%;margin-left:-40%;}
		
	#slogan{text-align: right;padding-right:10px;font-size:2.5vw;}
	#flex-head{flex-direction: row; flex-wrap:nowrap;justify-content:space-around;align-items: flex-end;}
		
	.gal-pic{flex-basis: 30%;}
	}