body {
	background-color: #ffffff;
}

/* media queries 
------------------------------------------------------------*/
/* Small only */
@media screen and (max-width: 39.9375em) {
	section.headlineleft {
		background: url(../images/grayscale/grayscale-black-line-small-only.png) left bottom no-repeat;
	}
	section.headlineleft h2 em {
		background: url(../images/grayscale/grayscale-black-line-small-only.png) left bottom repeat-x;
	}
	section.story {
		padding: 2rem 1rem 0rem 1rem;
	}
	/* Padding Configurations
	----------------------------------------------------*/
	.section.padding {
		padding-bottom: 1.5rem;
	}	
	section.headline.padding {
		margin-bottom: 1.5rem;
	}
	.subheadline.padding {
		margin-bottom: 1.5rem;
	}
	.content.padding {
		margin-bottom: 2rem;
	}
	.item.padding {
		margin-bottom: 1rem;
	}
			
}

/* Medium and up */
@media screen and (min-width: 40em) {
	section.headlineleft {
		background: url(../images/grayscale/grayscale-black-line-short-thinner.png) left bottom no-repeat;
	}
	section.headlineleft h2 em {
		background: url(../images/grayscale/grayscale-black-line-short-thinner.png) left bottom repeat-x;
	}
	/* Padding Configurations
	----------------------------------------------------*/
	.section.padding {
		padding-bottom: 2rem;
	}	
	section.headline.padding {
		margin-bottom: 3rem;
	}
	.subheadline.padding {
		margin-bottom: 3rem;
	}
	.content.padding {
		margin-bottom: 4rem;
	}
	.item.padding {
		margin-bottom: 2rem;
	}	
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	section.story {
		padding: 2rem 6rem 0.1rem 6rem;
	}	
}

/* Large and up */
@media screen and (min-width: 64em) {
	h2.large {
	    font-size: 6.0rem;
	}
	h2.larger {
	    font-size: 7.0rem;
	}
	header a {
		font-size: 1.2rem;
	}
	section.story {
		padding: 2rem 15rem 0.1rem 15rem;
	}	
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}


/* Fonts
----------------------------------------------------*/
@font-face {
    font-family: AGaramondPro Italic;
    src: url(fonts/AGaramondPro-Italic.otf);
}
@font-face {
    font-family: AGaramondPro Regular;
    src: url(fonts/AGaramondPro-Regular.otf);
}
@font-face {
    font-family: Avenir;
    src: url(fonts/Avenir.ttc);
}

/* Style
----------------------------------------------------*/
h1 em 
, h2 em
, h3 em
, h4 em
, h5 em
, h6 em { 	
	font-family: 'AGaramondPro Italic';
	font-style: normal;
}
.capitalize {
	text-transform: uppercase;
}
.hexagon {
	background-color: #000;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	width: 6rem;
	background: url(../images/grayscale/grayscale-gray-hexagon.png) center center no-repeat;	
	background-size: 100% 100%;
	padding: 1rem 0;
	width: 100%:
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.center.small {
	width: 10rem;
}
/* Toggle
----------------------------------------------------*/
.toggle-switch {
	text-align: center;
	text-transform: uppercase;	
}
.toggle-content {
	display: none;
}

/* About
----------------------------------------------------*/
.about.section.padding {
	padding-bottom: 3rem;
}	

/* Section headers
----------------------------------------------------*/
section h2 {
	line-height: normal;
	margin: 0;
}	
section.headlineleft h2 em {
	display: inline-block;
}

/* Philosophy
----------------------------------------------------*/
.philosophy {
/*	
	padding-top: 1rem;
	padding-bottom: 2rem;
*/	
}
/* Story
----------------------------------------------------*/
section.story {
	background-image: url(../images/grayscale/grayscale-story-bottom-75.png), url(../images/grayscale/grayscale-story-bottom-75-repeat.png);
	background-position: bottom center, bottom left;
	background-repeat: no-repeat, repeat-x;
	background-color: #000;
	/*
	background-size: 100% auto;
	*/	
	color: #ffffff;
}
section.story a {
	color: #ffffff;
}
/* Services
----------------------------------------------------*/
.services section.headline.padding {
	margin-bottom: 1rem;
}
.services p {
	line-height: 1.2rem;
}
.services .capitalize {
	letter-spacing: .2rem;
}	
.services p strong {
	font-weight: 400;
}
/* Process
----------------------------------------------------*/
.process h3 {
	font-weight: bold;
	color: #000;
	margin: 0;
	line-height: 90%;
	
}
/* Work Slides
----------------------------------------------------*/
.work section.headline.padding {
	margin-bottom: 1rem;
}
section.workslides {
	padding: 2rem 3rem 1rem 3rem;
	margin-bottom: 4rem;	
}

/* Work
----------------------------------------------------*/
section.workslides {
	background-color: #999999;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	/*
	padding: 10rem 0;
	margin: 2rem 0;
	*/
}
/* Contact
----------------------------------------------------*/
.contact {
	/*
	padding: 2rem 0;
	*/
}
/* Overview
----------------------------------------------------*/
.overview {
	/*
	padding: 2rem 0;
	*/
}
/* Footer
----------------------------------------------------*/
footer {
	border-top: 1px solid #000;
	padding: 2rem 0 1rem 0;
	text-transform: uppercase;
	font-size: 0.8rem;
}	
footer li p {
	margin-bottom: 0;
}
footer .menu > li a {
	padding: 0;
}
footer .menu > li.separator {
	padding: 0 0.4rem;
}
footer .menu > li > span {
	padding: 0 0.4rem;
}	
/* Header
----------------------------------------------------*/
header {
	background: url(../images/grayscale/grayscale-marble-header.jpg) top right no-repeat;	
	background-size: 100% auto;
	/*
	background-color: #ffffff;
	*/
}	
header a {
	text-transform: uppercase;
	font-weight: 300;
	color: #040707;
}
/* Top Bar
----------------------------------------------------*/
.top-bar-right {
	padding-top: 2rem;
}


/* ERROR Overlay
-------------------------------------------------------*/
.FORMENTRY.error label {
	color: #000;	
}	
.FORMENTRY.error [type="color"], 
.FORMENTRY.error [type="date"], 
.FORMENTRY.error [type="datetime-local"], 
.FORMENTRY.error [type="datetime"], 
.FORMENTRY.error [type="email"], 
.FORMENTRY.error [type="month"], 
.FORMENTRY.error [type="number"], 
.FORMENTRY.error [type="password"], 
.FORMENTRY.error [type="search"], 
.FORMENTRY.error [type="tel"], 
.FORMENTRY.error [type="text"], 
.FORMENTRY.error [type="time"], 
.FORMENTRY.error [type="url"], 
.FORMENTRY.error [type="week"], 
.FORMENTRY.error textarea {
	background-color: #e5f4f2;	
}
.FORMENTRY.error *::-webkit-input-placeholder  
, .FORMENTRY.error *:-moz-placeholder 
, .FORMENTRY.error *::-moz-placeholder 
, .FORMENTRY.error *:-ms-input-placeholder {  
   color: #999;  
}