/* Tag Resets */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section {
	margin: 0;
	padding: 0;
	border: 0;
}
/* was here */
body {
	min-height: 100%;
	font-size: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video {
	display: block;
}
b,strong {
	font-weight: bold;
}
input,textarea,button,select {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="checkbox"],input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
textarea {
	overflow: auto;
}

/* ******************************************
	Custom Styles
****************************************** */
html {
   font-size: 100%;
   line-height: 1;
   -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}
body {
	font-family: 'Open Sans', Arial, sans-serif;
	color: #451002;
	background: #fff;
}
#outer-wrapper {
	max-width: 75em;
	margin: 0 auto;
	background: #f3f3f3;
}	
.wrapper {
		padding: 0 .1625em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
#container-masthead {
	text-align: center; 
	padding-top: 60px;
}
#container-content {
	padding: .65em 0;
}
#container-colophon {
	background: #fff;
	padding: 0 0 .325em;
	text-align: center;
}
#masthead, #colophon {
	margin: 0 .325em;
}
.content {
	margin: -2.6em 0 0;
}
.content-support {
	margin: .325em 0 0;
	clear: both;
}
.quote-box {
	padding: .65em;
}
img {
	max-width: 100%;
	height: auto;
}
#ensemble {
	text-align: center;
}
#ensemble img {
	padding: .65em 0;
}
hr {
	height: 1px;
	border-top: .1625em solid #b38a1e;
	clear: both;
}
p,li,.default-color li {
	font-size: 1.0625em;  /* 17px / 16px = 1.0625em */
	line-height: 1.3; /* 20px / 16px = 1.25; scale 1.25 x 1.0625 = 1.328125; *** more accurate scale 1.328125 / 1.0625 = 1.295731707317073 round to 1.3 */
	padding-bottom: .65em; 
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: 100;
}
h1 {
	color: #b38a1e;
	font-weight: bold; 
	font-size: 1.8859375em; /* 1.775 x 1.0625 = 1.8859375 */
	line-height: 1.339; /* 1.3 / 1.8859375 = 0.6893123446561723 *** plus 1/2 scale of 0.65 = 1.339312344656172 round to 1.339 */		
	padding-top: 2.6em;
	padding-bottom: .325em;
}
h2 {
	font-size: 1.5671875em;
	line-height: 1.48;
	padding: .325em 0;
}
#colophon p {
	padding: 2.275em 0;
	font-size: 0.9296875em; /* 0.875 x 1.0625 = 0.9296875 */
	line-height: 1.073; /* 1.3 / 0.9296875 = 1.398319327731092; less 1/4 scale of  0.325 = 1.073319327731092; round to 1.073 */
}

/* ******************************************
	Masthead Styles
****************************************** */
#masthead figure, #masthead div {
	display: inline-block;
	vertical-align: middle;
	padding: .975em 1em 0em;
}
#masthead img {
	border-radius: 50%;
}
#masthead-title-part-one, #masthead-title-part-two {
	font-family: 'Trade Winds', "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2em;
	text-align: center;
	padding: 0;
}
#masthead-conjunction {
	font-family: 'Caveat', "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.8em;	
	color: #0d0d0d;
	text-align: center;
	letter-spacing: 1px;
	line-height: .65em;
	padding-top: .325em;
}
#masthead-name {
	font-family: 'Caveat', "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.8em;
	color: #0d0d0d;
	text-align: center;
	letter-spacing: 1px;
	padding-top: .325em;
}

/* ******************************************
	List Styles
****************************************** */
.list {
	color: #b38a1e;
	padding-left: 1.95em;
}
.default-color{
	color: #451002;
}

/* ******************************************
	Testimonial Styles
****************************************** */
.container-quote {
	padding-bottom: .65em;	
}
blockquote {
	background: #fafaf9;
	border: .625em solid #fafaf9;
	border-radius: .975em;
}
.quote {
	padding: 0 .325em 0 .65em;
	font-style: italic;
}
.quote-name {
	text-align: right;
	padding: .1625em 0 .325em 0;
	clear: both;
}

/* ******************************************
	Navigation Styles
****************************************** */
#navbar {
	overflow: hidden;
  	background: #fff;
}
#navbar li {
	display: inline;
	}
#navbar a {
	float: left;
  	display: block;
  	color: #b38a1e;
  	text-align: center;
	line-height: 1; 
 	padding: .4875em .1625em; 
 	text-decoration: none;
  	font-size: 1.125em;
  	font-weight: bold;
}
#navbar a:hover, #navbar a:active {
  background: #b38a1e;
  color: #fff;
}

/* ******************************************
	Sticky Nav Styles
****************************************** */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* ******************************************
	Contact Section Link Styles
****************************************** */
#contact-info p {
	line-height: 2.7625em;
}
#contact-info a {
	color: #013645;
	text-decoration: none;
	font-weight: bold;
	padding: .5em 1em;
	border: 3px solid #f3f3f3;
}
#contact-info a:hover, #contact-info a:active {
	 border: 3px solid #b38a1e;
	 border-radius: 50%;
}
a {
	outline:0;
} /* firefox reset */

/* ******************************************
	Media Queries for screen wider than 343px or 21.4375em
****************************************** */
@media screen and (min-width: 343px){
	#navbar a { 
		padding: 1.475em .1625em;
	}	
}

/* ******************************************
	Media Queries for screen wider than 25em
****************************************** */
@media screen and (min-width: 24em){
	#navbar a { 
		padding: 1.475em .325em;
	}
}
/* ******************************************
	Media Queries for screen wider than 40em
****************************************** */
@media screen and (min-width: 40em){
	.wrapper {
		padding: 0 1.3em;
	}
	h2 {
		line-height: 1.479em; 
	}
	h3 {
		line-height: 1.714em;
	}		
	p {
		line-height: 1.625em;
	}	
}

/* ******************************************
 	Media Queries for screen wider than 45em.
****************************************** */
@media screen and (min-width: 45em){
	.wrapper {
		padding: 0 2.6em;
	}
}

/* ******************************************
	Media Queries for screen wider than 57em
****************************************** */
@media screen and (min-width: 57em){
	#masthead div {
		padding-top: 1.625em;
	}
	.content-support {
		clear: both;
	}
	.half {
		float:left;
		width: 50%;
	}
	li,.default-color li {
		line-height:1.4625;
	}
}