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

/* SECTION GLOBAL */

*, html, body{
	margin: 0 auto;
	padding: 0px;
	box-sizing: border-box;
}

body{
	background-color: #f7f3ee;
}

img{
	max-width: 100%;
	display: block;
}

.mobileHide{
	display: block;
}

.mobileShow{
	display: none;
}

.sevenTwentyHide{
	display: block;
}

.sevenTwentyShow{
	display: none;
}

.clear{
	clear: both;
}

#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 30px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 0px; /* Some padding */
	border-radius: 100%; /* Rounded corners */
	color: #3D3632;
	font-family: cheap-pine-sans, sans-serif;
	font-weight: 400;
	font-size: 20pt;
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
	transition: filter .25s;
}

#myBtn img{
	width: 45px;
	height: 45px;
}

#myBtn:hover {
	filter:drop-shadow(0px 0px 2px hsla(0,2%,7%,0.50));
}

h1, h2, h3, h4, p{
	color: #1c1a1a;
	font-family: forma-djr-text, sans-serif;
	font-style: normal;
	line-height: 1.5em;
	letter-spacing: .01em;
}

h1, h2, h3, h4{
	margin-bottom: 10px;
}

h1{
	font-size: 30pt;
}

h2{
	font-size: 20pt;
}

h3{
	font-size: 18pt;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 13.5px;
}

p{
	font-weight: 400;
	font-size: 10pt;
	margin-bottom: 7.5px;
}

.italicSubHead{
	font-style: italic;
	font-weight: 400;
	color: #b42b08;
}

.bold{
	font-weight: 700;
}

.emBoth{
	font-style: italic;
	font-weight: 700;
}

.makeRed{
	color: #b42b08;
}

.leadP{
	margin-top: 15px;
}

.anchorDec{
	text-decoration: none;
}

.anchorDec h2{
	transition: color .25s;
}

.anchorDec h2:hover{
	color: #b42b08;
}

.button{
	font-family: cheap-pine-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #bb9e2f;
	padding: 6px 12px;
	font-size: 13pt;
	letter-spacing: .01em;
	margin-bottom: 0px;
	background-color: #1C1A1A;
	text-decoration: none;
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
	transition: color .25s;
}

.button:hover{
	color: #b42b08;
}

.buttonArea{
	padding: 6px 0px;
	text-align: center;
	margin-top: 45px;
}

.imgLink{
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
	transition: filter .25s;
}

.imgLink:hover{
	filter:drop-shadow(2px 2px 4px hsla(0,4%,11%,0.75));
}

.rule{
	width: 100%;
	height: 1px;
	background-color: #b42b08;
}

.pageHeading{
	margin-bottom: 90px;
}

.vimeoWrapper{
	pointer-events: none;
}

.iframeContainer{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.container{
	margin: 0px 7.15vw;
	/*margin: 0px 12vw 0px 3vw;*/
}

.mobile-container{
	margin: 0px 7.69vw;
}

/* SECTION HEADER */

#headerSpace{
	background-color: #1c1a1a;
	width: 100%;
	height: 7.2vw;
	position: relative;
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
}

#mainNav{
	position: absolute;
	bottom: 0px;
	font-family: cheap-pine-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
}

#mainNav ul li{
	margin-right: -3px;
	display: inline-block;
	transition: background-color .25s;
}

#mainNav ul li:hover{
	background-color: #b42b08;
}

#mainNav ul a{
	text-decoration: none;
}

#mainNav ul li p{
	font-family: cheap-pine-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #bb9e2f;
	padding: 6px 12px;
	font-size: 13pt;
	letter-spacing: .01em;
	margin-bottom: 0px;
}

/* MOBILE NAV */

#headerContent-mobile{
	height: 90px;
	margin: 0px;
	position: relative;
	background-color: #1c1a1a;
}

#headerMobile-logo{
	position: absolute;
	margin-left: 7.69vw;
	top: 30px
}

#headerMobile-logo img{
	width: 180px;
	margin: 0px;
}

#nav-mobile{
    position: absolute;
    right: 0;
    top: 42px;
    width: 100%;
}

#nav-mobile label img{
	width: 28px;
	height: auto;
	position: absolute;
	right: 0px;
}

#navMobile-menu{
	position: absolute;
	top: 26px;
	right: 0px;
	width: 84.62vw;
	text-align: center;
	z-index: 1;
	-webkit-box-shadow: 0px 0px 0px 2000px hsla(0,0%,0%,0.75);
    box-shadow: 0px 0px 0px 2000px hsla(0,0%,0%,0.75);
	-khtml-opacity:0;
	-moz-opacity:0;
	-ms-filter:”alpha(opacity=0)”;
	filter:alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;
}

#navMobile-menu ul{
	list-style: none;
}


#navMobile-menu ul a{
	text-decoration: none;
}

#navMobile-menu ul a li{
	background-color: #1c1a1a;
	transition: background-color .25s;
}

.hasRule{
	border-bottom: 1px solid #f7f3ee;
}

#navMobile-menu ul a li:hover{
	background-color: #cbcaca;
}

#navMobile-menu ul a li p{
	padding: 18px 20px 12px 20px;
	color: #bb9e2f;
	font-weight: 300;
	font-size: 12pt;
}

.mobileNavLast{
	padding-bottom: 3px;
}

#toggle{
	display: none;
}

#toggle:checked + #navMobile-menu{
	-khtml-opacity:1;
	-moz-opacity:1;
	-ms-filter:”alpha(opacity=100)”;
	filter:alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	opacity:1;
	transition: -khtml-opacity .5s, -moz-opacity .5s, -ms-filter .5s, filter .5s, opacity .5s;
}

.rawP{
	margin: 0px;
	line-height: 1em;
}

/* ------------------ */

#KVfeatureLogo{
	position: absolute;
	width: 16vw;
	height: auto;
	right: 7.15vw;
	bottom: 1vw;
	z-index: 1;
}

/* SECTION FEATURE */

#feature{
	position: relative;
	width: 100%;
	margin: 0px 0px 90px 0px;
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
}

#featureText{
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 18px 12px 15px 0px;
	background: linear-gradient(to right, hsla(0,5%,11%,0.90), hsla(0,5%,11%,0.90), hsla(0,5%,11%,0.90), hsla(0,5%,11%,0.00), hsla(0,5%,11%,0.00));
}

#featureText h3{
	color: #bb9e2f;
	text-shadow: 0 0 2px hsla(0,5%,11%,0.95);
}

#featureText h3 span{
	font-weight: 300;
	color: #bb9e2f;
}

#featureTextMobile{
	background-color: #1c1a1a;
	padding: 8px 0px;
}

#featureTextMobile h3{
	color: #bb9e2f;
	font-size: 12pt;
}

#featureTextMobile h3 span{
	font-weight: 300;
}

#featureTextBR{
	display: none;
}

/* SECTION WAR PAINT */

.warPaint-img{
	margin-bottom: 15px;
}

#warPaintGrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
	margin-bottom: 70px;
}

#warPaint1{
	grid-column: 1 / span 4;
	margin-left: 0px;
	margin-bottom: 30px;
}

#warPaint1 h2{
	line-height: 21pt;
	margin-bottom: 15px;
}

#warPaint1 h2 span{
	color: #b42b08;
}

.creativeStrategy{
	margin-top: 20px;
}

#specializes{
	border-top: 1px solid #b42b08;
	padding-top: 30px;
	margin-top: 30px;
}

#warPaint2{
	grid-column: 1 / span 2;
}

#whyDeploy{
	font-size: 12pt;
}

#warPaint2 p{
	padding-right: 0px;
}

#warPaint3{
	grid-column: 1 / span 2;
}

#warPaint3 span{
	font-weight: 700;
}

/* SECTION RECENT WORK */

#recentWork{
	margin-bottom: 83px;
}

#recentWorkHeading{
	margin-bottom: 20px;
}

#recentWorkHeading h2{
	margin-bottom: 3pt;
}

#recentWorkHeading a{
	color: #b42b08;
}

#recentWorkHeading a:hover{
	color: #1c1a1a;
}

#recentWorkGrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

.recentWorkGridItem{
	margin: 0px;
	padding: 0px;
}

.recentWorkGridItem img{
	margin-bottom: 10pt;
	transition: filter .25s;
}

.recentWorkGridItem img:hover{
	filter:drop-shadow(2px 2px 4px hsla(0,4%,11%,0.75));
}

.recentWorkGridItem p{
	padding-top: 5px;
	transition: color .25s;
}

.recentWorkGridItem p:hover{
	color: #B42B08;
}

.recentWorkGridItem p span{
	font-weight: 300;
}

#recentWorkGrid a{
	text-decoration: none;
}

/* SECTION KV ON LOCATION */

#KVonLocationGrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
	margin-bottom: 90px;
}

#KVonLocationGrid3{
	width: 100%;
	margin-top: 30px;
	grid-column: 1 / span 2;
}

#KVonLoc-interactive{
}

/* SECTION CREDENTIALS */

#credentials{
	margin-bottom: 120px;
}

.credItem{
	margin-bottom: 15px;
}

#PPA{
	margin-left: 0px;
	margin-bottom: 15px;
	max-width: 228px;
}


/* SECTION FOOTER */

footer{
	height: auto;
	background-color: #1c1a1a;
	padding-bottom: 30px;
	padding-top: 5px;
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
}

#footerContent{
	text-align: center;
}

#mobilePhone{
	margin-top: 60px;
}

#mobilePhone img{
	width: 21px;
}

#footerContent p{
	color: #b9b9b9;
	font-weight: 200;
	font-size: 9pt;
	margin-top: 20px;
}

#footerContent ul{
	list-style: none;
	margin-left: 0px;
	margin-bottom: 30px;
	margin-top: 40px
}

#footerContent ul li{
	display: inline-block;
	margin: 10px 15px 0px 15px;
}

#footerContent ul li a{
	font-family: forma-djr-text, sans-serif;
	font-style: normal;
	line-height: 1.5em;
	letter-spacing: .01em;
	font-size: 10pt;
	text-decoration: none;
	color: #b9b9b9;
	font-weight: 200;
	transition: color .25s;
}

#footerContent ul li a:hover{
	color: #bb9e2f;
}

/* SECTION SERVICES PAGE */

#discountWrapper{
	position: relative;
	background-color: #1c1a1a;
	width: 100%;
	height: 90px;
	margin-bottom: 30px;
}

#discountArea{
	position: relative;
}

.discountItem{
	position: absolute;
}

#usFlag{
	width: 120px;
	top: 8px;
}

.discountItem h2{
	color: #f7f3ee;
}

#vets{
	left: 135px;
	top: 25px;
}

#discountWrapperMobile{
	background-color: #1c1a1a;
	width: 100;
	height: auto;
	padding: 10px;
	margin-bottom: 30px;
	-moz-box-shadow: 0 0px 6px 0 hsla(0,4%,11%,0.90);
	-webkit-box-shadow: 0 0px 6px 0 hsla(0,4%,11%,0.90);
	-ms-box-shadow: 0 0px 6px 0 hsla(0,4%,11%,0.90);
    -o-box-shadow: 0 0px 6px 0 hsla(0,4%,11%,0.90);
    box-shadow: 0 0px 6px 0 hsla(0,4%,11%,0.90);
}

#discountMobileGrid{
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-column-gap: 10px;
	grid-row-gap: 0px;
	align-items: center;
}

#discountMobileGrid h2{
	color: #f7f3ee;
	font-size: 16pt;
	line-height: 18pt;
	margin: 0px;
	letter-spacing: 0.025em
}

#servicesArea{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
	margin-bottom: 60px;
}

.servItem{
	margin-bottom: 45px;
}

.servItem img{
	margin-bottom: 15px;
}

#servMisc{
	margin-left: 0px;
	padding-left: 16px;
}

#servMisc ul{
	color: #b42b08;
}

#servMisc p{
	color: #b42b08;
	font-style: italic;
}

#servMisc h3{
}

#consultationArea{
	margin-bottom: 60px;
	border-top: 1px solid #b42b08;
	padding-top: 15px;
}

#consultationArea h2{
}

#consultationArea h2 span{
	font-weight: 200;
}

/* SECTION PORTFOLIO PAGE */

#portfolioTitle h2{
	margin-bottom: 30px;
}

#portfolioTitle span{
	font-weight: 300;
}

#portfolioArea{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	margin-bottom: 120px;
}

.portfolioItem{
	margin-bottom: 30px;
}

.portfolioItem a{
	text-decoration: none;
}

.portfolioItem a p{
	font-weight: 500;
	transition: color .25s;
}

.portfolioItem a p:hover{
	color: #b42b08;
}

.portfolioItem a p span{
	font-weight: 300;
}

.portfolioItem a img{
	margin-bottom: 15px;
}

/* SECTION CONTACT PAGE */

#contactForm{
	margin-bottom: 120px;
	background-color: #1c1a1a;;
	padding: 60px 0px 90px 0px;
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
}

#contactForm fieldset{
	border: none;
}

#legend{
	margin-bottom: 30px;
}

#legend h2{
	color: #f7f3ee;
}

#formGrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 75px;
	grid-row-gap: 0px;
}

.formItem{
	padding: 0px;
	margin: 15px 0px;
}

#formGrid p{
	margin-bottom: 0px;
	padding: 0px;
	color: #f7f3ee;
}

#chex-area{
	grid-column: 1 / span 3;
	margin: 60px 0px;
	color: #f7f3ee;
}

#chex-area input{
	margin: 7.5px 7.50px 7.5px 0px;
	
}

#chex-area p{
	margin-bottom: 7.5px;
}

#chex-area p span{
	font-weight: 200;
}

.chexRow{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
	text-align: left;
}

.chexItem{
	margin: 0px;
	font-family: forma-djr-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10pt;
    letter-spacing: .2pt;
}

.chexItem label{
	color: #bb9e2f;
}

.textInput{
    width: 100%;
	height: 27px;
    margin: 0px;
    padding: 3px;
    border: 1px solid #b42b08;
    border-radius: 2px;
    background-color: #f7f3ee;
	color: #3d3632;
}

.textInput:focus{
	border: hidden;
}

#commentArea{
	margin-top: 60px;
}

#comment{
	height: 150px;
	max-height: 150px;
	min-height: 150px;
	width: 100%;
}

#formButton{
	grid-column: 1 / span 1;
	text-align: left;
	margin-top: 60px;
}

#formSend{
	background-color: #b42b08;
	border: none;
	margin: 0px;
	padding: 8px 32px;
	font-family: cheap-pine-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
    color: #1c1a1a;
    font-size: 15pt;
	letter-spacing: .01em;
	-moz-box-shadow: inset 0px 0px 3px 0px rgba(61,54,50,0.60), 1px 1px 3px rgba(0,0,0,0.40);
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(61,54,50,0.60), 1px 1px 3px rgba(0,0,0,0.40);
	-ms-box-shadow: inset 0px 0px 3px 0px rgba(61,54,50,0.60), 1px 1px 3px rgba(0,0,0,0.40);
	-o-box-shadow: inset 0px 0px 3px 0px rgba(61,54,50,0.60), 1px 1px 3px rgba(0,0,0,0.40);
    box-shadow: inset 0px 0px 3px 0px rgba(61,54,50,0.60) 1px 1px 3px rgba(0,0,0,0.40);
	cursor: pointer;
	transition: color .25s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
}

#formSend:hover{
	color: #bb9e2f;
}

#blank{
	display: none;
}

#contactInfo{
	margin-bottom: 90px;
}

#contactInfo a{
	color: #1c1a1a;
}

#contactInfoGrid{
	display: grid;
	grid-template-columns:1fr 2fr;
	grid-column-gap: 30px;
}

.contactTextItem{
	margin-bottom: 60px;
}

#contactText p{
	/* padding-right */
}

#personInfo p, #personInfo a{
}

#personInfo a{
	transition: color .25s;
}

#personInfo a:hover{
	color: #1c1a1a;
}

#jaredKrupa{
	font-weight: 500;
}

#jaredKrupa span{
	font-weight: 300;
}

#socialMedia{
	/* margin-left: 0px; */
}

#socialMedia ul{
	list-style: none;
}

#socialMedia ul li{
	display: inline-block;
	margin-right: 30px;
}

#socialMedia span{
	display: none;
}

#behance{
	display: block;
	width: 63px;
	height: 63px;
	background: url("../images/contact/socMedIcons/behance1.png") no-repeat 0 0;
	background-size: contain;
	transform: background .25s;
}

#behance:hover{
	background: url("../images/contact/socMedIcons/behance2.png") no-repeat 0 0;
	background-size: contain;
}

#linkedIn{
	display: block;
	width: 63px;
	height: 63px;
	background: url("../images/contact/socMedIcons/linkedin1.png") no-repeat 0 0;
	background-size: contain;
	transform: background .25s;
}

#linkedIn:hover{
	background: url("../images/contact/socMedIcons/linkedin2.png") no-repeat 0 0;
	background-size: contain;
}

#facebook{
	display: block;
	width: 63px;
	height: 63px;
	background: url("../images/contact/socMedIcons/facebook1.png") no-repeat 0 0;
	background-size: contain;
	transform: background .25s;
}

#facebook:hover{
	background: url("../images/contact/socMedIcons/facebook2.png") no-repeat 0 0;
	background-size: contain;
}

#instagram{
	display: block;
	width: 63px;
	height: 63px;
	background: url("../images/contact/socMedIcons/instagram1.png") no-repeat 0 0;
	background-size: contain;
	transform: background .25s;
}

#instagram:hover{
	background: url("../images/contact/socMedIcons/instagram2.png") no-repeat 0 0;
	background-size: contain;
}

/* SECTION MAIL SENT PAGE */

#mailSent{
	margin: 120px auto;
	width: 50vw;
}

/* SECTION PORTFOLIO PAGES */

.portPageTitleArea{
	background-image: url("../images/portPP/portPageTitleBG_468.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 90px;
	width: auto;
	margin-left: 0px;
	margin-bottom: 90px;
}

.portPageTitle{
	padding-top: 34px;
}

.portPageTitle h3{
	color: #f7f3ee;
}

.ppNavigation{
	width: 45vw;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 12px;
	grid-row-gap: 0px;
	margin-bottom: 120px;
	align-items: center;
}

.portHome{
	padding: 18px;
}

/* SECTION PP BERKSHIRE */

#berkshireGrid{
	margin-bottom: 120px;
}

.berkshireGridItem{
	margin-bottom: 90px;
}

#berkshireIntro{
	width: 30vw;
	margin-left: 0px;
}

#berkshireWeb h2{
}

#berkshireWeb h2 span, #berkshireWeb h2 a{
	color: #b42b08;
	transition: color .25s;
}

#berkshireWeb h2 span:hover, #berkshireWeb h2 a:hover{
	color: #1c1a1a;
}

#berkshireWebShow{
	margin-left: 0px;
	padding: 0px;
	width: 60vw;
}

#berkshireFollowLink{
	width: 30vw;
	margin-left: 0px;
}

#berkshireLogoGrid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 15px;
}

#berkshireColorGrid{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 15px;
}

/* SECTION PP CRAICK PUB */

#craickPubArea{
	margin-bottom: 120px;
}

.craickPubItem{
	margin-bottom: 30px;
}

#craickPubMovieArea{
	background-color: #14110f;
}

/* SECTION PP CARNAVAL */

#carnavalContainer{
	margin-bottom: 120px;
	width: 50vw;
}

.carnavalItem{
	margin-bottom: 90px;
}

.carnavalItem img{
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
}

#carnavalInstaLarge{
	width: 60%;
	margin-left: 0px;
}

/* SECTION PP DOMINION */

#dominionMovieArea{
	margin-bottom: 90px;
}

#dominionMovie{
	width: 60vw;
	margin-left: 0px;
	background-color: #1c1a1a;
}

#dominionGrid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
	margin-bottom: 120px;
}

/* SECTION PP SOSPETTO */

#sospettoArea{
	margin-bottom: 120px;
}

.sospettoItem{
	margin-bottom: 90px;
}

#sospettoLogo{
	margin-left: -5px;
}

#sospettoStory{
	width: 30vw;
	margin-left: 0px;
}

#sospettoPersona{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#labelLong{
	grid-row: 1 / span 2;
}

#sospettoPersonaCopy p span{
	font-weight: 300;
}

#wineBottleGrid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#brushesShow{
	margin-left: 0px;
}

#sospettoProcess{
	display: grid;
	grid-template-columns: 1fr 1fr 2fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#grapesArea{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

/* SECTION PP SCW */

#scwGrid{
	margin-bottom: 120px;
}

.scwGridItem{
	margin-bottom: 90px;
}

#scwIntro{
	width: 30vw;
	margin-left: 0px;
}

#scwWeb h2 span, #scwWeb h2 a{
	color: #b42b08;
	transition: color .25s;
}

#scwWeb h2 span:hover, #scwWeb h2 a:hover{
	color: #1c1a1a;
}

#scwWebShow, #slideshowArea, #scwBooking{
	margin-left: 0px;
	padding: 0px;
	width: 60vw;
}

#slideshow, #scwBooking img{
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
}

#slideshow{
	overflow: hidden;
}

#slideshow figure{
	position: relative;
	width: 600%;
	margin: 0;
	left: 0;
	animation: 18s slideshow infinite;
}

#slideshow figure img{
	width: 16.66667%;
	float: left;
}

@keyframes slideshow{
	0%{left: 0;} /* very beginning, start img 1  */
	13%{left: 0;}/* img 1 starts to turn  */
	20%{left: -100%;}/* img 2 time starts  */
	33%{left: -100%;}/* img 2 starts to turn  */
	40%{left: -200%;}/* img 3 time starts  */
	53%{left: -200%;}/* img 3 starts to turn  */
	60%{left: -300%;}/* img 4 time starts  */
	73%{left: -300%;}/* img 4 starts to turn  */
	80%{left: -400%;}/* img 4 time starts  */
	93%{left: -400%;}/* img 4 starts to turn  */
	100%{left: -500%;}/* img 5 time starts  */
}

/* SECTION PP ZELLER */

#zellerArea{
	margin-bottom: 120px;
}

.zellerItem{
	margin-bottom: 90px;
}

.zellerItem img{
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
}

.zellerMockup{
	width: 50vw;
	margin-left: 0px;
}

/* SECTION PP PARSONS */

#parsonsArea{
}

.parsonsItem{
	margin-bottom: 30px;
}

.parsonsItem img{
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
}

#parsonsLogoShow{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

.parsonsLogoItem{
	margin-bottom: 60px;
}

#parsonsLogo1{
	grid-column: 1 / span 1;
}

#parsonsLogo2{
	grid-column: 1 / span 2;
}

#parsonsCardShow{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#parsonsCardFront{
	grid-column: 1 / span 1;
}

#parsonsCardBack{
	grid-column: 2 / span 1;
}

#parsonsMovieArea{
	margin-top: 90px;
	margin-bottom: 150px;
	width: 400px;
	height: 500px;
}

#parsonsMovie{
	width: 100%;
	height: 100%;
}

#parsonsMovieInside{
	max-width: 400px;
	width: 100%;
	height: 100%;
}

/* SECTION PP POSSUM STAKES */

#posstksArea{
	margin-bottom: 136px;
}

#possumStakesMovieArea{
	margin-bottom: 90px;
}

#possumStakesMovie{
	width: 60vw;
	margin-left: 0px;
	margin-bottom: 30px;
	background-color: #1c1a1a;
}

#posstkAbout{
	width: 30vw;
	margin-left: 0px;
}

#posstkAbout a{
	color: #b42b08;
	transition: color .25s;
}

#posstkAbout a:hover{
	color: #1c1a1a;
}

#posstksDocLinkArea{
	position: relative;
}

#posstksDocLinkImg{
	position: absolute;
}

#posstksDocLinkImg img{
	width: 45px;
	height: auto;
}

#posstksDocLink{
	position: relative;
	left: 60px;
	top: 20px;
	width: 100%;
}

#posstksDocLink a, #posstksDocLink h3{
	color: #b42b08;
	transition: color .25s;
}

#posstksDocLink a:hover, #posstksDocLink h3:hover{
	color: #1c1a1a;
}

#posstksDocLinkAreaMobile{
	display: grid;
	grid-template-columns: 1fr 4fr;
	grid-column-gap: 15px;
	grid-row-gap: 0px;
	align-items: center;
}

#posstksDocLinkMobile h3{
	margin-left: 0px;
	font-size: 12pt;
	line-height: 18pt;
	margin-bottom: 0px;
	color: #b42b08;
	font-weight: 400
}

#posstksDocLinkMobile a{
	color: #b42b08;
}

/* SECTION PP HELL HOUNDS & HICKORY SMOKE */

#bigJohnShow{
	margin-bottom: 30px;
}

#bigJohnArea{
	margin-bottom: 120px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#bigJohnDesc{
	grid-column: 2 / span 1;
	grid-row: 1;
}

#bigJohnMockup{
	grid-column: 1 / span 1;
	grid-row: 1;
}

/* SECTION PP JK GROOVES */

#jkgArea{
	margin-bottom: 120px;
}

.jkgItem{
	margin-bottom: 90px;
}

#jkgDescArea{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#jkgDesc{
	grid-column: 1 / span 1;
}

#jkgLogoGrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#jkgLogo{
	grid-column: 1 / span 2;
}

#jkgCardGrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#jkgStickerGrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#jkgSticker{
	grid-column: 1 / span 2;
}

#jkgFlyerGrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

/* SECTION PP BRASS */

#brassArea{
	margin-bottom: 120px;
}

.brassItem{
	margin-bottom: 90px;
}

#brassGrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#brassPoster{
	grid-column: 1 / span 2;
}

/* SECTION PP STUDENT WORK */

#studentWorkArea{
	margin-bottom: 120px;
}

.studentWorkItem{
	margin-bottom: 90px;
}

.studentWorkItem img{
	-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
	-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    -o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
    box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
}

.studentDesc{
	width: 50vw;
	margin: 0px 0px 30px 0px;
}

#vaudevilleClub{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#vaudevilleContent{
	grid-column: 1 / span 2;
}

#vaudevilleClub h2{
	margin-bottom: 0px;
}

#vaudevilleClub p{
	margin-bottom: 15px;
}

#wmccPosters{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#posterA{
	grid-column: 1 / span 1;
}

#posterB{
	grid-column: 2 / span 1;
}

#wmccMailer{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#wmccMapArea{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#wmccMap{
	grid-column: 1 / span 2;
}

#ebffBillboardArea{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#ebffPosterArea{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#ebffBillboard{
	grid-column: 1 / span 2;
}

#cycleWorldArea{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

.cycleWorldItem{
	grid-column: 1 / span 2;
	margin-bottom: 90px;
}

#cycleWorldMockup{
	margin-bottom: 0px;
}

#cityZooArea{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

#cityZooMap{
	grid-column: 1 / span 2;
}

/* SECTION PP MISCELLANY */

#gallery1{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
	margin-bottom: 120px;
	align-items: center;
}

#gallery1 img{
	width: 100%;
	margin-left: 0px;
}

#miscIns{
	margin-bottom: 30px;
	color: #b42b08;
}

/* SECTION PP TIME LAPSE */

#timeLapseDesc{
	width: 50vw;
	margin-bottom: 90px;
}

#TLgrid{
	width: 50vw;
	margin-bottom: 120px;
}

.tlItem{
	margin-bottom: 90px;
}

#TLpainting{
	padding-top: 100%;
}

#TLice{
	padding-top: 67%
}

#TLcandles{
	padding-top: 67%;
}


/* REGION MEDIA QUERIES ------------------------------------------------------------------------------------------ */

@media (max-width: 1440px){
	
	
	
}/* -------------------------------------------------------------------------------------------- */

@media (max-width: 1080px){
	
	.ppNavigation{
		width: 56vw;
		grid-column-gap: 8px;
	}

	.portHome{
		padding: 20px;
	}
	
	/* HOME */

	#warPaintGrid{
		grid-template-columns: 1fr 1fr 1fr;
	}

	#warPaint1{
		grid-column: 1 / span 3;
	}

	#warPaint2{
		grid-column: 1 / span 2;
	}

	#warPaint2 p{
		padding-right: 0px;
	}
	
	#KVonLocationGrid{
		grid-template-columns: 1fr 1fr; 
	}

	#KVonLocationGrid3{
		width: 100%;
		margin-top: 30px;
		grid-column: 1 / span 2;
	}
	
	/* SERVICES */
	
	/* PORTFOLIO */
	
	/* CONTACT */
	
	.chexRow{
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 60px;
	}
	
	/* PP PAGES */
	
	#carnavalContainer{
		width: 60vw;
	}

	#scwIntro{
		width: 60vw;
	}

	#parsonsLogoShow{
		grid-template-columns: 1fr 1fr;
	}

	.parsonsLogoItem{
		margin-bottom: 60px;
	}

	#parsonsCardShow{
		grid-template-columns: 1fr 1fr;
	}
	
	#possumStakesMovieArea{
		margin-bottom: 60px;
	}

	#possumStakesMovie{
		width: 84.62vw;
	}

	#posstkAbout{
		width: 50vw;
	}

	#vaudevilleContent{
		grid-column: 1 / span 3;
	}
	
	#wmccMailer{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	#wmccMapArea{
		display: grid;
		grid-template-columns: 2fr 1fr;
	}

	#wmccMap{
		grid-column: 1 / span 1;
	}

	#ebffBillboardArea{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
	}

	

	
	
}/* -------------------------------------------------------------------------------------------- */

@media (max-width: 960px){
	
	.ppNavigation{
		width: 64vw;
		grid-column-gap: 4px;
	}

	.portHome{
		padding: 24px;
	}
	
	#servicesArea{
		grid-template-columns: 1fr 1fr;
		margin-bottom: 120px;
	}
	
	#portfolioArea{
		grid-template-columns: 1fr 1fr;
		margin-bottom: 90px;
	}

	#contactForm{
		margin-bottom: 90px;
	}

	#formGrid{
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 7.15vw;
		grid-row-gap: 0px;
	}

	.formItem{
		margin: 18px 0px;
	}

	#chex-area{
		margin: 60px 0px;
		grid-column: 1 / span 2;
	}

	#formButton{
		grid-column: 2 / span 1;
	}

	#contactInfoGrid{
		grid-template-columns:1fr 1fr 1fr;
	}

	#contactText{
		grid-column: 1 / span 2;
		margin-bottom: 60px;
	}

	#socialMedia{
		grid-column: 1 / span 2;
		margin-left: 0px;
		margin-bottom: 60px;
	}
	
	#mailSent{
		width: 67vw;
	}

	#carnavalContainer{
		width: 67vw;
	}
	
	#dominionMovie{
		width: 84.62vw;
	}

	#berkshireIntro{
		width: 42vw;
	}

	#berkshireWebShow{
		width: 84.62vw;
	}

	#berkshireColorGrid{
		grid-template-columns: 3fr 2fr;
	}
	
	#jkgDescArea{
		display: block;
	}

	#jkgDesc{
		width: 42vw;
		margin-left: 0px;
	}

	#jkgLogo{
		grid-column: 1 / span 2;
	}

	#jkgCardGrid{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 30px;
	}

	#jkgSticker{
		grid-column: 1 / span 2;
	}

	#jkgFlyerGrid{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
	}

	#sospettoStory{
		width: 42vw;
	}

	#sospettoProcess{
		display: grid;
		grid-template-columns: 1fr 2fr 1fr;
	}

	#grapesArea{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
	}

	.studentDesc{
		width: 67vw;
	}

	#vaudevilleClub{
		display: block;
	}

	#vaudevilleClub h2{
		margin-bottom: 7px;
	}


	#wmccMap{
		grid-column: 1 / span 2;
	}

	#cycleWorldArea{
		display: block;
	}

	.cycleWorldItem{
		margin-bottom: 60px;
	}

	#cityZooArea{
		display: block;
	}

	#timeLapseDesc{
		width: 50vw;
	}

	#TLgrid{
		width: 67vw;
	}
	
	#gallery1{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}


	
	
}/* -------------------------------------------------------------------------------------------- */

@media (max-width: 840px){
	
	#discountWrapper{
		height: 120px;
	}


	#usFlag{
		width: 150px;
		top: 16px;
	}

	.discountItem h2{
		line-height: 24pt;
	}

	#vets{
		left: 160px;
		top: 28px;
	}
	
}

@media (max-width: 720px){
	
	.sevenTwentyHide{
		display: none;
	}

	.sevenTwentyShow{
		display: block;
	}
	
	.ppNavigation{
		width: 78vw;
		grid-column-gap: 4px;
	}

	.portHome{
		padding: 24px;
	}
	
	h2{
		line-height: 24pt;
	}
	
	/* HOME */
	
	#featureTextMobile h3{
		font-size: 16pt;
	}

	#warPaintGrid{
		display: block;
		margin-bottom: 50px;
	}

	#warPaint1{
		margin-bottom: 20px;
	}

	#warPaint1 h2{
		line-height: 24pt;
	}
	
	#warPaint2{
		margin-top: 30px;
	}

	#recentWork{
		margin-bottom: 75px;
	}


	#recentWorkHeading h2{
		line-height: 24pt;
	}

	#recentWorkGrid{
		display: block;
	}

	.recentWorkGridItem{
		margin-bottom: 45px;
	}

	.recentWorkGridItem img{
		margin-bottom: 7pt;
	}

	#KVonLocationGrid{
		display: block;
		margin-bottom: 60px;
	}
	
	.KVonLocationGridItem{
		margin-bottom: 30px;
	}

	#KVonLocationGrid3{
		width: 100%;
		margin-top: 30px;
		grid-column: 1 / span 2;
	}

	#KVonLoc-interactive{
	}

	#credentials{
		margin-bottom: 120px;
	}

	.credItem{
		margin-bottom: 15px;
	}

	#PPA{
		margin-left: 0px;
		margin-bottom: 15px;
		max-width: 228px;
	}
	
	#servicesArea{
		display: block;
	}


	.servItem img{
		margin-bottom: 15px;
	}
	
	.servItem p{
		margin-bottom: 0px;
		padding-right: 90px;
	}

	#servMisc{
		margin-left: 0px;
		padding-left: 16px;
	}
	
	#servMisc h3{
		margin-left: -14px;
	}

	#servMisc ul{
		color: #b42b08;
	}

	#servMisc p{
		color: #b42b08;
		font-style: italic;
	}

	#consultationArea{
		margin-bottom: 24px;
		border-top: 1px solid #b42b08;
		padding-top: 18px;
	}

	#consultationArea h2{
	}

	#consultationArea h2 span{
		font-weight: 200;
	}
	
	#portfolioArea{
		display: block;
	}
	
	#portfolioTitle{
		margin-bottom: 45px;
	}
	
	.portfolioItem{
		margin-bottom: 45px;
	}
	
	.chexRow{
		grid-template-columns: 1fr 1fr;
		grid-gap: 15px;
	}

	#chex-area{
		margin: 60px 0px 30px 0px;
		grid-column: 1 / span 2;
	}
	
	#chex-area p{
		margin-bottom: 15px;
	}
	
	.chexItem{
		margin-bottom: 7px;
	}

	#contactInfoGrid{
		grid-template-columns:1fr 1fr;
	}

	#contactText{
		padding-right: 8vw;
		margin-bottom: 45px;
	}

	#carnavalContainer{
		width: 84.62vw;
	}
	
	#dominionGrid{
		display: block;
		margin-bottom: 90px;
	}
	
	.dominionGridItem{
		margin-bottom: 60px;
	}
	
	#scwIntro{
		width: 84.62vw;
	}

	#scwWebShow, #slideshowArea, #scwBooking{
		width: 84.62vw;
	}
	
	.zellerItem{
		margin-bottom: 60px;
	}

	.zellerMockup{
		width: 84.62vw;
	}
	
	.parsonsItem{
		margin-bottom: 0px;
	}

	#parsonsLogoShow{
		display: block;
	}

	#parsonsCardShow{
		grid-template-columns: 1fr 1fr;
	}

	#parsonsMovieArea{
		margin-top: 60px;
		margin-bottom: 150px;
	}
	
	#posstkAbout{
		width: 84.62vw;
	}
	
	#posstksDocLink{
		left: 75px;
		top: 0px;
		width: 72vw;
		margin: 0px;
	}
	
	#posstksDocLinkImg img{
		width: 60px;
	}
	
	#berkshireIntro{
		width: 67vw;
	}
	
	.berkshireGridItem{
		margin-bottom: 75px;
	}
	
	#berkshireWeb{
		margin-bottom: 90px;
	}

	#berkshireWebShow{
		width: 84.62vw;
	}

	#berkshireLogoGrid{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}

	#berkshireColorGrid{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	
	#bigJohnShow{
		margin-bottom: 60px;
	}

	#bigJohnArea{
		margin-bottom: 120px;
		display: block;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
	}

	#bigJohnDesc{
		margin-bottom: 60px;
	}

	.jkgItem{
		margin-bottom: 90px;
	}

	#jkgDescArea{
		display: block;
	}

	#jkgDesc{
		width: 84.62vw;
	}

	#jkgLogoGrid{
		display: block;
	}

	#jkgLogo{
		margin-bottom: 30px;
	}

	#jkgCardGrid{
		display: block;
	}
	
	#jkgCardGrid img{
		margin-bottom: 30px;
	}

	#jkgStickerGrid{
		display: block;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
	}
	
	#jkgStickerGrid img{
		margin-bottom: 30px;
	}

	#jkgStickerMockup{
		width: 60vw;
		margin-left: 0px;
	}

	#jkgFlyerGrid{
		display: block;
	}
	
	#jkgFlyerGrid img{
		width: 60vw;
		margin-bottom: 30px;
		margin-left: 0px;
	}

	#sospettoLogo{
		margin-left: -3px;
	}

	#sospettoStory{
		width: 67vw;
	}

	#sospettoPersona{
		display: block;
	}
	
	#sospettoPersonaCopy{
		margin-top: 18px;
		width: 67vw;
		margin-left: 0px;
	}

	#wineBottleGrid{
		display: block;
	}
	
	#wineBottleGrid img{
		margin-bottom: 30px;
	}

	#sospettoProcess{
		display: grid;
		grid-template-columns: 2fr 3fr;
	}

	#grapesArea{
		display: block;
	}
	
	#grapesArea img{
		margin-bottom: 30px;
	}
	
	.brassItem{
		margin-bottom: 45px;
	}
	
	#brassStory{
		width: 50vw;
		margin-left: 0px;
	}
	
	#brassBefore{
		width: 50vw;
		margin-left: 0px;
	}
	
	#brassGrid{
		display: block;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
	}

	#brassPoster{
		grid-column: 1 / span 2;
	}
	
	#timeLapseDesc{
		width: 67vw;
		margin-bottom: 90px;
	}

	#TLgrid{
		width: 84.62vw;
		margin-bottom: 120px;
	}

	.tlItem{
		margin-bottom: 60px;
	}
	
	#gallery1{
	grid-template-columns: 1fr 1fr 1fr;
}	
	
}/* -------------------------------------------------------------------------------------------- */

@media (max-width: 620px){
	#featureTextMobile h3{
		font-size: 14pt;
	}
	
	#usFlag{
		width: 120px;
		top: 24px;
	}
	
	#vets{
		left: 130px;
		top: 30px;
	}
	
	#mailSent{
		width: 84vw;
	}
}

@media (max-width: 550px){
	#featureTextMobile h3{
		font-size: 12pt;
	}
	
	#discountWrapper{
		height: 118px;
	}

	#usFlag{
		width: 130px;
		top: 20px;
	}

	#vets{
		left: 142px;
		top: 11px;
	}
	
	.studentDesc{
		width: 84.62vw;
	}
}

@media (max-width: 468px){
	
	/* GLOBAL */
	
	.mobileHide{
		display: none;
	}
	
	.mobileShow{
		display: block;
	}
	
	.container{
	margin: 0px;
	}
	
	#myBtn{
		bottom: 18px;
		right: 18px;
	}
	
	#myBtn img{
		width: 36px;
		height: 36px;
	}
	
	.pageHeading{
		margin-bottom: 60px;
	}
	
	/* GRID AREAS */
	#warPaintGrid, #recentWorkGrid, #KVonLocationGrid, #servicesArea, #portfolioArea, #formGrid, #contactInfoGrid, #berkshireLogoGrid, #berkshireColorGrid, #dominionGrid, #sospettoPersona, #wineBottleGrid, #sospettoProcess, #grapesArea, #parsonsLogoShow, #parsonsCardShow, #bigJohnArea, #jkgDescArea, #jkgLogoGrid, #jkgCardGrid, #jkgStickerGrid, #jkgFlyerGrid, #brassGrid, #vaudevilleClub, #wmccPosters, #wmccMailer, #wmccMapArea, #ebffBillboardArea, #ebffPosterArea, #cycleWorldArea, #cityZooArea, #gallery1{
	display: block;
	}
	
	/* MAKE MOBILE CONTAINER */
	#featureTextMobile h3, #warPaint h2, #warPaint p, #recentWorkHeading, .recentWorkGridItem p, #KVonLocationMobile, #KVonLocationGrid2, #credentials, .servItem p, .servItem ul, #servMisc, #consultationArea h2, #portfolioTitle, .portfolioItem p, #contactInfo, #contactForm fieldset, .portPageTitle, .carnavalItem h2, #dominionMovieArea h2, .dominionGridItem h2, .scwGridItem h2, .scwGridItem p, #zellerArea h2, #parsonsArea h2, #parsonsMovieArea h2, #posstksArea h2, #posstksArea h3, #posstksArea p, #posstksDocLinkAreaMobile, #berkshireGrid p, #berkshireGrid h2, #bigJohnShow h2, #bigJohnDesc, #jkgArea h2, #jkgArea p, #sospettoLogo, #sospettoMovieArea h2, #sospettoArea h2, #sospettoArea p, #brushesShow, #brassStory, #brassBefore p, #studentWorkArea h2, #studentWorkArea p, #timeLapseDesc, #miscIns{
		margin-left: 7.69vw;
		margin-right: 7.69vw;
	}

	h2{
		font-size: 21pt;
		line-height: 24pt;
	}
	
	#footerContent{
		margin-bottom: 30px;
	}

	#footerContent ul{
		margin-bottom: 45px;
		margin-top: 45px;
	}
	
	#footerContent ul li{
		margin-bottom: 15px;
	}
	
	/* HOME -------------------------------------------------------------------------------- */
	
	#feature{
		margin: 0px 0px 60px 0px;
	}
	
	#featureTextMobile{
		font-size: 55pt;
	}
	
	#featureTextBR{
		display: block;
	}

	#warPaintGrid{
		margin-bottom: 60px;
	}

	#warPaint1 h2{
		line-height: 26pt;
		margin-bottom: 30px;
		font-size: 24pt;
	}
	
	#warPaint1 h2 span{
		margin-top: 
	}

	#warPaint2 p{
		padding-right: 0px;
	}

	#recentWork{
		margin-bottom: 60px;
	}

	#recentWorkHeading h2{
		font-size: 21pt;
		line-height: 24pt;
	}

	.recentWorkGridItem{
		margin-bottom: 45px;
	}

	.recentWorkGridItem img{
		margin-bottom: 14pt;
	}

	.recentWorkGridItem p{
		padding-top: 0px;
	}

	#KVonLocationGrid{
		margin-bottom: 30px;
	}
	
	.KVonLocationGridItem{
		margin-bottom: 45px;
	}
	
	#KVonLocationMobile{
		margin-bottom: 30px;
	}
	
	/* SERVICES -------------------------------------------------------------------------------- */
	
	.servItem{
		margin-bottom: 45px;
	}
	
	.servItem p{
		padding-right: 0px;
	}
	
	.servItem ul li p{
		margin-left: 0px;
	}
	
	#servMisc h3{
		margin-left: -14px;
	}
	
	#servMisc ul{
		margin-left: 0px;
	}
	
	#servicesArea{
		margin-bottom: 90px;
	}

	#consultationArea{
		margin-bottom: 24px;
		padding-top: 18px;
	}
	
	/* PORTFOLIO -------------------------------------------------------------------------------- */
	
	#portfolioArea{
		margin-bottom: 90px;
	}

	.portfolioItem{
		margin-bottom: 45px;
	}

	/* PORTFOLIO PP -------------------------------------------------------------------------------- */
	
	.ppNavigation{
		width: 84.62vw;
		grid-column-gap: 0px;
		margin-bottom: 90px;
	}

	.portHome{
		padding: 15px;
	}
	
	/* CONTACT -------------------------------------------------------------------------------- */
	
	#contactForm{
		margin-bottom: 90px;
		padding: 45px 0px;
	}

	#formGrid{
		margin-top: 36px;
		margin-bottom: 30px;
	}

	.formItem{
		padding: 0px;
		margin: 30px 0px;
	}

	#formGrid p{
		margin-bottom: 5px;
		font-weight: 300;
	}

	#chex-area input{
		margin: 7.5px 7.50px 7.5px 0px;
	}
	
	#chex-area{
		margin-top: 60px;
		margin-bottom: 60px;
	}

	#chex-area p{
		margin-bottom: 20px;
	}

	#chex-area p span{
		font-weight: 200;
	}

	.chexRow{
		display: block;
	}
	
	.chexItem{
		margin-bottom: 15px;
	}
	
	.textInput{
		width: 95%;
	}

	#comment{
		height: 120px;
		max-height: 120px;
		min-height: 120px;
		width: 95%;
	}

	#formButton{
		margin-top: 75px;
		margin-bottom: 45px;
		text-align: center;
	}

	#contactInfo{
		margin-bottom: 90px;
	}

	#contactInfo a{
		color: #1c1a1a;
	}

	#contactInfoGrid{
	}
	
	#contactText{
		padding-right: 0px;
	}
	
	#socialMedia{
		margin-top: 60px;
	}
	
	#socialMedia p{
		margin-bottom: 15px;
	}
	
	#socialMedia ul{
		text-align: center;
	}

	#socialMedia ul li{
		margin-right: 3vw;
	}

	#behance{
		width: 14vw;
		height: 14vw;
	}

	#linkedIn{
		width: 14vw;
		height: 14vw;
	}

	#facebook{
		width: 14vw;
		height: 14vw;
	}

	#instagram{
		width: 14vw;
		height: 14vw;
	}
	
	#mailSent{
		margin: 90px auto 180px;
		width: 92.31vw;
	}
	
	/* CRAICK PUB */
	
	#craickPubArea{
		margin-bottom: 90px;
	}

	.craickPubItem{
		margin-bottom: 45px;
	}

	/* CARNAVAL */
	
	#carnavalContainer{
		margin-bottom: 90px;
		width: 100%;
	}

	.carnavalItem{
		margin-bottom: 60px;
	}

	#carnavalInstaLarge{
		width: 100%;
		margin-left: 0px;
	}

	/* DOMINION */
	
	#dominionMovieArea{
		margin-bottom: 60px;
	}

	#dominionMovie{
		width: 100%;
	}

	#dominionGrid{
		margin-bottom: 90px;
	}
	
	.dominionGridItem{
		margin-bottom: 60px;
	}
	
	/* SCW */
	
	#scwGrid{
		margin-bottom: 90px;
	}

	.scwGridItem{
		margin-bottom: 60px;
	}

	#scwIntro{
		width: 100%;
	}
	
	#scwWeb h2{
		margin-bottom: 30px;
	}

	#scwWebShow, #slideshowArea, #scwBooking{
		width: 100%;
	}
	
	/* ZELLER */
	
	#zellerArea{
		margin-bottom: 90px;
	}

	.zellerItem{
		margin-bottom: 60px;
	}

	.zellerMockup{
		width: 100%;
	}
	
	#busAds{
		margin-top: 90px;
	}
	
	/* PARSONS */
	
	#parsonsArea{
		margin-bottom: 90px;
	}

	.parsonsItem{
		margin-bottom: 60px;
	}

	.parsonsLogoItem{
		margin-bottom: 60px;
	}

	#parsonsCardFront{
		margin-bottom: 30px;
	}

	#parsonsMovieArea{
		margin-bottom: 150px;
		width: 100%
	}

	#parsonsMovieInside{
		max-width: 100%;
	}

	/* POSSUM STAKES */
	
	#posstksArea{
		margin-bottom: 96px;
	}

	#possumStakesMovieArea{
		margin-bottom: 60px;
	}

	#possumStakesMovie{
		width: 100%;
		margin-bottom: 18px;
	}

	#posstkAbout{
		width: 100%;
	}
	
	#posstksDocLinkMobile h3{
		margin-left: 0px;
	}
	
	/* BERKSHIRE */
	
	#berkshireGrid{
		margin-bottom: 90px;
	}

	.berkshireGridItem{
		margin-bottom: 60px;
	}

	#berkshireIntro{
		width: 100%;
	}
	
	#berkshireWeb h2{
		margin-bottom: 30px;
	}

	#berkshireWebShow{
		width: 100%;
	}

	#berkshireLogoGrid p, #berkshireColorGrid p{
		margin-top: 18px;
	}
	
	/* BIG JOHN */
	
	#bigJohnShow{
		margin-bottom: 18px;
	}
	
	#bigJohnShow h2{
		margin-bottom: 7px;
	}

	#bigJohnArea{
		margin-bottom: 90px;
	}

	#bigJohnDesc{
		margin-bottom: 60px;
	}

	#bigJohnMockup{
		grid-column: 1 / span 1;
		grid-row: 1;
	}
	
	/* JK GROOVES */
	
	#jkgArea{
		margin-bottom: 90px;
	}
	
	#jkgNewWork{
		text-align: center;
	}

	.jkgItem{
		margin-bottom: 60px;
	}

	#jkgLogoGrid img{
		margin-bottom: 20px;
	}

	#jkgCardGrid img{
		margin-bottom: 20px;
	}

	#jkgStickerGrid img{
		margin-bottom: 20px;
	}

	#jkgFlyerGrid img{
		margin-bottom: 20px;
	}
	
	#jkgFlyerGrid img, #jkgStickerMockup{
		width: 100%;
	}

	/* SOSPETTO */
	
	#sospettoArea{
		margin-bottom: 90px;
	}

	.sospettoItem{
		margin-bottom: 60px;
	}

	#sospettoStory{
		width: 100%;
	}
	
	#sospettoPersonaCopy{
		margin-top: 18px;
		width: 100%;
	}
	
	#brushesShow{
		-moz-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
		-webkit-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
		-ms-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
		-o-box-shadow: 0 0px 3px 0 hsla(0,4%,11%,0.50);
		box-shadow: 0 0px 4px 0 hsla(0,4%,11%,0.50);
		margin-bottom: 18px;
		width: 84.62vw;
		}
	
	/* BRASS */
	
	#brassArea{
		margin-bottom: 90px;
	}

	.brassItem{
		margin-bottom: 60px;
	}

	#brassPoster{
		margin-bottom: 18px;
	}
	
	#brassStory{
		width: 84.62vw;
	}
	
	#brassBefore{
		width: 100%;
	}
	
	/* STUDENT */
	
	#studentWorkArea{
		margin-bottom: 90px;
	}

	.studentWorkItem{
		margin-bottom: 60px;
	}

	.studentDesc{
		width: 84.62vw
	}
	
	#vaudevilleLink img{
		margin-top: 24px;
	}

	#vaudevilleClub h2{
		margin-bottom: 7px;
	}

	#vaudevilleClub p{
		margin-bottom: 15px;
	}

	#wmccPosters img{
		margin-bottom: 20px;
	}

	#wmccMailer img{
		margin-bottom: 20px;
	}

	#ebffBillboardArea img{
		margin-bottom: 20px;
	}

	#ebffPosterArea img{
		margin-bottom: 20px;
	}

	#cycleWorldArea{
	}

	.cycleWorldItem{
		margin-bottom: 20px;
	}

	#cycleWorldMockup{
		margin-bottom: 0px;
	}

	/* TIME LAPSE */
	
	#timeLapseDesc{
		width: 84.62vw;
		margin-bottom: 60px;
	}

	#TLgrid{
		width: 100%;
		margin-bottom: 90px;
	}
	
	/* MISCELLANY */
	
	#gallery1{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
		margin-bottom: 90px;
		margin-left: 7.69vw;
		margin-right: 7.69vw;
	}
	
}/* -------------------------------------------------------------------------------------------- */

@media (max-width: 384px){
	
	#berkshireWeb h2{
		line-height: 18pt;
	}
	
	#berkshireWeb h2 a{
		font-size: 15pt;
	}
	
}

@media (max-width: 370px){
	#discountMobileGrid{
		display: block;
	}
	
	.discountItem{
		
	}
	
	#usFlagMobile{
		width: 50vw;
		margin: 7px auto;
	}
	
	#vetsMobile{
		margin: 17px auto 0px;
		padding-bottom: 7px;
		text-align: center;
	}
	
	#vetsMobile h2{
		font-size: 14pt;
		width: 95%;
		margin: 0 auto;
	}
}