@charset "UTF-8";
/* CSS Document */


body {
    font-family: proxima-nova,sans-serif !important;	
	font-size:16px;
	line-height:24px;
	text-align:left;
	padding:0;
	margin:0;
	color:#FFF;
	background:#FFF url(bgalt2.jpg) no-repeat right center;
	background-size:cover;
	background-attachment:fixed;
	letter-spacing:0.01em;
}

h1 {
	letter-spacing:-1px;
	font-size:30px;
	line-height:31px;
	border-bottom:1px solid #e9e7e3;
	padding-bottom:20px;
	color:#FFF;	
	margin-top:40px;
}

.page {
	height:100%;
	width:100%;
	float:left;
}

.page::before {
	content:" ";
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-image:linear-gradient(to bottom, rgba(0,0,0,.2),rgba(0,0,0,.6));
	min-height:100vh;
	z-index:-1;
}

.header {
	position:relative;
	z-index:1;
}

.footer-bar {
	font-size:11px;
}

.footer-bar p {
	padding-right:20px;	
}

.footer-bar {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	text-align:right;
	padding:10px 0;
	height:20px;
}


.website-note {
	position:fixed;
	bottom:20px;
	right:20px;
	font-style:italic;
}


.header, .description, .contact, .quote-wrapper {
	margin:20vh auto 0;
	max-width:1000px;
	padding:20px 60px 0 60px;
	margin-bottom:0;
	font-weight:300;
	font-size:17px;
	line-height:25px;
	text-align:left;	
	margin-bottom:6px;	
}

.contact {
	max-width:500px;
}

.contact-wrapper {
	margin-top:2rem;
}
	
.description {
	margin-top:13vh;
	margin-bottom:15vh;
}

.image {
	text-align:center;	
	float:left;
	width:100%;
	margin-bottom:40px;
	border-top:1px solid #e9e7e3;
	border-bottom:1px solid #e9e7e3;
	padding:6px 0;
}
	
	span.image-wrapper {
		float:left;
		width:25%;
	}
		
	span.image-wrapper-middle {
		float:left;
		width:50%;		
	}

.image img {
	padding:6px 1%;
	float:left;
	width:98%;
	height:auto;
}

.headshot {
	float:left;
	width:40%;
	height:auto;
	max-width:120px;
	margin:5px 20px 20px 0;
}

.nav, .nav li {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

.nav li {
	display:inline-block;
	padding:0 20px;
}

.team-list {
	list-style:none;
}

.team-list li {
	margin:0 0 1rem 0
}

@media (min-width:850px) {
.description, .contact, .quote-wrapper {
	padding:0 160px 0 160px;
}
	
.quote-wrapper {
	max-width:1200px;
}	
	
	.team-list {
		list-style:none;
		margin:0;
		padding:0;
		display:flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	
	.team-list li {
		width:calc(33.333% - 2rem);
		padding:0 1rem;
		text-align:center;
		list-style:none;
		margin:0 0 2rem 0;
	}	
}
	
	.contact {
		margin-bottom:400px;
	}

.contact-left, .contact-right {
	float:left;
	padding:0;
	margin:0 2rem 0 0;
}

.contact-bottom {
	float:left;
	padding:0;
	margin:0;
	text-align:left;width:100%;	
}	

	
@media (min-width:850px) {
	.contact-wrapper {
		text-align:center;		
	}
	
	.contact-left, .contact-right {
		width:45%;
		text-align:center;
		margin:0;
	}
	.contact-left {
		margin-right:5%;
	}
	.contact-right {
		margin-left:5%;
	}
}

.logo {
	margin:50px 10px 0;
}

.logo p {
	text-align:center;	
}

.logo img {
	width:100%;
	height:auto;
	max-width:300px;	
	margin:0;
}

p {
	margin:0 0 15px 0;
}

ul {
	margin:0 0 15px 0;
	padding:0;
}

li {
	margin-left:17px;	
}

a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	-webkit-transition: all 0.3s ease!important;
	-moz-transition: all 0.3s ease!important;
	-o-transition: all 0.3s ease!important;
	transition: all 0.3s ease!important;	
}
	
	a:hover {
	color:#ac2527;
	text-decoration:none;
	font-weight:bold;
}
	
	a.small-link {
		text-transform:uppercase;
		font-size:0.6em;
	}
	
	strong {
		font-weight:800;
	}

h2 {
	color:#a7a9ac;
	text-transform:uppercase;
	margin-bottom:5px;
    font-family: proxima-nova,sans-serif !important;	
	font-size:20px;
	padding-top:4px;
}
	
h3 {
	color:#FFF;	
	margin-bottom:0px;		
}

.kicker {
	font-size:2rem;
	line-height:2rem;
	font-weight:900;
	text-align:center;
	margin-bottom:2rem;
}



.intro {
	font-size:1.25rem;
	line-height:1.75rem;
	text-align:center;
	margin-bottom:5vh;
}

.quote {
	padding:0 2rem;
}

.quote p {
	font-size:1rem;
	line-height:2rem;
	text-align:center;
	border-top:1px solid rgba(255,255,255,.4);
	padding-top:2rem;
	margin-top:2rem;
	font-style:italic;
}

.quote p:last-child {
	font-size:0.8125rem;
	line-height:1rem;
	border-top:none;
	padding-top:0;
	margin-top:0;
	font-weight:800;
}

.quote {
	position:relative;
	padding-left:2rem!important;
	min-height:10rem;
}

.quote::before {
	content:"\201C";
	color:#a7a9ac;
	font-size:25rem;
	line-height:18rem;
	font-family: orpheuspro, serif;	
	position:absolute;
	top:0;
	left:-5rem;
	height:4.5rem;
}
