@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);
@import url(social.css);
@import url(glyphicons.css);
@import url(hover.css);
@import url(jquery.vegas.custom.css);
@import url(../js/owl/owl.carousel.css);
@import url(../js/owl/owl.theme.css);
@import url(jquery.sidr.light.css);

/* !! GLOBAL STYLES !! */
html, body, body.kevin{
	height:100%;
	font-family: "Open Sans", Open Sans, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #666666;
	line-height: 1.44;
}

.light{
	font-weight: 300;
}

.kevin h1{
	font-family: "Open Sans", Open Sans, sans-serif;
	font-weight: 300;
	color: #222222;
	font-size: 2.25em;
	margin-bottom: 20px;
}

.kevin h2{
	font-family: "Open Sans", Open Sans, sans-serif;
	font-weight: 300;
	font-size: 1.67em;
}

.kevin h3{
	font-family: "Open Sans", Open Sans, sans-serif;
	font-size: 1.49em;
}

.kevin h4{
	font-family: "Open Sans", Open Sans, sans-serif;
	font-size: 1.09em;
}

.doubleFont{
	font-size: 2em;
}

.black{
	color: #000;
}

.orange{
	color: #C13E0E;
}

.kern{
	letter-spacing: 0.025em;
}

.kern2{
	letter-spacing: 0.05em;
}

.kern3{
	letter-spacing: 0.075em;
}

.kern4{
	letter-spacing: 0.1em;
}

.padHeightHalf{
	padding-top: 20px;
	padding-bottom: 20px;
}

.padHeight{
	padding-top: 40px;
	padding-bottom: 40px;
}

.padHeight2{
	padding-top: 90px;
	padding-bottom: 90px;
}

.noPadding{
	padding: 0;
}

.noPaddingLeft{
	padding-left: 0;
}

.noPaddingRight{
	padding-right: 0;
}

.noPaddingTop{
	padding-top: 0;
}

.noPaddingBottom{
	padding-bottom: 0;
}

.wrapper{
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

.aspect-16-9{
	aspect-ratio: 16/9;
	width: 100%;
	height: 100%;
}

.aspect-16-10{
	aspect-ratio: 16/10;
	width: 100%;
	height: 100%;
}

.bgGrey{
	background-color: #333333;
}

.lineTop{
	border-top: 1px solid #c5c5c5;
}

.lineBottom{
	border-bottom: 1px solid #c5c5c5;
}

.bgGrey.lineBottom{
	border-bottom: 1px solid #585858;
}

.vertAlign{
	display:inline-block;
	vertical-align:middle;
}

.vertAlignBottom{
	display:inline-block;
	vertical-align:bottom;
}

.centerText{
	text-align: center;
}

.leftText{
	text-align: left;
}

.rightText{
	text-align: right;
}

.clearTopMargin{
	margin-top: 0;
}

.clearBottomMargin{
	margin-bottom: 0;
}

.glyphicons:before {
	position: relative;
	line-height: 48px;
	font-size: 21px;
	padding-left: 20px;
	margin-left: -20px;
	padding-right: 20px;
	color: #656565;
}

.glyphicons {
	display: inline;
	position: relative;
	padding: 0;
	text-decoration: none;
	vertical-align: middle;
	margin-left: 20px;
}

.sidr{
	width: 200px;
}

#mobile-header{
	/*height: 51px;*/
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%;
	background-color: #fff;
	/*border-bottom: solid 1px #000;*/
	-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 2px 6px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 2px 6px 0px rgba(50, 50, 50, 0.3);
	z-index: 1000 !important;
}


.sidr-class-social2.sidr-class-e-mail2:before {
	content: "\E040";
}

.sidr-class-social2.sidr-class-rss2:before {
	content: "\E038";
}

.sidr-class-social2.sidr-class-twitter2:before {
	content: "\E032";
}

.sidr-class-social2.sidr-class-linked_in2:before {
	content: "\E018";
}

.sidr-class-social2.sidr-class-behance2:before {
	content: "\E021";
}

.sidr-class-social2:before {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block !important;
	margin: -1px 5px 0 0;
	font: 24px/1em 'Glyphicons Social Regular';
	font-style: normal;
	font-weight: normal;
	color: #1d1d1b;
	vertical-align: middle;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	line-height: 51px;
	padding-left: 15px;
}

.sidr ul li{
	position: relative;
}

.sidr ul li span.sidr-class-social2{
	display: inline-block !important;
}

.mainNav{
	float: left;
}

.mainNav{
	height: 42px;
	border: 0 none;
	padding: 0;
	margin: 0;
}

.mainNav li{
	display: block;
	float: left;
	height: 42px;
	margin-left: 20px;
	line-height: 42px;
}

.mainNav li.first{
	margin-left: 0px;
}

.mainNav li.logo{
	margin-left: 0;
}

.mainNav li a:link{
	border-bottom: none;
	text-decoration: none;
	color: #808080;
}

.mainNav li a:visited{
	border-bottom: none;
	text-decoration: none;
	color: #808080;
}

.mainNav li a:hover, .mainNav li a.active:hover, .mainNav li.logo a:hover{
	border-bottom: none;
	text-decoration: none;
	color: #f15a24;
	cursor: pointer;
}

.mainNav li a.active{
	border-bottom: none;
	text-decoration: none;
	color: #000;
}

/*.mainNav li.logo a:link{
	background-image: url(../img/navlogo_combo_x2.jpg);
	background-repeat: no-repeat;
	background-size: 42px 84px;
	background-position: 0 0;
	padding-left: 62px;
	display: block;
	height: 42px;
}

.mainNav li.logo a:hover{*/
	/*background-position-y: -42px;*/
	/*background-position: 0 -42px;
}*/

.mainNav li.logo a:link{
	background-image: url(../img/k_logo_x2.png);
	background-repeat: no-repeat;
	background-size: 42px 42px;
	background-position: 0 0;
	padding-left: 62px;
	display: block;
	height: 42px;
	width: 100%;
}

#navWrapper{
	z-index: 1000 !important;
}

.workThumb.last{
	margin-right: 0px;
}

.padCol{
	padding-right: 8%;
}

.padColLeft{
	padding-left: 8%;
}

.padColHalf{
	padding-right: 4%;
}

.padColLeftHalf{
	padding-left: 4%;
}

a:link{
	color: #C13E0E;
}

a:hover, a:visited:hover{
	color: #e95a24;
}

a:active{
	color: #e95a24;
}


a:visited{
	color: #C13E0E;
}

a.button:link{
	display: block;
	height: 150px;
	line-height: 150px;
	text-align: center;
	color: #191919;
	font-weight: 300;
	background-color: #dbdbdb;
}

a.button:active{
	color: #191919;
	font-weight: 300;
}

a.button:visited{
	color: #191919;
	font-weight: 300;
}

a.button:hover{
	color: #2d2d2d;
	font-weight: 300;
	background-color: #b7b7b7;
	text-decoration: none;
}

a.button.orange:link{
	background-color: #ea5a24;
	color: #fff;
}

a.button.orange:active{
	background-color: #ea5a24;
	color: #fff;
}

a.button.orange:visited{
	background-color: #ea5a24;
	color: #fff;
}

a.button.orange:hover{
	background-color: #C13E0E;
	color: #e5e5e5;
}

a.button.standard:link{
	line-height: 80px;
	height: 80px;
	padding-left: 100px;
	padding-right: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 350px;
}

.getInTouch{
	text-align: center;
}

.getInTouch p{
	color: #e2e3e3;
	font-weight: 300;
}

.getInTouch a.button{
	margin-top: 25px;
	margin-bottom: 30px;
}

.getInTouch h2{
	color: #e2e3e3;
}

.socialWidget{
	float: right;
	line-height: 42px;
	height: 42px;
	color: #acacac;
}

.socialWidget .social:before{
	color: #acacac;
	position: relative;
}

.socialWidget a:hover .social:before {
	color: #f15a24;
}

.socialWidget .social{
	display: inline-block;
	margin-top: -6px;
	padding-left: 6px;
}

.footer{
	text-align: center;
	color: #929292;
}

.footer p{
	text-align: center;
	color: #929292;
}

.footer .socialWidget{
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.footer .smallLine{
	display: inline-block;
	margin: 30px auto 20px auto;
	border-top: solid #c5c5c5;
	border-width: 1px;
	min-height: 1px;
	width: 135px;
}

.bgGrey{
	color: #acacac;
}

.bgGrey h1, .bgOrange h1{
	color: #ffffff;
}

.bgGrey h2, .bgOrange h2{
	color: #ffffff;
}

.bgGrey h3, .bgOrange h3{
	color: #ffffff;
}

.bgGrey p, .bgOrange p{
	color: #ffffff;
	opacity: 0.85;
}

.bgOrange{
	background-color: #BF4114;
}

/*Vegas z-index fix*/
.wrapper .vegas-background{
	z-index: 0 !important;
}

.wrapper .vegas-overlay{
	z-index: 0 !important;
}

.padBottom20{
	padding-bottom: 20px;
}



/* !! HOMEPAGE STYLES !! */

#homeHeaderWrapper{
	height: 480px;
	/*background-image: url(../img/home_header.jpg);*/
	background-repeat: no-repeat;
	/*background-size: 1280px auto;
	background-position-y: -20px;*/
	background-size: cover;
}

#homeHeaderWrapperTablet{
	height: 480px;
	background-image: url(../img/home_header.jpg);
	background-repeat: no-repeat;
	/*background-size: 1280px auto;
	background-position-y: -20px;*/
	background-size: cover;
}

#profileWrapper h1{
	margin-top: 0px;
}

.hero.padHeight2{
	padding-top: 90px;
	padding-bottom: 0px;
}

.hero h1{
	font-size: 3.89em;
	color: #fff;
	font-weight: 300;
}

.hero p{
	color: #fff;
}

.heroDesc{
	font-size: 2em;
	font-weight: 300;
	color: #666666;
}

.heroDesc{
	margin-top: -10px;
	margin-bottom: -10px;
}

.workThumb{
	width:32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}

.workRow.last .workThumb{
	margin-bottom: 0px;
}

.aboutText h1{
	margin-top: 0;
}

.aboutText h2{
	margin-top: 60px;
}

.aboutText h2.clearTopMargin{
	margin-top: 0;
}

section.bg-black {
	background: #c95327 !important;
}

div.horizontal-bigsquare-noborder{
	width: 32%;
	height: auto;
	/*position: relative;*/
	margin-top: 0;
	margin-left: 0;
}

div.horizontal-bigsquare-noborder section{
	width: auto;
	height: auto;
	/*position: static;*/
	-webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	-ms-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	-o-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}

div.horizontal-bigsquare-noborder section img{
	position: relative;
}

div.horizontal-bigsquare-noborder section span{
	vertical-align: top;
}

div.horizontal-bigsquare-noborder section .text{
	height: 230px;
}

div.horizontal-bigsquare-noborder section span p {
	width: 100%;
	text-align: center;
	font-size: 1em;
	font-family: "Open Sans", Open Sans, sans-serif;
	font-weight: 400;
	margin-bottom: 10px;
	color: #F5F6F6;
}

div.horizontal-bigsquare-noborder section span h3 {
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	font-family: "Open Sans", Open Sans, sans-serif;
	font-weight: 600;
	margin-bottom: 10px;
	color: #fff;
}

#mobileNavWrapper{
	display: none;
}

.slicknav_nav{
	color: inherit;
}

.slicknav_menu{
	background-color: #fff;
}


.slicknav_btn {
	background-color: #C13E0E;
	float: left;
	margin-left: 12px;
}

.slicknav_nav a, .slicknav_nav a:link {
	color: #808080;
	font-size: 1.25em;
}

.slicknav_nav a.active, .slicknav_nav a:visited.active{
	color: #000;
}

.slicknav_nav a:active {
	color: #808080;
}

.slicknav_nav a:visited {
	color: #808080;
}

.slicknav_nav a:hover, .slicknav_nav a:hover.active {
	color: #C13E0E;
}

.slicknav_menu .slicknav_menutxt {
	font-weight: 100;
}

#mobileLogo{
	width: 126px;
	height: 37px;
	line-height: 37px;
	top: 5px;
	display: block;
	position: fixed;
	left: 50%;
	margin-left: -64px;
}

.breakLine{
	min-height: 1px;
	border-bottom: solid 1px #cbcbcb;
	margin-top: 12px;
	margin-bottom: 12px;
}


/* !! ABOUT STYLES !! */

.about .bgOrange{
	background-color: #9e4a30;
}

.iconList p{
	color: #ACACAC;
}

#aboutHeaderWrapper{
	height: 480px;
	/*background-image: url(../img/about_header.jpg);
	background-repeat: no-repeat;
	background-size: 1280px 480px;*/
}

#aboutHeaderWrapper #thatsme{
	margin-left: -150px;
}

#aboutHeaderWrapper .heroDesc{
	text-align: center;
	margin-top: 20px;
}

#profileWrapper h1{
	margin-top: 0px;
}

.aboutText a.button.standard:link {
	margin-left: 0;
	margin-right: inherit;
	margin-top: 60px;
}

/*#skillsWrapper .padHeight{
	padding-bottom: 0px;
}*/

#qualsWrapper .socialWidget{
	line-height: 64px;
	height: 64px;
	float: left;
	padding-top: 3px;
}

#awards{
	padding-top: 54px;
}

.padRow{
	padding-top: 50px;
}

.iconList{
	padding-left: 0;
}

.iconList li{
	display: block;
	line-height: 64px;
	vertical-align: middle;
	padding-left: 74px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	display: table;
	height:64px;
}

.logo_axure{
	background-image: url(../img/logos/logo_axure.png);
}

.logo_omnigraffle{
	background-image: url(../img/logos/logo_omnigraffle.png);
}

.logo_photoshop{
	background-image: url(../img/logos/logo_photoshop.png);
}

.logo_illustrator{
	background-image: url(../img/logos/logo_illustrator.png);
}

.logo_flash{
	background-image: url(../img/logos/logo_flash.png);
}

.logo_quartz{
	background-image: url(../img/logos/logo_quartz.png);
}

.logo_hype{
	background-image: url(../img/logos/logo_hype.png);
}

.logo_p4{
	background-image: url(../img/logos/logo_p4.png);
}

.logo_shotgun{
	background-image: url(../img/logos/logo_shotgun.png);
}

.logo_html{
	background-image: url(../img/logos/logo_html.png);
}

.logo_as3{
	background-image: url(../img/logos/logo_as3.png);
}

.logo_java{
	background-image: url(../img/logos/logo_java.png);
}

.logo_python{
	background-image: url(../img/logos/logo_python.png);
}

.logo_sketchup{
	background-image: url(../img/logos/logo_sketchup.png);
}

.logo_c4d{
	background-image: url(../img/logos/logo_c4d.png);
}

.logo_swift{
	background-image: url(../img/logos/logo_swift.png);
}

.logo_figma{
	background-image: url(../img/logos/logo_figma.png);
}

.logo_xd{
	background-image: url(../img/logos/logo_xd.png);
}

.logo_protopie{
	background-image: url(../img/logos/logo_protopie.png);
}

.logo_origami{
	background-image: url(../img/logos/logo_origami.png);
}

.logo_unreal{
	background-image: url(../img/logos/logo_unreal.png);
}

.logo_r{
	background-image: url(../img/logos/logo_r.png);
}

.logo_unity{
	background-image: url(../img/logos/logo_unity.png);
}


.iconList p{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.43em;
}

.iconList li{
	margin-bottom: 20px;
}

#skillsWrapper .row.padHeight{
	padding-bottom: 0px;
	padding-top: 60px;
}


/* !! SHARED WORK STYLES !! */

.slideOff .owl-item{
	padding: 15px;
}

.extraPadBottom{
	padding-bottom: 10px;
}

img.border{
	border: solid 1px #c5c5c5;
}

.showcaseMargin{
	margin-top: 250px;
}

.iconParagraphs{
	display: block;
	padding-left: 0px;
}

.iconParagraphs li{
	display: block;
	background-size: 64px 64px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_placeholder.jpg);
	padding-left: 94px;
	margin-bottom: 20px;
}

.iconParagraphs.logos li{
	background-size: 150px 150px;
	padding-left: 185px;
}

.iconParagraphs li{
	margin-top: 50px;
}

.heightSet{
	height: 100%;
	position: relative;
}

.blurb{
	padding: 30px 40px;
}

.blurb p{
	color: #ffffff;
	opacity: 0.85;
}

.blurb a:link{
	color: #fff;
}

.blurb a:hover, .blurb a:visited:hover{
	color: #dadada;
}

.blurb a:active{
	color: #fff;
}


.blurb a:visited{
	color: #fff;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color: #e45a24;
}

.owl-theme .owl-controls .owl-buttons div {
	margin-top: 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	font-size: 1.1em;
	padding: 10px 20px;
	text-align: center;
	color: #191919;
	font-weight: 300;
	background-color: #dbdbdb;
	opacity: 0.8;
}

.owl-theme .owl-controls{
	margin-top: 20px;
}

.owl-theme .owl-controls .owl-page span {
	width: 32px;
	height: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	background-color: #e45a24;
}

.owl-wrapper-outer{
	overflow: visible !important;
}

.owl-carousel.padHeight{
	padding-top: 20px;
}

.overflow{
	overflow-x: visible !important;
	overflow: visible;
}

.overflowy{
	overflow-y: visible !important;
	overflow: visible;
}

.hideOverflowX{
	overflow-x: hidden !important;
}

.gridBg{
	background-image: url(../css/overlays/10_transparent_inverse.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
}

.gridBgDark{
	background-image: url(../css/overlays/10_transparent.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
}

.fluid-width-video-wrapper {
	height: 100%;
}

.pad40{
	padding-left: 40px;
	padding-right: 40px;
}

#heroTable{
	display: table;
	table-layout: fixed;
	width:100%;
}

.heroCell{
	display: table-cell;
	vertical-align: middle;
	float: none;
}

#qualsWrapper h2{
	margin-top: 56px;
}

.table{
	display: table;
	width: 100%;
	min-height: 100%;
	height: 100%;
}

.tableRow{
	height: 100%;
	display: table-row;
}

.tableCell{
	display: table-cell;
}

.valignMiddle{
	vertical-align: middle;
}

.showcaseMargin .img-responsive{
	width: 100%;
}

.workPage video{
	width: 1280px;
	max-width: 100%;
}

/* !! AUTOBAHN STYLES !! */
#autobahnHeaderWrapper{
	height: 720px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1 !important;
}

#autobahnShowcaseWrapper{
	width: 100%;
	background-image: url(../img/work/autobahn/imac.png);
	background-size: 1140px 680px;
	background-position: top;
	margin-top: -440px;
	z-index: 2 !important;
	position: absolute;
}

.autobahn #mbpCol{
	padding-left: 70px;
}

.autobahn #mbp{
	margin-top: 340px;
}

.autobahn .mainScreen {
	margin-left: auto;
	margin-right: auto;
	max-width: 1170px;
	width: 100%;
	margin-bottom: 8px;
}

.autobahn .mainScreen.last{
	margin-bottom: 0;
}


/* !! TIGER STYLES !! */

#tigerHeaderWrapper{
	height: 720px;
	/*background-image: url(../img/work/tiger/header_blur.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1 !important;
}

#tigerShowcaseWrapper{
	/*height: 750px;*/
	width: 100%;
	background-image: url(../img/work/tiger/imac.png);
	background-size: 1140px 680px;
	background-position: top;
	margin-top: -440px;
	z-index: 2 !important;
	position: absolute;
}

.tiger #mbpCol{
	padding-left: 70px;
}

.tiger #mbp{
	margin-top: 340px;
}

.tiger #resultStrip {
	background-image: url(../img/work/tiger/tw13_screenshot.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	height: 325px;
	overflow: visible;
	margin-top: 40px;
	margin-bottom: 60px;
}

.tiger #resultStrip .container .row {
	margin-top: -66px;
}

.tiger .mainScreen {
	margin-left: auto;
	margin-right: auto;
	max-width: 1170px;
	width: 100%;
	margin-bottom: 8px;
}

.tiger .mainScreen.last{
	margin-bottom: 0;
}

/* !! HOOTLIN STYLES !! */

#hootlinHeaderWrapper{
	height: 720px;
	/*background-image: url(../img/work/hootlin/header_blur.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
}

#hootlinShowcaseWrapper{
	height: 750px;
	width: 100%;
	background-image: url(../img/work/hootlin/mbps.png);
	background-size: 1630px 600px;
	background-position: top;
	margin-top: -440px;
	z-index: 2 !important;
	position: absolute;
}

.hootlin .showcaseMargin{
	margin-top: 150px;
}

.hootlin #designProcess .iconList li {
	display: inherit;
	height: auto;
	line-height: 96px;
	vertical-align: middle;
	padding-left: 106px;
	background-image: url(../img/icon_placeholder.jpg);
	background-repeat: no-repeat;
	background-size: 96px 96px;
}

.hootlin #outcomes .iconList li {
	display: inherit;
	height: auto;
	line-height: 96px;
	vertical-align: middle;
	padding-left: 106px;
	background-image: url(../img/icon_placeholder.jpg);
	background-repeat: no-repeat;
	background-size: 96px 96px;
}

.hootlin #audienceStrip{
	background-image: url(../img/work/hootlin/mountain_strip.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 225px;
	overflow-y: visible;
	margin-bottom: 350px;

}

.hootlin #audienceStrip .container .row{
	margin-top: -65px;
}

.hootlin #audienceStrip .container .row .img-responsive{
	-webkit-box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.25);
}

.hootlin #audienceStrip .title{
	display: table-cell;
	/*vertical-align: middle;
	height: 100%;*/
	margin-top: 20%;
}

.hootlin #audienceDesc p{
	padding-top: 25px;
}

.hootlin #pitch{
	height: 720px;
	background-image: url(../img/work/hootlin/hooty_roll.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
}

.hootlin #pitchText{
	margin-top: 230px;
}

.hootlin #inspiration{
	/*height: 560px;*/
	background-image: url(../img/work/hootlin/ipad_iphone.png);
	background-size: 1280px 560px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -50px;
	/*padding-top: 625px;
	margin-bottom: 375px;*/
}

.hootlin #inspiration .inspirationPadding{
	padding-top: 475px;
}

.hootlinOffsetPadding{
	padding-top: 460px;
}

/*.slideOff .owl-carousel, .slideOff .owl-item{
	position: absolute;
	height: auto;
	width: 100%;
	left: 0;
	right: 0;
	display: inline;
	white-space: nowrap;
	max-width: 1140px;
    overflow: visible;
}*/

/*.owl-carousel .owl-wrapper-outer{
	overflow: visible !important;
	width: 75%;
}

.slideOff .owl-carousel .img-responsive{
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	width: 65%;
}*/

.hootlin #level{
	background-image: url(../img/work/hootlin/level_sketch.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 180px;
	height: 925px;
}

/*.hootlin #audience.padHeight2{
	margin-top: -120px;
}*/

.hootlin .avatarTitle{
	width: 240px;
	height: auto;
}

.hootlin #audience .iconList li, .hootlin #outcomeList .iconList li{
	display: inherit;
	height: auto;
}

.hootlin #totemOffset{
	padding-left: 40px;
}

.hootlin #totemTextOffset{
	padding-top: 45px;
}

.hootlin #hootyThrowOffset{
	padding-top: 45px;
}

.hootlin #deathOffset{
	padding-top: 45px;
}

.hootlin #rollRowOffset{
	padding-top: 80px;
}

.hootlin #rollRowOffset h2{
	margin-top: 0;
}

.hootlin #spiritDeathOffset{
	margin-top: 40px;
}

.hootlin #snowballRowOffset{
	margin-top: 50px;
}

.hootlin #snowballOffset{
	margin-top: 10px;
}

.hootlin #checkpointOffset{
	margin-top: 40px;
}

.hootlin #checkpointRowOffset{
	margin-top: 10px;
}

.hootlin .galleryPad{
	padding-left:10px;
	padding-right:10px;
}

#hootyBG{
	background-image: url(../img/work/hootlin/hooty_bg.jpg);
	background-position-x: left;
	background-size: 735px 555px;
	background-repeat: no-repeat;
	height: 555px;
}

.hootlin #auroraWrapper{
	background-image: url(../img/work/hootlin/aurora.jpg);
	background-size: cover;
	height: 720px;
	overflow: visible;
}

.hootlin #auroraContainer{
	padding-top: 420px;
	z-index: 3 !important;
	position: relative;
}

.hootlin #auroraChar{
	z-index: 2 !important;
	position: relative;
}

.hootlin #outcomeStretch{
	background-image: url(../img/work/hootlin/outcome_stretch_small.jpg);
	background-size: 2846px 485px;
	background-repeat: no-repeat;
	background-position: left 150px;
}

.hootlin #outcomeOffset{
	margin-top: 65px;
	margin-bottom: 290px;
}

.hootlin .showcaseText div{
	float: left;
}

.hootlin #outcomeBlurb{
	margin-left: 540px;
	width: 40%;
}

.hootlin #testingChart{
	width: 100%;
	height: 300px;
}

.pad20Top{
	padding-top: 20px;
}

/* !! MERBY STYLES !! */

#merbyHeaderWrapper{
	height: 720px;
	background-repeat: no-repeat;
	background-size: cover;
}

#merbyShowcaseWrapper{
	height: 750px;
	width: 100%;
	background-image: url(../img/work/merby/mbps.png);
	background-size: 1630px 600px;
	background-position: top;
	margin-top: -440px;
	z-index: 2 !important;
	position: absolute;
}

.merby .showcaseMargin{
	margin-top: 150px;
}

.merby #pitch {
	/*min-height: 960px;
	max-height: 1136px;
	height: 100%;
	background-image: url(../img/work/merby/merbypitch.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;*/
	/*max-height: 1136px;
	min-height: 768px;
	height: 100%;*/
	height: 1550px;
	background-position: 0px -200px;
	background-size: cover;
	background-image: url(../img/work/merby/merbypitch.jpg);
	width: 100%;
	background-attachment: fixed;
}

.merby #pitchText p, .merby #pitchText h2{
	color: #fff;
}

.merby #mobilePitch{
	height: 1550px;
}

.merby #pitch .table{
	position: relative;
}

.merby #inspiration{
	/*height: 560px;*/
	background-image: url(../img/work/merby/inspiration.png);
	background-size: 1280px auto;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -50px;
	/*padding-top: 625px;
	margin-bottom: 375px;*/
}

.merby #inspiration .inspirationPadding{
	padding-top: 475px;
}

.merby #playtesting .fitVid{
	width: 100%;
}

/* !! NHL16 STYLES !! */

#nhl16HeaderWrapper{
	height: 720px;
	background-repeat: no-repeat;
	background-size: cover;
}

#nhl16ShowcaseWrapper{
	/*height: 750px;*/
	width: 100%;
	background-image: url(../img/work/nhl16/tv.png);
	background-size: 1150px 860px;
	background-position: top;
	margin-top: -590px;
	z-index: 2 !important;
	position: absolute;
}

.nhl16 #xbox1{
	margin-top: 630px;
	padding-right: 15px;
}

.nhl16 .showcaseMargin{
	margin-top: 240px;
}

.nhl16 #pitch{
	height: 790px;
	background-image: url(../img/work/nhl16/cup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.nhl16 #pitch .container{
	margin-top: 400px;
}

.nhl16 .mainScreen{
	margin-left: auto;
	margin-right: auto;
	max-width: 1170px;
	width: 100%;
	margin-bottom: 8px;
}

.nhl16 .mainScreen.last{
	margin-bottom: 0;
}

.nhl16 .row.fitVidsRow{
	margin-bottom: 120px;
}


/* !! NHL15 STYLES !! */

#nhl15HeaderWrapper{
	height: 720px;
	background-repeat: no-repeat;
	background-size: cover;
}

#nhl15ShowcaseWrapper{
	/*height: 750px;*/
	width: 100%;
	background-image: url(../img/work/nhl15/tv.png);
	background-size: 1150px 860px;
	background-position: top;
	margin-top: -590px;
	z-index: 2 !important;
	position: absolute;
}

.nhl15 #xbox1{
	margin-top: 630px;
	padding-right: 15px;
}

.nhl15 .showcaseMargin{
	margin-top: 240px;
}

.nhl15 #pitch{
	height: 790px;
	background-image: url(../img/work/nhl15/msg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}

.nhl15 #pitch .container{
	margin-top: 260px;
}

.nhl15 #intoGame{
	height: 790px;
	background-image: url(../img/work/nhl15/players_celebrating.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.nhl15 #intoGame .container{
	margin-top: 50px;
}

.nhl15 .mainScreen{
	margin-left: auto;
	margin-right: auto;
	max-width: 1170px;
	width: 100%;
	margin-bottom: 8px;
}

.nhl15 .mainScreen.last{
	margin-bottom: 0;
}


/* !! DASH STYLES !! */

#dashHeaderWrapper{
	height: 720px;
	background-repeat: no-repeat;
	background-size: cover;
}

/* !! NHL14 STYLES !! */

#nhl14HeaderWrapper{
	height: 720px;
	background-repeat: no-repeat;
	background-size: cover;
}

#nhl14ShowcaseWrapper{
	/*height: 750px;*/
	width: 100%;
	background-image: url(../img/work/nhl14/tv.png);
	background-size: 1150px 860px;
	background-position: top;
	margin-top: -590px;
	z-index: 2 !important;
	position: absolute;
}

.nhl14 #xbox360{
	margin-top: 630px;
	padding-right: 15px;
}

.nhl14 .showcaseMargin{
	margin-top: 240px;
}

.nhl14 #resultStrip{
	background-image: url(../img/work/nhl14/photoframe.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 325px;
	overflow: visible;
	margin-top: 75px;
	margin-bottom: 50px;
}

.nhl14 #resultStrip .container .row{
	margin-top: -66px;
}

.nhl14 #boxArt{
	margin-top: 90px;
	margin-left: -160px;
}

.nhl14 #mainMenu{
	margin-left: auto;
	margin-right: auto;
	max-width: 1170px;
	width: 100%;
}

/* !! ARENA STYLES !! */

#arenaHeaderWrapper{
	height: 720px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1 !important;
}

#arenaShowcaseWrapper{
	/*height: 750px;*/
	width: 100%;
	background-image: url(../img/work/arena/imac.png);
	background-size: 1140px 680px;
	background-position: top;
	margin-top: -440px;
	z-index: 2 !important;
	position: absolute;
}

.arena #mbpCol{
	padding-left: 70px;
}

.arena #mbp{
	margin-top: 340px;
}

.arena .mainScreen{
	margin-left: auto;
	margin-right: auto;
	max-width: 1170px;
	width: 100%;
	margin-bottom: 8px;
}

.arena .mainScreen.last{
	margin-bottom: 0;
}

/* !! SUNDOWN STYLES !! */

#sundownHeaderWrapper{
	height: 720px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1 !important;
}

#sundownShowcaseWrapper{
	/*height: 750px;
	width: 100%;
	background-image: url(../img/work/arena/imac.png);
	background-size: 1140px 680px;
	background-position: top;
	margin-top: -440px;
	z-index: 2 !important;
	position: absolute;*/
	width: 100%;
	margin-top: -525px;
	z-index: 2 !important;
	position: absolute;
}

.sundown .showcaseMargin{
	margin-top: 80px;
}
.sundown .mainScreen{
	margin-left: auto;
	margin-right: auto;
	max-width: 1170px;
	width: 100%;
	margin-bottom: 8px;
}

.sundown .mainScreen.last{
	margin-bottom: 0;
}

/* !! AOE4 STYLES !! */
#aoe4HeaderWrapper{
	height: 760px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1 !important;
}

#aoe4ShowcaseWrapper{
	width: 100%;
	background-image: url(../img/work/aoe4/surface.png);
	background-size: 1478px 700px;
	height: 669px;
	background-position: top;
	margin-top: -440px;
	z-index: 2 !important;
	position: absolute;
}

.aoe4 #pitch{
	height: 790px;
	background-image: url(../img/work/aoe4/bts_group.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: top;
	background-position-x: right 25%;
}

.aoe4 #pitch .container{
	height: 100%;
}

.aoe4 #pitch .row{
	height: 100%;
	position: relative;
}

.aoe4 #pitch .blurb{
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 90px;
}

.aoe4 .showcaseMargin{
	margin-top: 200px;
}

.aoe4 #mbpCol{
	padding-left: 70px;
}

.aoe4 #mbp{
	margin-top: 340px;
}

.aoe4 .screenshots img{
	width: 100%;
}

.aoe4 .screenshots .row{
	margin-bottom: 20px;
}

.aoe4 .screenshots .row.clearBottomMargin{
	margin-bottom: 0px;
}

.aoe4 #resultStrip{
	background-image: url(../img/work/aoe4/header_blur.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
	overflow: visible;
	margin-bottom: 250px;
}

.aoe4 #metacritic{
	max-width: none;
	width: auto;
	height: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -94px;
}

.aoe4 .overflowy .heightSet{
	/*margin-left: -160px;*/
}

.aoe4 #metacritic2{
	background-image: url(../img/work/aoe4/surface_metacritic.png);
	background-repeat: no-repeat;
	background-size: 1604px 960px;
	height: 960px;
	overflow: visible;
	background-position: center top;
	margin-top: -112px;
}


/* !! MOBILE OVERRIDES !! */

@media (max-width: 479px){ /* below phones */
	body.kevin, .sidr{
		font-size: 14px;
	}

	#pictureText .col-xs-6{
		clear: both;
		float: left;
		width: 100%;
	}

	.tinyMargin{
		margin-top: 10px;
	}

	.heroDesc{
		padding: 5px 0px 10px;
		font-size: 1.3em;
	}

	.hootlin #pitchText{
		margin-top: 240px;
	}

	.nhl16 #nhl16ShowcaseWrapper{
		background-size: 340px 254px;
		margin-top: -140px;
		height: 340px;
	}

	.nhl16 .showcaseMargin{
		margin-top: 85px;
	}

	.nhl15 #nhl15ShowcaseWrapper{
		background-size: 340px 254px;
		margin-top: -140px;
		height: 340px;
	}

	.nhl15 .showcaseMargin{
		margin-top: 85px;
	}

	.nhl14 #nhl14ShowcaseWrapper{
		background-size: 340px 254px;
		margin-top: -140px;
		height: 340px;
	}

	.nhl14 .showcaseMargin{
		margin-top: 85px;
	}

	.nhl14 #resultStrip{
		height: 125px;
		margin-top: 35px;
		margin-bottom: 10px;
	}

	.nhl14 #mbpMetacritic{
		width: 300px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.nhl14 #resultStrip .container .row{
		margin-top: -30px;
	}

	.tiger #resultStrip{
		height: 125px;
		margin-top: 35px;
		margin-bottom: 10px;
	}

	.tiger #mbpMetacritic{
		width: 300px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.tiger #resultStrip .container .row{
		margin-top: -30px;
	}

	.tiger .hero h1{
		font-size: 2.1em;
	}

	.tiger #tigerHeaderWrapper{
		height: 275px;
	}

	.tiger #mbpCol {
		padding-left: 0;
		width: 200px;
	}

	.tiger #mbp{
		margin-top: 125px;
	}

	#tigerShowcaseWrapper {
		width: 100%;
		background-size: 350px auto;
		margin-top: -95px;
	}

	.tiger .showcaseMargin{
		margin-top: 135px;
	}

	.arena #mbpMetacritic{
		width: 300px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.arena .hero h1{
		font-size: 2.1em;
	}

	.arena #arenaHeaderWrapper{
		height: 275px;
	}

	.arena #mbpCol {
		padding-left: 0;
		width: 200px;
	}

	.arena #mbp{
		margin-top: 125px;
	}

	#arenaShowcaseWrapper {
		width: 100%;
		background-size: 350px auto;
		margin-top: -95px;
	}

	.arena .showcaseMargin{
		margin-top: 135px;
	}

	.autobahn .hero h1{
		font-size: 2.1em;
	}

	.autobahn #autobahnHeaderWrapper{
		height: 275px;
	}

	.autobahn #mbpCol {
		padding-left: 0;
		width: 200px;
	}

	.autobahn #mbp{
		margin-top: 125px;
	}

	#autobahnShowcaseWrapper {
		width: 100%;
		background-size: 350px auto;
		margin-top: -95px;
	}

	.autobahn .showcaseMargin{
		margin-top: 135px;
	}

	.merby .showcaseMargin .fitVid{
		height: 275px;
		width: 100%;
	}

	.merby #inspiration {
		background-size: 415px auto;
		margin-top: -30px;
	}

	.merby #inspiration .inspirationPadding {
		padding-top: 140px;
	}
}

@media (min-width: 480px) and (max-width: 767px){ /* phones */
	body.kevin, .sidr{
		font-size: 15px;
	}

	.heroDesc{
		padding: 10px 0 20px;
		font-size: 1.35em;
	}

	.hootlin #pitchText{
		margin-top: 300px;
	}

	.nhl16 #nhl16ShowcaseWrapper{
		background-size: 767px 574px;
		margin-top: -180px;
		height: 574px;
	}

	.nhl16 .showcaseMargin{
		margin-top: 340px;
	}

	.nhl15 #nhl15ShowcaseWrapper{
		background-size: 767px 574px;
		margin-top: -180px;
		height: 574px;
	}

	.nhl15 .showcaseMargin{
		margin-top: 340px;
	}

	.nhl14 #nhl14ShowcaseWrapper{
		background-size: 767px 574px;
		margin-top: -180px;
		height: 574px;
	}

	.nhl14 .showcaseMargin{
		margin-top: 340px;
	}

	.nhl14 #mbpMetacritic{
		width: 460px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.nhl14 #resultStrip{
		height: 175px;
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.nhl14 #resultStrip .container .row{
		margin-top: -40px;
	}

	.tiger #mbpMetacritic{
		width: 460px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.tiger #resultStrip{
		height: 175px;
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.tiger #resultStrip .container .row{
		margin-top: -40px;
	}

	.tiger .hero h1{
		font-size: 2.5em;
	}

	.tiger #tigerHeaderWrapper{
		height: 275px;
	}

	.tiger #mbpCol {
		padding-left: 0;
		width: 300px;
	}

	.tiger #mbp{
		margin-top: 150px;
	}

	#tigerShowcaseWrapper {
		width: 100%;
		background-size: 500px auto;
		margin-top: -85px;
	}

	.tiger .showcaseMargin{
		margin-top: 230px;
	}

	.arena .hero h1{
		font-size: 2.5em;
	}

	.arena #arenaHeaderWrapper{
		height: 275px;
	}

	.arena #mbpCol {
		padding-left: 0;
		width: 300px;
	}

	.arena #mbp{
		margin-top: 150px;
	}

	#arenaShowcaseWrapper {
		width: 100%;
		background-size: 500px auto;
		margin-top: -85px;
	}

	.autobahn .showcaseMargin{
		margin-top: 230px;
	}

	.autobahn #autobahnHeaderWrapper{
		height: 275px;
	}

	.autobahn #mbpCol {
		padding-left: 0;
		width: 300px;
	}

	.autobahn #mbp{
		margin-top: 150px;
	}

	#autobahnShowcaseWrapper {
		width: 100%;
		background-size: 500px auto;
		margin-top: -85px;
	}

	.autobahn .hero h1{
		font-size: 2.5em;
	}

	.arena .showcaseMargin{
		margin-top: 230px;
	}

	.merby .showcaseMargin .fitVid{
		height: 375px;
		width: 100%;
	}

	.merby #inspiration {
		background-size: 530px auto;
		margin-top: -30px;
	}

	.merby #inspiration .inspirationPadding {
		padding-top: 200px;
	}

	/*	color: #fff;
	}

	.heroDesc .black{
		color: #fff;
	}

	.heroDesc .orange{
		color: #fff;
	}

	#mobileHeroLogoWrapper{
		background-image: url(../img/home_header.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}*/
}

@media (max-width: 767px){ /* phones and below */
	.padHeight.noPaddingTop{
		padding-top: 0;
	}

	.leftMobile{
		text-align: left !important;
	}

	#mobileHeroLogo{
		margin-bottom: 25px;
	}

	.padHeight{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.padHeight.noPaddingBottom{
		padding-bottom: 0;
	}

	.padHeight.noPaddinTop{
		padding-top: 0;
	}

	.padHeight2{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.aboutText h2 {
		margin-top: 30px;
	}

	.aboutText a.button.standard:link {
		width: 100%;
	}

	#mobileAboutMe{
		height: 80px;
		line-height: 80px;
		margin-top: 40px;
	}

	.heroCell{
		display: block;
		vertical-align: middle;
		float: left;
		clear: both;
		text-align: center;
		width: 100%;
	}

	#heroTable{
		display: block;
		width: inherit;
	}

	.heroCell .img-responsive{
		width: 90%;
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}

	.getInTouch a.button.standard:link {
		width: 100%;
	}

	#mobileHeroLogoWrapper{
		/*padding-top: 50px;*/
	}

	#hootlinShowcaseWrapper {
		height: 375px;
		background-size: 580px 214px;
		margin-top: -90px;
	}

	#hootlinHeaderWrapper{
		height: 275px;
	}

	.hootlin .showcaseMargin{
		margin-top: 120px;
	}

	.hootlin .hero.padHeight2{
		padding-top: 45px;
	}

	.hootlin .showcaseText.pull-right{
		padding: 0 15px;
	}

	.hootlin .showcaseMargin .fitVid{
		height: 100%;
		width: 100%;
		margin-top: 20px;
	}

	.hootlin .showcaseMargin .noPaddingBottom{
		padding-bottom: 0;
	}

	.hootlin #hootyBG{
		background-image: none;
		height: auto;
		padding-bottom: auto;
	}

	.hero.padHeight2{
		padding-top: 45px;
	}

	.hootlin #inspiration {
		/* height: 560px; */
		background-size: 400px auto;
		background-position: center top;
	}

	.hootlin #inspiration .inspirationPadding {
		padding-top: 145px;
	}

	.hootlin #outcomeStretch{
		background-image: none;
	}

	.hootlin .row.hootlinOffsetPadding{
		padding-top: 0;
	}

	.hootlin .row.hootlinOffsetPadding h2{
		margin-top: 0;
	}

	#merbyHeaderWrapper {
		height: 275px;
	}

	.merby #pitch {
		background-image: none;
	}

	.merby #mobilePitch{
		background-position: center bottom;
		background-size: cover;
		background-image: url(../img/work/merby/merbypitch.jpg);
		height: 100%;
	}

	#merbyShowcaseWrapper {
		background-position: top;
		height: 575px;
		width: 100%;
		background-size: 575px auto;
		margin-top: -95px;
	}

	.merby .showcaseMargin {
		margin-top: 120px;
	}

	.nhl16 #nhl16HeaderWrapper{
		height: 275px;
	}

	.nhl16 #xbox1{
		display: none;
	}

	.nhl16 .row.fitVidsRow{
		margin-bottom: 15px;
	}

	.nhl15 #nhl15HeaderWrapper{
		height: 275px;
	}

	.nhl15 #xbox1{
		display: none;
	}

	.nhl15 #simpleGallery .noPaddingTop{
		padding-top: 0px;
	}

	.nhl15 #intoGame{
		background-position: -200px center;
	}

	.nhl14 #nhl14HeaderWrapper{
		height: 275px;
	}

	.nhl14 #xbox360{
		display: none;
	}

	.showcaseMargin .noPaddingBottom{
		padding-bottom: 0;
	}

	.showcaseMargin .pull-right{
		padding: 0 15px;
	}

	.merby #pitchFix{
		margin: 0;
	}
	
	.aoe4 #aoe4ShowcaseWrapper{
		background-size: 844px 400px;
		height: 400px;
		margin-top: -280px;
	}
	
	.aoe4 .showcaseMargin{
		margin-top: 120px;
	}
	
	.aoe4 #aoe4HeaderWrapper{
		height: 512px;
	}
	
	.aoe4 #resultStrip{
		margin-bottom: 40px;
		height: 280px;
	}
	
	.aoe4 #metacritic2{
		background-size: 700px 420px;
		height: 420px;
		margin-top: -36px;
	}
}

@media (min-width: 768px) and (max-width: 991px) { /* tablets */
	body.kevin, .sidr{
		font-size: 16px;
	}

	.heroDesc{
		font-size: 1.55em;
	}

	#heroTable{
		width: 100%;
	}

	#pictureText{
		float: left;
		clear: right;
		width: 65%;
	}

	#mobileHeroLogoWrapper{
		/*padding-top: 50px;*/
	}

	#hootlinShowcaseWrapper {
		height: 375px;
		background-size: 897px 330px;
		margin-top: -190px;
	}

	#hootlinHeaderWrapper{
		height: 460px;
	}

	.hootlin .showcaseMargin{
		margin-top: 120px;
	}

	.hootlin .showcaseText.pull-right{
		padding: 0 15px;
	}

	.hootlin .showcaseMargin .fitVid{
		height: 405px;
		width: 100%;
		margin-top: 40px;
	}

	.hootlin #pitchText{
		margin-top: 290px;
	}

	.hootlin #hootyBG{
		background-image: none;
		height: auto;
		padding-bottom: 40px;
	}

		#merbyHeaderWrapper {
		height: 460px;
	}

	.merby #pitch {
		background-image: none;
	}

	.merby #mobilePitch{
		background-position: center bottom;
		background-size: cover;
		background-image: url(../img/work/merby/merbypitch.jpg);
		height: 100%;
	}

	#merbyShowcaseWrapper {
		background-position: center 250px;
		height: 650px;
		width: 100%;
		background-size: 1024px auto;
	}

	.merby .showcaseMargin {
		margin-top: 175px;
	}

	.merby .showcaseMargin .fitVid{
		height: 425px;
		width: 100%;
	}

	.merby #inspiration {
		background-size: 840px auto;
		margin-top: -50px;
	}

	.merby #inspiration .inspirationPadding {
		padding-top: 300px;
	}

	.nhl16 #nhl16HeaderWrapper{
		height: 460px;
	}

	.nhl16 #nhl16ShowcaseWrapper{
		background-size: 766px 573px;
		margin-top: -290px;
	}

	.nhl16 #mbpCol .img-responsive{
		margin-top: 400px;
	}

	.nhl16 #xbox1{
		width: 400px;
		height: auto;
	}

	.nhl16 .showcaseMargin .pull-left{
		margin-top: 40px;
	}

	.nhl16 .showcaseMargin .pull-right{
		padding: 0 15px;
	}

	.nhl16 .row.fitVidsRow{
		margin-bottom: 15px;
	}

	.nhl15 #nhl15HeaderWrapper{
		height: 460px;
	}

	.nhl15 #nhl15ShowcaseWrapper{
		background-size: 766px 573px;
		margin-top: -290px;
	}

	.nhl15 #mbpCol .img-responsive{
		margin-top: 400px;
	}

	.nhl15 #xbox1{
		width: 400px;
		height: auto;
	}

	.nhl15 .showcaseMargin .pull-left{
		margin-top: 40px;
	}

	.nhl15 .showcaseMargin .pull-right{
		padding: 0 15px;
	}

	.nhl14 #nhl14HeaderWrapper{
		height: 460px;
	}

	.nhl14 #nhl14ShowcaseWrapper{
		background-size: 766px 573px;
		margin-top: -290px;
	}

	.nhl14 #mbpCol .img-responsive{
		margin-top: 400px;
	}

	.nhl14 #xbox360{
		width: 400px;
		height: auto;
	}

	.nhl14 .showcaseMargin .pull-left{
		margin-top: 40px;
	}

	.nhl14 .showcaseMargin .pull-right{
		padding: 0 15px;
	}

	.nhl14 #mbpMetacritic{
		/*width: 460px;
		height: auto;
		margin-left: auto;
		margin-right: auto;*/
	}

	.nhl14 #resultStrip{
		margin-top: 60px;
		margin-bottom: 20px;
	}

	.nhl14 #resultStrip .container .row{
		margin-top: -62px;
	}

	.tiger #resultStrip{
		margin-top: 60px;
		margin-bottom: 20px;
	}

	.tiger #resultStrip .container .row{
		margin-top: -62px;
	}

	#tigerShowcaseWrapper {
		width: 100%;
		background-size: 800px auto;
	}

	.tiger #mbpCol {
		padding-left: 0;
		width: 60%;
	}

	.tiger #mbp{
		margin-top: 250px;
	}

	.tiger .showcaseMargin{
		margin-top: 40px;
	}

	#arenaShowcaseWrapper {
		width: 100%;
		background-size: 800px auto;
	}

	.arena #mbpCol {
		padding-left: 0;
		width: 60%;
	}

	.arena #mbp{
		margin-top: 250px;
	}

	.arena .showcaseMargin{
		margin-top: 40px;
	}

	#autobahnShowcaseWrapper {
		width: 100%;
		background-size: 800px auto;
	}

	.autobahn #mbpCol {
		padding-left: 0;
		width: 60%;
	}

	.autobahn #mbp{
		margin-top: 275px;
	}

	.autobahn .showcaseMargin{
		margin-top: 65px;
	}

	.autobahn .hero h1{
		font-size: 2.75em;
	}

	.workPage video{
		height: 405px;
	}

	.aoe4 #resultStrip{
		margin-bottom: 40px;
		height: 400px;
	}
	
	.aoe4 #metacritic2{
		background-size: 960px 575px;
		height: 575px;
		margin-top: -32px;
	}
}

@media (max-width: 991px){ /* tablets and below */
	.clearNav{
		/*margin-top: 49px;*/
	}

	.row .noPaddingRight{
		padding-right: 15px;
	}

	.mobileh2Fix{
		margin-top: 10px;
	}

	.mobileh2Clear{
		margin-top: 0;
	}

	.mobileMarginClear{
		margin-bottom: 0;
	}

	.padCol{
		padding: 0;
	}

	#picture{
		float: left !important;
		clear: left !important;
		width: 35%;
	}

	.aboutText a.button.standard:link {
		margin-top: 30px;
	}

	.workThumbsMobile a.button.standard:link{
		padding: 0;
		text-align: center;
		width: 100%;
	}

	.aboutText h2{
		margin-top: 20px;
	}

	#profileWrapper{
		/*padding-top: 50px;*/
	}

	.padRow {
		padding-top: 20px;
	}

	#picture a.button.orange:link{
		height: 80px;
		line-height: 80px;
	}

	.padWork{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.padWork.noPaddingTop{
		padding-top: 0;
	}

	.padWork.noPaddingBottom{
		padding-bottom: 0;
	}

	.workThumbsMobile .img-responsive{
		width: 100%;
	}

	.moreProjects .col-md-5.leftText{
		float: left;
	}

	.moreProjects .col-md-4.rightText{
		float: right;
	}

	#awards{
		padding-top: 0px;
	}

	.about #qualsWrapper #firstExp{
		margin-top: 0;
	}

	.hootlin #totemTextOffset {
		padding-top: 0px;
	}

	.hootlin .mechanicsFix{
		padding-bottom: 0;
	}

	.nhl15 #intoGame .container{
		margin-top: 450px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) { /* small desktops */
	body.kevin, .sidr{
		font-size: 17px;
	}

	#mbp{
		margin-top: 400px;
	}

	.showcaseMargin{
		margin-top: 220px;
	}

	.hootlin .showcaseMargin .fitVid{
		height: 256px;
	}

	.hootlin #pitchText{
		margin-top: 260px;
	}

	#merbyShowcaseWrapper {
		height: 550px;
		width: 100%;
		background-size: 1380px auto;
	}

	.merby .showcaseMargin {
		margin-top: 25px;
	}

	.merby .showcaseMargin .fitVid{
		height: 256px;
	}

	.merby #inspiration {
		background-size: 1024px auto;
		margin-top: -50px;
	}

	.merby #inspiration .inspirationPadding {
		padding-top: 350px;
	}

	.nhl16 .row.fitVidsRow{
		margin-bottom: 20px;
	}

	.nhl16 .showcaseMargin{
		margin-top: 190px;
	}

	.nhl15 .showcaseMargin{
		margin-top: 190px;
	}

	.nhl14 .showcaseMargin{
		margin-top: 190px;
	}

	.nhl14 #resultStrip{
		height: 275px;
		margin-top: 50px;
	}

	.nhl14 #resultStrip .container .row{
		margin-top: -56px;
	}

	.tiger #resultStrip{
		height: 275px;
		margin-top: 50px;
	}

	.tiger #resultStrip .container .row{
		margin-top: -56px;
	}

	.nhl14 #boxArt{
		margin-top: 90px;
		margin-left: -160px;
	}

	.tiger #mbp {
		margin-top: 400px;
	}

	.arena #mbp {
		margin-top: 400px;
	}

	.autobahn #mbp {
		margin-top: 400px;
	}

	.workPage video{
		height: 437.8px;
	}
	
	.aoe4 #resultStrip{
		margin-bottom: 100px;
	}
	
	.aoe4 #metacritic2{
		background-size: 1200px 718px;
		height: 718px;
		margin-top: -40px;
	}
}

@media (min-width: 992px){ /* small dekstops and up */
	.slicknav_menu {
		display: none;
	}
}

@media (min-width: 1200px){ /* large desktops */
	.fitVid{
		/*height: 312px;*/
	}
	.workPage video{
		height: 531.55px;
	}
}

@media (min-width: 1480px){ /* custom */
	.hootlin #outcomeBlurb{
		margin-left: 440px;
		width: 40%;
	}
}

@media (min-width: 1600px){ /* custom */
	.hootlin #outcomeBlurb{
		margin-left: 380px;
		width: 40%;
	}
}

@media (min-width: 1921px){ /* custom */
	.hootlin #outcomeBlurb{
		margin-left: 205px;
		width: 60%;
	}
}