@charset "utf-8";
/* CSS Document */
/* colors 
	sage green text #7A8889
	pale green #E0E6E1
	header text #DFD8D2
	burnished brown text #7A6757
	dark text #41362E
*/

@font-face {
    font-family: 'libre_caslon_textregular';
    src: url('librecaslontext-regular-webfont.woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'libre_caslon_textitalic';
    src: url('librecaslontext-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'libre_caslon_textbold';
        src: url('librecaslontext-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
@font-face {
font-family: 'fira_sans_condensedbold';
    src: url('FiraSansCondensed-Bold-webfont.eot');
    src: url('FiraSansCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('FiraSansCondensed-Bold-webfont.woff2') format('woff2'),
         url('FiraSansCondensed-Bold-webfont.woff') format('woff'),
         url('FiraSansCondensed-Bold-webfont.ttf') format('truetype'),
         url('FiraSansCondensed-Bold-webfont.svg#fira_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'libre_caslon_textregular', 'Palatino Linotype', Palatino, serif;
	font-size: 1.3em;
	margin:0;
	padding:0;
}
h1, h2 { font-weight:normal; }
main h2, figcaption {
	 font-family: 'fira_sans_condensedbold', 'Arial Condensed', Arial, sans-serif;
}

header {
	background:url(/images/gallantreeA_bg_hdr.jpg);
	color:#DFD8D2;
	padding: 60px 60px 0;
	position:relative;
}
header .logo {
	position:absolute;
	top: 50px;
	padding-top:73%;
	right:4%;
	width:350px;
	max-width:20%;
	background:	url(/images/gallantreeA_logoWhite.png) no-repeat;
	background-size:contain;
	z-index:999;
	margin-bottom:-80px;
}
header h2 {
	font-family: 'libre_caslon_textitalic', 'Palatino Linotype', Palatino, serif;
	font-style:normal;
	font-weight:normal;
	font-size:1.8em;
	text-align:center;
	margin:0;
	padding:0;
	
}
.hero img, .hdr-bot, .theme {
	 width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;	
}
.hdr-bot {
	background: #e0e6e1;
	padding: 0 0 70px; 
	box-shadow: inset 0 -20px 20px -20px rgba(0,0,0,0.25);
}
figcaption { 
	color:#41362E;
	font-size:.66em;
	padding: 20px 60px 40px;
}
.theme {
	text-align:center;
	border-top:1px solid #7a6757;
	border-bottom:1px solid #7a6757; 
	padding:25px;
	
}
.theme img { 
	width: 820px;
	max-width:80%; 
	display:block !important;
	margin:0 auto;
	
}
main {
	margin: 10px auto;
	width: 80%;
	max-width: 1400px;
	padding-bottom: 40px;
	color: #41362E;
	background:#fff;
}
main h2 { color: #7A8889; font-weight:bold; font-size:1.1em; padding-bottom:5px; border-bottom:1px solid #E0E6E1;}
main p { line-height:1.45; }
footer {
	background:#E0E6E1;
	font-size:.7em;
	color:#7A6757;
	text-align:center;
	padding: 30px 60px 50px;
	box-shadow: inset 0 25px 20px -20px rgba(0,0,0,0.25);
}
@media screen and (min-width:1251px) {
	header h2 { margin-bottom: 75px; }
}
@media screen and (max-width:1250px) {
	header {
		padding:30px 20px;	
	}
	header h2 { font-size: 1.35em; margin-bottom: 50px; }
	header .logo {
	position:absolute;
	top: 50px;
	padding-top:73%;
	right:3%;
	width:270px;
	max-width:19%;
	background:	url(/images/gallantreeA_logoWhite.png) no-repeat;
	background-size:contain;
	z-index:999;
	margin-bottom:-80px;
	}
}
@media screen and (max-width:830px) {
	header { padding:30px 20px 0; }
	.hero { margin-top:80px; }
	header h2 { font-size: 1.1em; margin-bottom:15px; }
	header .logo {top:80px; max-width:22%;}
}