*, *:before, *:after {
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
}
* {
	margin:0;
	padding:0;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
html,
body {
	height:100%;
}
body {
	background: url("../img/white_carbonfiber.png") repeat scroll 0 0 #c8c8c8;
	color: #D6D6D6;
	font-family: 'Open Sans', sans-serif; 
	font-size: 100%; /* 16px */ 
	font-weight: 600;
}
.logo-col {
	width: 3.54166666666667%; /* 34/960 = 0.0354166666666667 */
	margin-top: 6px;
}
.col4 {
	width: 48.02083333333333%; /* 461/960 = 0.4802083333333333 */
}
.col5 {
	width: 65.625%; /* 630/960 = 0.65625 */
}
.navbar nav {
	margin-top: 60px;
}
.navbar h1 {
	font-size: 1.375em; /* 22/16 = 1.375 */
	font-weight: 800;
	line-height: 1em;
	margin: 60px 0 60px;
}
.navbar ul li {
	display: inline-block;
	list-style-type: none;
}
.headerOnScroll {
	background-color: #fff;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
}
.headerOnScroll nav ul li{
	display: inline;
	margin: 5px 0 6px 6px;
}
.headerOnScroll ul a {
	background-color: #fff;
	box-shadow: none;
	color: #25272B;
	cursor: pointer;
	list-style-type: none;
	margin: 5px;
	padding: 4px 10px; /* 20/630 = 0.0317460317460317*/
}
a {
	text-decoration: none;
	color: #337acc;
}
header h1 a, .secondary-navbar h1 a {
	background-color: #25272B;
	color: #F0F0F0;
	cursor: pointer;
	display: inline-block;
	padding: 10px 40px; /*   */
}
header ul a, .secondary-navbar ul li a {
	background-color: #25272B;
	color: #a8a8a8;
	display: inline-block;
	padding: 10px 60px; /*   */
	text-align: center;
}
.callout ul a, footer ul a {
	background-color: #25272B;
	color: #b4b4b4;
	cursor: pointer;
	display: inline-block;
	list-style-type: none;
	padding: 4px 25px; /*   */
	text-align: center;
}
footer {
	background-color: #141414;
}
header nav ul li a:hover {
	color: #fff;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
header .headerOnScroll nav ul li a:hover {
	background-color: #e1e1e1;
	color: #25272B;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
header .headerOnScroll nav ul li.active a {
	background-color: #25272B;
	color: #f0f0f0;
}
footer nav ul li a:hover {
	color: #ffffff;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
hr {
	color: #f0f0f0;
	margin-bottom: 35px;
}
.video hr {
	margin: 25px 0;
}
.marketing hr {
	color: #f0f0f0;
}
.headerOnScroll ul li.active {
	list-style-type: none;
}
header .navbar ul li.active a, .secondary-navbar ul li.active a {
	background-color: #f0f0f0;
	box-shadow: 1px 2px 2px #a3a3a3;
	color: #25272B;
}
.wrapper {
	margin: 0 auto;
	max-width: 1240px;
	width: 90%; /* 960 px */
}
.main {
	background-color: #D6D6D6;
	box-shadow: 3px 5px 5px #a3a3a3;
	padding: 2.41935483870968%; /* 30/1240 = 0.0241935483870968 */ 
}
.hero {
	padding-top: 5px; /*2.41935483870968% 30/1240 = 0.0241935483870968 */ 
}
.main, .hero {
	margin: 0 auto 60px;
	max-width: 1240px;
	width: 90%; /* 960 px */
}
.secondary-header {
	display: none;
}
.secondary-header ul li {
	background-color: #A4A4A4;
	font-size: 0.875em; /* 14/16 = 0.875 */
	margin: 5px 0 5px 1.5625%; /* 15/960 = 0.015625 */
}
.callout ul li a {
	color: #25272B;	
}
.callout ul li {
	background-color: #F0F0F0;
	cursor: pointer;
	display: inline;
	list-style-type: none;
	margin: 15px 0;
	padding: 10px 0;
	text-align: center;
}
footer ul li {
	color: #d2d2d2;
	display: inline-block;
}
.crossfading-controls {
	color: #FFF;
	font-weight: 800; 
	font-size: 4.5em; /* 72/16 = 4.5 */
	line-height: 1.5em;
}
.crossfading-controls:hover {
	color: #25272B;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.about-container {
	color: #d6d6d6;
	padding: 45px 0 15px; /* 20/960 = 0.0208333333333333*/
}
.title p:nth-last-of-type(1) {
	font-size: 0.75em; /* 12/16= 0.75 */
	margin-top: 15px;
}
.about-container p:nth-last-of-type(1) {
	margin: 0 0 45px;
}
.social-media {
	font-size: 0.875em; /* 14/16 = 0.875 */
	margin-top: 0;
}
.contact-info {
	background-color: #25272B;
	color: #F0F0F0;
	font-size: 0.875em; /* 14/16 = 0.875 */
	margin: 0 5px 60px 0;
	padding: 4px 2.1875%; /* 21/960 = 0.021875 */
}
.clear {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.crossfade {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.hero-wrapper {
	padding-top: 73%; /* aspect ratio*/
	position: relative;
	width: 100%;	
}
.image-wrapper {
	position: relative;
}
img {
	width: 100%;
}
.art img:nth-child(n+2),
.art2 img {
	margin-top: 30px;
}
.caption {
	color: #333333;
	font-size: 0.75em; /* 12/16 = 0.75 */
}
.marketing .caption {
	margin-bottom: 25px;
}
.marketing .item-description .caption {
	margin-bottom: 0;
}
.caption-margin p:nth-last-of-type(1) {
	margin-top: 5px;
}
.artwork .caption {
	margin-bottom: 60px;
}
.artwork .last .caption:nth-last-of-type(1), .marketing .last .caption:nth-last-of-type(1) {
	margin-bottom: 0;
}
.image-rollover {
	display: none;
}
.caption p:nth-of-type(1), .title p:nth-of-type(1), .item-description p:nth-of-type(1) {
	font-weight: 800;
}
.title, .item-description {
	background-color: #f0f0f0;
	box-shadow: 1px 2px 2px #a3a3a3;
	color: #484848;
	margin-bottom: 10px;
}
.title {
	padding: 15px 3.25379609544469% 15px; /* 15/461 = 0.0325379609544469 */
}
.item-description:nth-last-of-type(1) {
	margin-bottom: 35px;
}
.item-description {
	display: inline-block;
	padding: 10px 1.953125%; /* 20/1024 = 0.01953125, 5/1024 = 0.0048828125 */
	width: 100%;
}
.marketing h2, .writing h2 {
	font-size: 2em; /* 32/16 */
}
.copyright {
	background-color: #fff;
	color: #25272B;
	font-size: 0.5em; /* 8/16 = 0.5 */
	padding: 3px 0;
	text-align: center;
	width: 100%;
}
#section2,
#section3,
#section4,
#section5 {
	display: none;
}
.secondary-navbar {
	display: none;
}
#column1 hr:nth-last-of-type(1) {
	display: none;
}

/* Media Queries */
@media screen and (max-width: 1280px ) {
	.crossfading-controls {
		line-height: 1.3875em;
	}
}
@media screen and (max-width: 1155px ) {
	.caption {
		font-size: 0.6875em; /* 11/16 = 0.6875  */
	}
	header ul a {
		padding: 10px 45px;
	}
	.crossfading-controls {
		line-height: 1.25em;
	}
}
@media screen and (max-width: 1031px ) {
	body {
		font-size: 87.5%; /* 14/16 = 0.875 */
	}
	.crossfading-controls {
		font-size: 4em; /* 64/16 = 4 */
		line-height: 1.375em;
	}
	.logo-col {
		width: 4.5%; /* 30/960 =  */
	}
	.navbar ul li {
		font-size: 0.875em; /* 14/16 = 0.875 */
	} 
	.navbar h1, .nav-margin {
		margin-top: 45px;
	}
	.navbar h1, .main {
		margin-bottom: 45px;
	}
	.about-container {
		padding-top: 30px;
	}
	.contact-info {
		margin-bottom: 30px;
	}
	header h1 a {
		padding: 10px 25px;
	}
	.navbar nav {
		margin-top: 45px;
	}
	header ul a {
		padding: 11px 45px;
	}
}
@media screen and (max-width: 915px ) {
	.crossfading-controls {
		line-height: 1.25em;
	}
	.navbar h1 {
		font-size: 1.25em; /* 20/16 */
	}
	header ul a {
		padding: 10px 30px;
	}
}
@media screen and (max-width: 870px ) {
	.crossfading-controls {
		line-height: 1.05em;
	}
}
@media screen and (max-width: 850px ) {
	.item-description a.float-left {
		float: none;
	}
	.item-description {
		padding: 4%;
	}
	.logo-col {
		width: 6%;
	}
}
@media screen and (max-width: 800px ) {
	footer ul a {
		padding: 4px 18px;
	}
	.crossfading-controls {
		font-size: 3.5em;
		line-height: 1.25em;
	}
}
@media screen and (max-width: 725px ) {
	.crossfading-controls {
		font-size: 3em;
		line-height: 1.375em;
	}
	header h1 a {
		padding: 10px;
	}
	header ul a {
		padding: 10px 26px;
	}
	.contact-info {
		padding: 4px 8px;
	}
	footer ul a {
		padding: 4px 10px;
	}
}
@media screen and (max-width: 700px ) {
	.wrapper, .main, .hero {
		width: 95%;
	}.col5 {
		width: 100%;
	}
	.crossfading-controls {
		font-size: 2.625em; /* 42/16 */
	}
	.logo-col {
		width: 7%;
	}
	.navbar h1 {
		font-size: 1em;
		margin: 30px 0;
	}
	.navbar nav {
		margin-top: 30px;
	}
	header h1 a {
		padding: 6px 12px;
	}
	header ul a {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.main, .hero {
		margin-bottom: 30px;
	}
	.about-container p {
		font-size: 85.71428571428571%; /* 12/14 = 0.8571428571428571 */
	}
}
@media screen and (max-width: 599px) {
	body {
		background: #D6D6D6;
		font-size: 1em;
	}
	.wrapper, .main, .hero {
		width: 100%;
	}
	.callout, #section2, #section3, #section4, #section5 {
		display: none;		
	}
	#section1 {
		display: block;
	}
	#section1.col4 {
		padding: 0 10px;
		width: 100%;
	}
	#section1.float-right {
		float: none;
	}
	.navbar h1 {
		font-size: 1.25em;
	}
	.social-media {
		width: 100%;
	}
	.navbar h1 {
		margin: 10px 0;
		padding: 0 10px;
		text-align: center;
	}
	.navbar h1.float-left, .navbar nav.float-right {
		float: none;
	}
	header h1 a {
		display: block;
		padding: 15px 10px;
	}
	header ul a {
		padding: 15px;
	}
	.hero {
		margin-bottom: 5px;
		padding-top: 0;
	}
	.navbar ul li, .navbar ul a {
		display: block;
		margin-bottom: 10px;
	}
	.navbar nav {
		margin-top: 0;
	}
	.navbar nav:nth-last-of-type(1) {
		margin-bottom: 45px;
	}
	.navbar ul li {
		font-size: 1em;
		width: 50%;
		padding: 0 10px;
	}
	.navbar ul li:nth-of-type(even) {
		float: right;
		padding: 0 10px 0 5px;
	}
	.navbar ul li:nth-of-type(odd) {
		float: left;
		padding: 0 5px 0 10px;
	}
	.about-container {
		font-size: 0.875em; /* 14/16 */
		margin: 0 10px;
		padding: 20px 0 0 0;
	}
	.about-container .float-left, .about-container .float-right {
		float: none;
		text-align: center;
	}
	.contact-info {
		font-size: 1em;
		margin: 0 0 5px 0;
	}
	.about-container nav.float-right {
		float: none;
	}
	.about-container p {
		font-size: 100%; /* 14 */
	}
	.about-container p:nth-last-of-type(1) {
		margin-bottom: 30px;
	}
	footer ul li, footer ul a {
		display: block;
	}
	footer ul a, .contact-info {
		margin: 0 7px 15px;
		padding: 15px;
	}
	.social-media {
		font-size: 1em;
	}
	.main {
		box-shadow: none;
		padding: 0 10px;
		margin-bottom: 0;
	}
	.artwork .main {
		margin-bottom: 20px;
	}
	.col4 {
		width: 100%
	}
	.col5 {
		padding: 0 10px;
	}
	.item-description .caption {
		margin-bottom: 0;
	}
	.item-description:nth-last-of-type(1) {
		margin-bottom: 10px;
	}
	.marketing .last .caption:nth-last-of-type(1) {
		margin-bottom: 25px;
	}
	.copyright {
		font-size: 0.5em; /* 8/16 */
	}
	.writing .main {
		margin-bottom: 115px;
	}
	.headerOnScroll {
		visibility: hidden;
	}
	footer ul li {
		width: 50%;
	}
	.social-media ul li:nth-of-type(even) {
		float: right;
	}
	.social-media ul li:nth-of-type(odd) {
		float: left;
	}
	.copyright {
		background-color: #d6d6d6;
		padding: 1px 0;
	}	
	footer {
		margin: 0 10px 0;
	}
	.writing .main {
		margin-bottom: 90px;
	}
	#column1 hr:nth-last-of-type(1) {
		display: block;
	}
	.secondary-navbar {
		display: inline-block;
	}
	.secondary-navbar ul li a {
		display: block;
		padding: 15px 0;
	}
}
@media screen and (max-width: 450px) {
	.navbar {
		padding: 0;
	}
	.secondary-navbar .navbar h1 {
		padding: 0 10px;
		margin: 45px 0;
	}
	#section1.col4 {
		padding: 0;
	}
	.about-container {
		margin: 0;
	}
	.about-container p:nth-last-of-type(1) {
		margin-bottom: 25px;
	}
	footer ul li:nth-last-of-type(1) {
		margin-bottom: 15px;
	}
	.main, .index img {
		padding: 0 10px;
	}
	.main {
		margin-bottom: 0;
	}
	img.video-thumbnail {
		width: 100%;
	}
	.navbar ul li {
		margin-bottom: 0;
	}
	.navbar ul li:nth-of-type(even) {
		float: right;
		padding: 0 10px 0 5px;
	}
	.navbar ul li:nth-of-type(odd) {
		float: left;
		padding: 0 5px 0 10px;
	}
	.hero {
		margin-bottom: 5px;
	}
	.about-container {
		padding: 25px 0 10px;
	}
	.col5 {
		padding: 0 25px;
	}
	.contact-info {
		margin: 0 25px 15px;
	}
	.social-media ul li:nth-of-type(even) {
		padding-right: 25px;
		padding-left: 7px;
	}
	.social-media ul li:nth-of-type(odd) {
		padding-left: 25px;
		padding-right: 7px;
	}
	footer ul a {
		margin: 0 0 15px;
	}
	footer ul li:nth-last-of-type(1) {
		margin-bottom: 0;
	}
	.artwork .caption {
		margin-bottom: 15px;
	}
	.artwork .last {
		margin-bottom: 30px;
	}
	.writing .main {
		margin-bottom: 75px;
	}
}