/*All Sizes and Smallest*/
.cf:before, .cf:after { content: " "; display: table; }
.cf:after {clear: both;}
.cf { *zoom: 1;}
* { box-sizing:border-box; font-family: "sofia-pro",sans-serif!important}

.branding img {width:100%; max-width: 580px; padding:20px; }
nav {font-weight: 400; text-transform: uppercase; font-size: 1.25em;}
nav.secondary {font-size: .8em}
nav ul {padding:0; }
	.navigation-wrap {position: relative; height: 50px; background: #bfb9a7;}
nav li {display: inline-block;}
nav.contain {padding:0;}
nav.secondary {text-align: right; padding-top:50px; display: none}
nav#primary {
		  text-align: justify;
		  height: 50px;
		  line-height: 50px
		}
nav#primary * {
		  color: #fff;
		}
nav#primary span {
		  display: inline-block;
		  position: relative;
		  width: 100%;
		  height: 0;
		}
nav#primary .anchor-link { font-size:1.25em; display: block; text-align: left; padding: 0 1em 0; padding: 0 20px; line-height:50px;  background-color: #753c2a; text-decoration: none;  width: 100%;}
	nav#primary .anchor-link, #mobile-nav { display: block; }
  nav#primary ul {display:none;}
  nav#primary  ul.open { 
    background-color: #bfb9a7;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 100%;
    width: 100%;
    font-size: 1.25em;
    z-index: 500; 
	}
	nav#primary  ul.open li { display: block; list-style: none; text-align: left; }
	nav#primary  ul.open li a { display: block;line-height:50px; text-decoration: none; color:white; padding: 0 20px;}
	nav#primary ul.open li a:hover, nav#primary ul.open li a.active { background-color: #aba48f; color: #fff; }
	#close, nav#primary ul.open li#close a:hover {display:block; background-color: #753c2a }

header.page-name.page-1 {background: url(../images/banner.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-services {background: url(/assets/images/services.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-about {background: url(/assets/images/about-us.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-testimonials {background: url(/assets/images/testimonials.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-resources {background: url(/assets/images/resources.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-contact {background: url(/assets/images/contact.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-faqs {background: url(/assets/images/faq.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-careers {background: url(/assets/images/careers.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-ourteam {background: url(../images/our-team.jpg)  top right no-repeat; background-size: auto 100%  }
header .contain {height: 100%; position: relative;}
h1 {font-weight: 100; font-size: 1.25em; color: #417630; bottom:0; position: absolute;  line-height: 1.1;}
h2 {margin:7px 0; padding:0; color: #417630; font-size: 1em; font-weight: 500; text-transform: uppercase;}
h3 {font-size: 1em; color: #bfb9a7; margin:0; padding:0; }
h4 {font-size: 1.25; color: #bfb9a7; margin: 0; padding:0; font-style: italic;}
.sub-page li, p {margin:7px 0; color: #867a6f; font-size: .75em; font-weight: 300}
.sub-page ul {padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0;}
p.intro {font-size: 2.5em; font-size: 1em; font-style: italic; color: #753c2a; line-height: 1.15; margin-bottom: 10px;}
footer {padding:30px 0;}
footer p {font-weight: 500; color: #753c2a; font-size: .65em;}
header.page-name {height:100px; background-size: cover}

.contain {padding:0 20px ;}

p a {text-decoration: underline; font-weight: bold; color:#867a6f;}
p a:hover {color:#753c2a;}
nav.tertiary a {color: #bfb9a7; text-decoration: none; font-size: 1em; font-weight: bold;line-height: 1}
nav.tertiary a:hover, nav.tertiary a.active  {color: #753c2a;}
nav.tertiary li {padding-right: 25px;  padding-left: 23px; border-right: 2px solid #bfb9a7;line-height: 1}
nav.tertiary li:first-child {padding-left:0;}
nav.tertiary li:last-child {border-right:0; padding-right:0;}
footer nav {display:block; font-size: .75em; background-color: #bfb9a7; padding: 15px; }
footer nav ul {text-align: center; margin:0;}
footer nav a {color: #fff; text-decoration: none}
footer nav li:first-child {padding-right: 10px;border-right: 2px solid #fff;}
footer nav li:last-child {padding-left: 8px;}
.bio {
	padding-top: 20px;
}
.bio p {
	margin-top: 5px;
}
.bio img, .bio .title {height: 100px;}
.bio img {width: 100px;}
.image-title {display:table; }
.bio .title {display: table-cell; vertical-align: bottom; padding-left: 30px;}

.mobile {display: inline-block;}
.desktop {display: none;}

.cite {text-align: right}
		.padding-left {padding-left:30px;}

/*Small Size*/
@media screen and (min-width: 35.5em) {
	header.page-name {height:200px;}
	h1 {font-size: 2em;  }
	h2 {font-size: 1.25em;}
	h3 {font-size: 1.2em;}
	p.intro {font-size: 1.5em; }
	.sub-page li, p {font-size: .85em;}

}


/*Medium Size*/
@media screen and (min-width: 48em) {
	.branding img {margin: 10px 0 35px 20px; padding:0;}
	nav.secondary {display:block;}
	footer nav {display:none;}
	nav.secondary a {color: #bfb9a7; text-decoration: none}
	nav.secondary li:first-child {padding-right: 10px;border-right: 2px solid #bfb9a7;}
	nav.secondary li:last-child {padding-left: 8px;}
	nav a:hover, nav#primary a:hover, nav a.active, nav#primary a.active {color: #417630;}
	nav#primary  #mobile-nav { display:none; }
	nav#primary .anchor-link { display: none;}
	nav#primary  ul.simple-toggle li#close {display:none;  }
	nav#primary  ul.simple-toggle {display:inline; list-style: none; padding: 0px; margin: 0px;  text-align: center; }
	nav#primary  ul.simple-toggle li { display: inline-block; text-align: left; }
	nav#primary  ul.simple-toggle li a { display: block;text-decoration: none;  line-height: 50px}
	.wrap {width: 100%; max-width: 1510px; margin:auto;}
	nav.contain, nav.secondary {padding-left: 20px; padding-right: 20px;}
	header.page-name {height:300px;}
	h1 {font-size: 3em; }
	h2 {font-size: 1.5em; margin:15px 0 ;}
	h3 {font-size: 1.4em}
	p.intro {font-size: 2em; margin-bottom: 20px }
	.sub-page li, p {font-size: 1em; margin:15px 0;}
	nav.tertiary li {padding-right: 80px;  padding-left: 78px; }
	nav.tertiary ul {margin-top:20px;}

	.bio img, .bio .title {height: 200px;}
	.bio img {width: 200px;}
	footer p {font-size: .75em;}
	.mobile {display: none!important}
	.desktop {display: inline-block;}
header.page-name.page-1 {background: url(../images/banner.jpg)  center no-repeat;  background-size: auto 100% }
header.page-name.page-services {background: url(/assets/images/services.jpg)  center no-repeat;  background-size: auto 100% }
header.page-name.page-about {background: url(/assets/images/about-us.jpg)  center no-repeat;  background-size: auto 100% }
header.page-name.page-testimonials {background: url(/assets/images/testimonials.jpg)  center no-repeat;  background-size: auto 100% }
header.page-name.page-resources {background: url(/assets/images/resources.jpg)  center no-repeat;  background-size: auto 100% }
header.page-name.page-faqs {background: url(/assets/images/faq.jpg)  center no-repeat;  background-size: auto 100% }
header.page-name.page-careers {background: url(/assets/images/careers.jpg)  center no-repeat;  background-size: auto 100% }
header.page-name.page-contact {background: url(/assets/images/contact.jpg)  center no-repeat;  background-size: auto 100% }
header.page-name.page-ourteam {background: url(../images/our-team.jpg)  top center no-repeat; background-size: auto 100%  }
}


/*large size*/
@media screen and (min-width: 64em) {
		header.wrap {padding-right: 155px;}
		nav.contain {width: 100%; margin:auto; max-width: 1510px; padding:0 155px ; }
		nav.secondary {padding-right:0;font-size: 1em}
		header.page-name {height:390px;}
		h1 {font-size: 3.75em; padding-left:0; left:auto; }
		h2 {font-size: 1.875em;}
		h3 {font-size: 1.625em;;}
		p.intro {font-size: 2.5em; }
		.sub-page li, p {font-size: 1.125em;}
		.contain {width: 100%; margin:auto; max-width: 1510px; padding:0 155px ; }
}


/*huge size*/
@media screen and (min-width: 80em) {

	nav.secondary {font-size: 1.25em}
}

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

header.page-name.page-1 {background: url(../images/banner.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-services {background: url(/assets/images/services.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-about {background: url(/assets/images/about-us.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-testimonials {background: url(/assets/images/testimonials.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-resources {background: url(/assets/images/resources.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-faqs {background: url(/assets/images/faq.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-contact {background: url(/assets/images/contact.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-careers {background: url(/assets/images/careers.jpg)  right no-repeat;  background-size: auto 100% }
header.page-name.page-ourteam {background: url(../images/our-team.jpg)  top right no-repeat; background-size: auto 100%  }
}