/* header */

	.wrapper {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 28px; /* gutter */
	}

	header {
		padding: 1px 0;
		background:#220f00;
		color:#e1cf98;
		min-height: 150px;
	}
	
	/* layout */
	
	header .logo {
		margin-top: 24px;
		text-align: left;
	}

	.topnav {
		background:#faf7e9;
	}

	.topnav .wrapper {
		display: table;
		width: 100%;
	}
	
	.topnav a {
		display: table-cell;
		text-align: center;
		padding: 0;
	}
	

	header .subheader {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
	}
	

	header h1 { 
		color:#e1cf98;
		font-size:1.5em;
	}

	header h2 {
		font-size:.75em;	
		text-transform:uppercase;
		color:#b88441;
	}

	header h3 { 
		font-family:"futura-pt", 'times new roman', 'josefin sans', arial, sans-serif;
		font-size:1.1em;
		color:#b88441;
	}

	header a,
	header a:visited,
	header a:active {
		color:#e1cf98;
	}
	header a:hover {
		color:#fff;
	}

	header .shortNav a, header.shortNav a:visited { 
		display:inline-block;
		padding:5px 10px;
		border-right:1px solid #e1cf98;
		text-transform:uppercase;
	}

	header .shortNav a:last-child {
		border:0;	
	}


	/* secondary menu */
	
	
	.logo-isgm { 
		float:right;
		display:inline;
		height:60px;
	}

	.onview { 
		float:right;
		display:inline;
		text-align:right;
	}




	/* nav at top */
	
	.home .topnav {display: none}

	.topnav a, .topnav a:visited { 
		font-family: 'garamond-premier-pro', arial, Georgia, serif;	

		font-size:1.2em;
		padding:1.5em 1em;
	}
	.topnav a:hover {
		color:#000;
	}
	
	
	
	
	
	
	@media only screen and (min-width: 400px) {

	header h1 { 
		font-size:2em;
	}

	header h2 { 
		font-size:1em;
	}

}

@media only screen and (min-width: 600px) {


}

@media only screen and (min-width: 768px) {

	header h1 { 
		font-size:2.5em;
	}

	a.two-left, a.two-left:visited, a.two-right, a.two-right:visited { 
		display:inline-block;
	}
	a.two-right, a.two-right:visited { 
		float:right;	
	}
	
	
}


@media only screen and (min-width: 1280px) {

	header {
		min-height: 200px;
	}

	header h1 { 
		padding-top:10px;
		font-size:4.2em;
	}
	header h2 { 
		font-size:2em;
	}
	
	/* header */

	header {
		padding:10px 0; 
		text-align:left;
	}
	
	.onview {
		padding-top:35px;
	}

	.logo-isgm { 
		height:120px;
	}


}