@charset "UTF-8";
/* App.css */

html{
	overflow-y:scroll;
}
html, body{
	width:100%;
	height:100%;
}
body{
	background: #f0efed;
	font-family: 'Libre Baskerville', Georgia, Times, serif;
	font-size: 15px;
	line-height: 1.6rem;
	color: #606164;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Libre Franklin', Segoe UI, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.6;
	color: #242424;
	clear: both;
}
h1{
	font-size: 2.4rem;
}
h2{
	font-size: 1.8rem;
}
h3{
	font-size: 1.6rem;
}
h4{
	font-size: 1.4rem;
}
h5{
	font-size: 1.2rem;
}
h6{
	font-size: 1rem;
}

.sans{font-family: 'Libre Franklin', Segoe UI, Arial, sans-serif;}
.serif{font-family: 'Libre Baskerville', Georgia, Times, serif;}


hr{
	float: left;
	border-width: 0 0 2px;
}
hr.mini{
	width:30px;
}
hr.orange{
	border-color: #f26523;
}


h2 + ul{
	margin-top: 1rem;
}
ul{
	list-style: none;
	list-style-type: none;
	margin-left: 0;
}
ul li{
	margin: 0 0 0.5rem;
	color: #f26523;
}
ul li span{
	color: #606164;
}

a{
	
}
a.link{
	text-decoration: underline;	
}


.text-orange{
	color: #f26523;
}
.text-white{
	color: #FFF;
}







.container{
	width: 100%;
	margin: 0 auto;
}

.section{
	width: 100%;
	float: left;
	clear: both;
	padding: 60px 0;
}

.section.light{
	background:#f0efed;
}
.section.light-grey{
	background:#e4e4e3;
}

.content{

}








.header{

}
.header .container{
	padding: 0 15px;
}

.large-article-header {
	background: url(/assets/images/construction-1200.jpg) center no-repeat;
	background-size: cover;
	box-shadow: 200px 400px 150px -400px #000000 inset, -200px -400px 100px -400px #000000 inset;
	height: 32rem;
	position: relative;
}

.large-article-header-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #303840;
	opacity: 0.75;
	opacity: 0.8;
	z-index: 0;
}


.large-article-header-content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	bottom: 6rem;
	left: 0;
	right: 0;
	z-index: 1;
}

.large-article-header-content.top {
	top: 3rem;
	bottom: auto;
}

.large-article-header-content .center-container {
	width: 50%;
	margin: 0 auto;
}

.article-title{
	float: left;
	max-width: 66%;
}

.article-title h1 {
	line-height: 3rem;
	color: #FFF;
}




.logo{
	float: left;
	max-width: 300px;
}

.contact{
	float: right;
	margin: 15px 0 0;
}
.contact li{
	float: left;
	display: inline;
	padding: 0 5px;
}
.contact a{
	color: #FFF;
}








.testimonials{
	/*display: none;*/
}
.testimonial{
	padding: 30px 0;
}
.quote{
	font-size: 1.5rem;
	line-height: 2rem;
}
.quotemark{
	font-size: 2rem;
	vertical-align: middle;
}
.author{
	padding: 15px 10px;
}





.footer{
	background:#303840;
	/*margin: 30px 0;*/
}
.footer h6{ 
	font-size: 0.9rem;
	color:#FFF; 
}
.footer p{ 
	font-size: 0.9rem;
	color: #737980; 
}
























@media screen and (max-width: 39.9375em) {

	.large-article-header {
		height: 24rem;
	}
	
	.large-article-header-content {
		bottom: 2rem;
	}
	
	.large-article-header-content .center-container {
		width: 100%;
		padding: 0 1.25rem;
	}
	
	.article-title{
		max-width: 100%;
	}

	.article-title h1{
		font-size: 2rem;
		line-height: 1.25em;
		text-align: center;
	}

	.large-article-header-content.top{
		top: 2rem;
	}
	.logo, .contact{
		width: 100%;
		margin:0 auto;
		text-align: center;
	}
	.logo{
		float: none;
	}
	.contact ul {
		text-align: center;
	}
	.contact li {
		float: none;
		display: inline-block;
	}

}





@media only screen and (min-width: 39.9375em) {

	.container{
		max-width: 720px;
	}



}



@media only screen and (min-width: 64em){
	/* Large Screens, min-width 1025px */

	.container{
		max-width: 980px;
	}

}