body {
	background-color: #ffffff;
	color: #2b2b2b;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	max-width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

a {
	color: #ebbe76;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
}

/****************************************/
/************* MAIN CONTENT *************/
/****************************************/

#page-wrap {
	text-align: left;
	margin: 0 auto;
}

/************* HERO *************/

.header { /** Header Container**/
	max-width: 100%
}

.header-copy { /** Header Copy **/
	background-color: rgba(255,255,255,0.2);
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	padding: 7px 0;
}

.header-copy a { /** Header Links **/
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	padding: 0 15px;
}

.hero { /** Hero Container **/
	position: relative;
	width: 100%;
	height: 632px;
}

.hero.image { /** Hero Photo **/
	background: url('../img/chicago.jpg') no-repeat;   
    background-size: cover;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.hero h1 { /** Hero Headline **/
	font-family: 'Merriweather', serif;
	font-size: 54px;
	line-height: 60px;
	letter-spacing: 2px;
}

.hero-copy { /** Hero Subhead **/
	color: #ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/************* SERVICES *************/

.services-content { /** Services Container **/
	display: table-row;
	width: auto;
	clear: both;
}

.services-1 { /** Services Left Container **/
	display: table-cell;
	background-color: #2b2b2b;
	width: 55%;
	min-height: 540px;
	vertical-align: middle;
}

.services-1 h2 { /** Services Left Container Copy **/
	color: #ffffff;
	font-family: 'Merriweather', serif;
	font-size: 22px;
	line-height: 40px;
	width: 65%;
	float: right;
	padding: 0 100px 0 65px;
}

.services-1-dash { /** Services Dash **/
	background: #ebbe76;
    max-width: 466px;
    padding: 1px 0;
    margin: 10px 0;
}

.services-2 { /** Services Right List Container **/
	display: table-cell;
	background-color: #ffffff;
	width: 50%;
	min-height: 540px;
	vertical-align: middle;
}

.services-2-copy { /** Services Right List Container Copy **/
	line-height: 20px;
	padding: 70px 90px;
}

.services-2-copy ul { /** Services List **/
	list-style-type: none;
	padding: 0;
}

.services-2-copy li { /** Services List Content **/
	padding: 8px 0;
}

/************* RECENT ENGAGEMENTS *************/

.recent-work { /** Recent Engagements Container **/
	background-color: #f2d28d;
}

.recent-work-copy { /** Recent Engagements Copy **/
	font-size: 20px;
	line-height: 34px;
	text-align: center;
	max-width: 80%;
	padding: 60px 0;
	margin: 0 auto;
}

.recent-work-copy h2 { /** Recent Engagements Headline Copy **/
	font-family: 'Merriweather', serif;	
	font-size: 30px;
	margin: 5px auto;
}

.recent-work-dash { /** Recent Engagements Dash **/
	display: block;
	background: #ffffff;
    max-width: 314px;
    padding: 1px 0;
    margin: 20px auto;
}

/************* BIOGRAPHY *************/

.biography-container { /** Biography Container **/
	max-width: 100%;
	background: #ffffff;
	padding: 60px 0;
}

.biography { /** Biogrpahy Content Container **/
	max-width: 1001px;
	margin: 0 auto;
}

.bio-copy { /** Biography Copy **/
	display: table-cell;
	background-color: #2b2b2b;
	color: #ffffff;
	text-align: left;
	width: 49%;
	height: 636px;
	vertical-align: middle;
	padding: 0 80px;
}

.bio-copy h2 { /** Biography Headline Copy **/
	color: #ffffff;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	text-align: center;	
}

.bio-dash { /** Biography Dash **/
	background: #ebbe76;
    max-width: 158px;
    padding: 1px 0;
    margin: 25px auto;
    
}

.bio-pic { /** Biography Photo **/
	display: table-cell;
	background: url('../img/Swislow_Bill_C.jpg') no-repeat;
	width: 50%;
	height: 636px;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-position: 0 center;
}

/************* CONTACT *************/

.contact { /** Contact Container **/
	background-color: #2b2b2b;
	max-width: 100%;
	height: 300px;
}

.contact h2 { /** Contact Header **/
	color: #ffffff;
	font-family: 'Merriweather', serif;	
	font-size: 28px;
	line-height: 32px;
}

.contact-dash { /** Contact Dash **/
	display: block;
	background: #ebbe76;
    max-width: 350px;
    padding: 1px 0;
    margin: 20px auto;
}

.contact-copy { /** Contact Copy **/
	color: #ebbe76;
	text-align: center;
	padding: 30px 0 0;
}

.contact-copy ul { /** Contact Options List Container **/
	list-style-type: none;
	padding: 0;
}

.contact-copy li { /** Contact Options Content **/
	display: inline-block;
	padding: 5px 40px;
}

/*****************************************/
/************* MEDIA QUERIES *************/
/*****************************************/

@media handheld, only screen and (max-width: 1160px) {

	.biography-container { /** Biography Container **/
		padding: 0;
	}

	.biography { /** Biogrpahy Content Container **/
		max-width: 100%;
		margin: 0 auto;
		border-bottom: 4px solid #ebbe76;
	}

	.bio-copy { /** Biography Copy **/
		width: 49%;
		height: 650px;
		padding: 0 80px;
	}

	.bio-pic { /** Biography Photo **/
		display: table-cell;
		width: 50%;
		height: 650px;
		background-position: 0 center;
	}

}


@media handheld, only screen and (max-width: 900px) {

	.services-1 { /** Services Left Container **/
		display: inline-flex;
		background-color: #2b2b2b;
		width: 100%;
		min-height: 300px;
	}

	.services-1 h2 { /** Services Left Container Copy **/
		color: #ffffff;
		font-family: 'Merriweather', serif;
		font-size: 22px;
		text-align: center;
		line-height: 40px;
		float: none;
		padding: 70px 0;
		margin: 0 auto;
	}

	.services-1-dash { /** Services Dash **/
	    padding: 1px 0;
	    margin: 20px auto;
	}

	.services-2 { /** Services Right List Container **/
		display: inline-block;
		background-color: #ffffff;
		text-align: center;
		width: 100%;
		min-height: 400px;
	}

	.services-2-copy { /** Services Right List Container Copy **/
		padding: 40px 0;
	}

	.biography-container { /** Biography Container **/
		padding: 0;
	}

	.biography { /** Biogrpahy Content Container **/
		width: 100%;
		height: auto;
		border-bottom: none;
	}

	.bio-copy { /** Biograpahy Copy **/
	    display: block;
	    width: auto;
	    height: auto;
	    padding: 40px 80px 80px;
	}

	.bio-pic { /** Biography Pic **/
	    display: block;
	    width: 100%;
	    height: 836px;
	}


}

@media handheld, only screen and (max-width: 600px) {

	.biography-container { /** Biography Container **/
		padding: 0;
	}

	.biography { /** Biogrpahy Content Container **/
		width: 100%;
	}

	.bio-copy { /** Biograpahy Copy **/
	    display: block;
	    height: auto;
	    padding: 40px 30px 80px;
	}

	.bio-pic { /** Biography Pic **/
	    display: block;
	    width: 100%;
	    height: 636px;
	}


}

@media handheld, only screen and (max-width: 480px) {
	
	.header-copy {
		font-size: 13px;
		padding: 5px 0;
	}

	.header-copy a {
		font-size: 13px;
	}

	.hero { /** Hero Container **/
		height: 382px;
	}

	.hero h1 { /** Hero Headline **/
		font-size: 36px;
		line-height: 40px;
		letter-spacing: 1px;
	}

	.hero-copy { /** Hero Subhead **/
		font-size: 24px;
		line-height: 30px;
		width: 80%;
	}

	.bio-pic { /** Biography Pic **/
		display: block;
		width: 100%;
		height: 636px;
		background-position: center center;
	}
	
	.services-1 h2 { /** Services Right List Container **/ 
	    font-size: 20px;
	    line-height: 36px;
	    text-align: center;
	    padding: 40px 0;
	}

	.contact-dash { /** Contact Dash **/
    	max-width: 245px;
    	margin: 10px auto;
	}

}