/*
	Theme Name: BLNK
	Description: Derek's WordPress Theme
	Version: 1.0.0
	Author: Derek (@derekonomy)
	Author URI: http://uixist.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html {

}
body {
	font-family: 'Quicksand', sans-serif;
	font-size: 15pt;
	line-height: 1.4;
	color: #000;
	transition: 0.5s;
}

@media only screen and (min-width: 2000px){
	body { font-size: 22pt; }
	
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color: #2bbefc;
	text-decoration:none;
	transition: 0.5s;
}
a:hover {
	color:#aceb1a;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

h1, h2, h3 {
	font-family:"jubilat";
	line-height: 1.2; }

h1 { margin-bottom: 0.25em;  }
h2 { margin-top: 0.25em;
	font-size: 3em;
	margin-bottom: 0.7em; }
h3 { font-size: 2.2em;
	}
h5 { margin-top: -1em;
	font-family:"jubilat";
	font-size: 1.5em;
	color:#99d717;
	max-width: 80vh;
	}

h6 { max-width: 80vh; }
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.background { 
	position: fixed;
	top: 0px; left: 0px;
	z-index: -1;
	width: 100%; height: 100dvh;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
    transition: 0.5s;}

.background-secondary { height: 100px !important;
    -webkit-mask-image: linear-gradient(to bottom, black 45px, transparent 100px);
    z-index: 25;
	background-position: top center !important;
	overflow: hidden;
}

.lights-down { opacity: 0;
	transition: 0.25s;
}

.header-bg { height: 100vh;
	background-size: cover;
	background-position: top center; }

.lights-off { color: #F2F2F2; }

.lights-off .lights-down { opacity: 1;
	transition: 0.25s;
}

/* wrapper */
.wrapper {
	position:relative;
	min-height: 100vh;
	transition: 0.25s;
	overflow: hidden;
	z-index: 15;
}
/* header */
.header {

}
/* logo */
.logo {
	max-width: 1280px;
	width: 90%; 
	margin: 0px auto;
}
.logo-img {
	margin-top: 2em;
	height: 58px;
	width: 141px;
	filter: invert(1);
}
/* nav */
.nav {
	position: fixed;
	z-index: 80;
	top: 0px; left: 0px;
	width: 100%; height: 100vh;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
	color: #FFF;
}

.nav a { color: #FFF; }
.nav a:hover {  color: #aceb1a; }

.nav ul { list-style: none;
	padding: 0px; margin: 0px;
	line-height: 1.1; 
	margin-bottom: 3em; }
.nav li { font-size: 3.6em; letter-spacing: -1px; }

.nav-inside { padding: 7em 0px 7em;
	max-width: 1280px; 
	width: 90%;
	transform: translateX(-25%);
	opacity: 0;
	transition: 0.5s;
	margin: 0px auto; }

.open-nav { visibility: initial;
	opacity: 1; }

.open-nav .nav-inside { transform: translateX(0%);
	opacity: 1;
}

/* sidebar */
.sidebar {

}
/* footer */
.footer {
	max-width: 1280px;
	width: 90%;
	margin: 0px auto; 
}

.copyright { font-size: 0.5em; color: #f5f5f5; font-weight: 500;
	max-width: 1280px;
	margin: 0px auto; }

p { max-width: 80vh; }

.top-header { position: fixed; 
	max-width: 1280px; 
	width: 90%;
	font-size: 0.8em;
	display: flex;
	align-items: flex-end;
	top: -100%;
	left: 50%; 
	transform: translateX(-50%);
	z-index: 90; 
	transition: 0.5s;
	}

.top-header:after { content: '';
	display: block;}

.top-header > div { opacity: 1; 
	transition: 0.5s; }

.reveal-top { top: 16px; }

.top-header a { color: #FFF; }
.top-header a:hover { color: #aceb1a; }

.top-header .top-logo { margin-right: 5px; }

.top-logo a { padding-left: 0px; margin-left: 0px; }
.top-header img { height: 26px;    
	position: relative; }
.top-header .spacer { flex-grow: 1;
	border-bottom: 1px  #636466 solid; }

.top-header .email-address,
.top-header .phone-number { display: flex; align-items: flex-end; }

.top-header .email,
.top-header .phone { margin: 0px 5px;
	height: 31px; }
.top-header .number,
.top-header .address { border-bottom: 1px  #636466 solid;
	padding-right: 2em;
	padding-left: 0.5em;
	font-size: 14px;
	padding-bottom: 0.45em;
	padding-top: 2px; }

.hamburger { margin-top: 0.7em;
	margin-left: 10px;
	cursor: pointer; }
.hamburger .line { background-color: #FFF;
	height: 2px;
	width: 1em;
	position: relative;
	transition: 0.25s;
	left: 0px;
	opacity: 1; }


.st0 {fill:#FFF; transition: 0.5s; }
.top-header a:hover .st0 { fill: #aceb1a; }

.hamburger .line:nth-of-type(2) { margin: 7px 0px; width: 1.5em; }
.hamburger .line:nth-of-type(3) { left: 0.5em; }

.hamburger:hover .line:nth-of-type(1) { left: 0.5em; }
.hamburger:hover .line:nth-of-type(3) { left: 0em; }

.changed .line:nth-of-type(1) { left: 0.5em; }
.changed .line:nth-of-type(3) { left: 0.5em; }
.changed:hover .line:nth-of-type(3) { left: 0.5em; }

.oppy { opacity: 0; }

.changed .line:nth-of-type(3) { 
    transform: rotate(39deg);
    transform-origin: top right;
    width: 1.8em;
}

.changed .line:nth-of-type(1) {
transform: rotate( -39deg );
    transform-origin: bottom right;
    width: 1.8em;
    left: 0.5em;	
}

.changed .line:nth-of-type(2) { opacity: 0; }


.top-header-hide > div { opacity: 0; }
.top-header-hide .hamburger { opacity: 1;}
.top-header-hide > a { opacity: 0; }

@media only screen and (max-width: 1380px) { 
	body { font-size: 13pt; }
}

@media only screen and (max-width: 640px){
	/*-- .background { height: 215vw; } --*/
}

/*------------------------------------*\
    HOME
\*------------------------------------*/

p { letter-spacing: 0px; }

.fold { max-width: 1280px;
	width: 90%;
	margin: 0px auto; 
	min-height: 90svh; }

.home-landing { margin-top: 0em;
	display: flex; }
.home-landing .left { width: 60%;
	position: relative; }
.home-landing .left h1 { font-size: 4em;
	line-height: 1;
	margin-top: 1.2em;
	margin-bottom: 0.5em; }
.home-landing .left:after { content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 55%;
	height: calc( 100% - 2em );
    border-bottom: 1px dashed #222;
    border-right: 1px dashed #222; }
.home-landing .left p { font-size: 1.3em;
	line-height: 1.3em;
	width: 50%; }

.home-landing .center { border-top: 1px dashed #222; 
	width: 5%; }

.home-landing .right { width: 35%;
	padding-left: 1.5em;
	position: relative; 
	top: -1em; }

.home-landing .right h3 { margin-top: 0px;
	position: relative; 
	left: -0.15em; }

.home-landing .right ul { list-style: none;
	padding-left: 0px;
	font-size: 1.5em;
	letter-spacing: -1px; }

.home-landing .right li { margin: 0.25em 0px; line-height: 1em; }

.home-landing .right a { color: #FFF; display: inline-block; }
.home-landing .right a:hover { color: #aceb1a; display: inline-block; }

.home .contact { line-height: 1;
	display: flex;
	filter: invert(1);
	transition: 0.5s;
	align-items: flex-start; }

.home .contact .napkin {     height: 25em;
    filter: invert(1);
    right: 0px;
    position: relative;
    left: -5em;
    top: -10em;
    transition: 0.5s; }

.home .contact .napkin-gone { position: relative;
	transform: translate( 100vw, 30%); }

.lights-off .contact { line-height: 1;
	display: flex;
	filter: invert(0); }

.lights-off .work-lights { opacity: 0; transition: 0.5s; }
.lights-off .portfolio { opacity: 1;}


.home .contact a { 
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 3em;
	z-index: 10; }

.home .contact img { height: 2em; margin-right: 0.75em; }

.home .contact .phone img { left: 0.3em; }

.contact .phone span { position: relative; top: -0.05em; }
.number span { position: relative; top: -0.05em; }

.home .contact a { color: #FFF;
 }

.home .contact a:hover img {     animation-name: littleShake;
    animation-duration: 100ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
} }

@keyframes rubberBand {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-100%);
  }
}

.section { padding: 5em 0px 0px;
	max-width:1280px;
	width:90%;
	margin:10vh auto; }

/*------------------------------------*\
    PORTFOLIO TABLE
\*------------------------------------*/

.home-partnerships { display: flex;
	align-items: center;
	padding-bottom: 1em;
	}

.home-partnerships .right { max-width: 12em;  padding-top: 3.2em; font-family:"jubilat"; font-weight: 500; font-style: italic; }
.home-partnerships .right p { font-size: 1.0em; }
.home-partnerships .right blockquote { margin: 0px 0px 1em;}
pre { font-family: 'Quicksand', sans-serif; 
	font-size: 0.7em; line-height: 1.5em; font-style: initial; }

.partnerships { display: inline-block; margin-right: 7em; }
.partnerships .entry { position: relative; 
	padding-right: 6em;
	margin-bottom: 0.5em;
	display: block; }
 
.partnerships .entry:hover .btn {
  color: #FFF;
}


.partnerships .entry:hover .btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient( 120deg, transparent, rgba(255, 255, 255), transparent );
	opacity: 0.5;
  transition: all 0.25s;
}

.partnerships .entry:hover .btn:before {
  left: 100%;
}

.partnerships .entry .button { position: absolute;
	right: 0px; top: 50%; 
	transform: translateY(-50%);}

.home-cta { margin: 2em 0px; }

.home-cta ul { list-style: none; 
	column-count: 2;
	max-width: 80vh;
	line-height: 1em;
	padding: 0px; }

.home-cta li { margin-bottom: 0.5em; }

.home-cta h3 { max-width: 80vh; }

/*------------------------------------*\
    PORTFOLIO
\*------------------------------------*/

.portfolio-name { 
	margin-bottom: 1.5em;}

.portfolio-name h2 { margin-top: 0.2em; margin-bottom: 0.3em; }

.portfolio-entry { margin: 10vh 0px; padding-top: 5em; }

.portfolio-entry img { height: auto; }

.slick-slide { outline: 0px !important; }

.portfolio-title { font-size: 0.9em; font-weight: 700; text-transform: uppercase; margin-right: 2em; margin-top: 0.25em; cursor: pointer; transition: 0.5s; }
.portfolio-title:hover { color: #aceb1a; }

.slick-current.portfolio-title { color: #27aae1; pointer-events: none; }

.portfolio-head { margin: 0em auto 2.5em !important; }

.portfolio-head .slick-track { transform: initial !important; }

.portfolio-content p { max-width: 80vh; }
.portfolio-content h3 { max-width: 110vh; }

.portfolio-wrapper { max-width: 1280px;
	width: 90%; 
	margin: 0px auto;
	}
.portfolio-wrapper h3 { margin-top: 0em; margin-bottom: 1.25em; }

.portfolio-content { width: 100%; }

/*------------------------------------*\
    PROCESS
\*------------------------------------*/

#services h3 { margin-top: 1.5em; }

.step { max-width: 80vh;
	color: #27aae1;
	transition: 0.5s;
}

.step-title {color: color: #27aae1; }
.step-title:hover {
	color:#9dd717;
}

.step-title { display: flex; 
	justify-content: space-between;
	align-items: center;
	max-width: 17em;
	margin-bottom: 0.5em;
cursor: pointer;}

.step-title h3 { font-weight: 400; margin: 0.25em 0px;}

.step-content { display: none; margin-bottom: 1em; }
.step-content p:first-of-type { color: #FFF; margin-top: 0px; }

.step-button { position: relative;
		height: 1.5em; width: 1.5em;
		display: inline-block;
		cursor: pointer; }

.step-button:before { content: '';
	display: block;
	height: 3px; width: 0.75em; 
	background-color: #FFF;
	position: absolute;
	top: 50%; left: 50%; 
	transform: translate(-50%,-50%) rotate(0deg);
	transition: 0.75s; }

.step-button:after { content: '';
	display: block;
	height: 3px; width: 0.75em; 
	background-color: #FFF;
	position: absolute;
	top: 50%; left: 50%; 
	transform: translate(-50%,-50%) rotate(90deg);
	transition: 0.75s; }

.opened .step-button:before { transform: translate(-50%,-50%) rotate(0deg); }
.opened .step-button:after { transform: translate(-50%,-50%) rotate(0deg); }

.step-title:hover .step-button:before { transform: translate(-50%,-50%) rotate(180deg); }
.step-title:hover .step-button:after { transform: translate(-50%,-50%) rotate(270deg); }
.opened:hover .step-button:before { transform: translate(-50%,-50%) rotate(180deg);}
.opened:hover .step-button:after { transform: translate(-50%,-50%) rotate(180deg);}

.tools p { font-size: 1.0em; line-height: 1.4em; }

.step-content p:first-of-type { padding: 1em 0px 2em; margin: 0px; }

.opened .step-button { content: 'Close'; }

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.member { margin-bottom: 2em; }

.member h3 { margin-bottom: 0.5em; margin-top: 2.2em; }
.member pre { margin-top: 0px; }

.team-cta h3 { margin-top: 2.2em; }
.team-cta pre { margin-top: 0px;  }

/*------------------------------------*\
    CONTACT
\*------------------------------------*/

#contact { margin-bottom: 15vh;}

.contact-field { display: flex;
	margin-bottom: 1em;
	max-width: 25em;
	border-bottom: 1px #F2F2F2 solid; }
.contact-field > div { flex-grow: 1; }
.contact-label { max-width: 6em; }
.contact-label b { color: #FFF; }

.contact-field input,
textarea { width: 100%;
	border: 0px; 
	margin-bottom: 0.3em;
	background-color: transparent;
	color: #FFF; }

input:focus,
textarea:focus { outline: 0px; }

textarea { height: 6em; }

#contact .contact { margin: 1.3em 0px; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { display: none !important;}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


.wpcf7 { padding-top: 1em; }

.home-cta a,
.btn {
  font-size: 0.6em;
	font-weight: 700;
  padding: 0.25em 1.5em;
  color: #f4f4f4;
	display: inline-block;
  text-transform: uppercase;
	cursor: pointer; 
}

.home-cta a,
.btn {
  text-decoration: none;
  border: 1px solid  #818285;
  position: relative;
  overflow: hidden;
}

.home-cta a:hover,
.btn:hover {
  color: #FFF;
}

.home-cta a:before,
.btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255),
    transparent
  );
	opacity: 0.5;
  transition: all 0.25s;
}

.home-cta a:hover:before,
.btn:hover:before {
  left: 100%;
}

button, html input[type="button"], 
input[type="reset"], 
input[type="submit"] { background-color: transparent;
    font-size: 1.5em;
    margin: 0px;
    padding: 0.5em 2em;
    color: #FFF;
	border: 0px;
	}

.submit-wrapper { padding: 0px; display: inline-block; }

.submit-wrapper:before { transition: all 0.15s; }

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
}

input::placeholder,
textarea::placeholder
{ color: #66e2ff;

}



@keyframes littleShake{
2% {
    transform: translate(1px, 1px) rotate(.5deg);
}
4% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
6% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
8% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
10% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
12% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
14% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
16% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
18% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
20% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
22% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
24% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
26% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
28% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
30% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
32% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
34% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
36% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
38% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
40% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
42% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
44% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
46% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
48% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
50% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
52% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
54% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
56% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
58% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
60% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
62% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
64% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
66% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
68% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
70% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
72% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
74% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
76% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
78% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
80% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
82% {
    transform: translate(1px, 0px) rotate(
.5deg
);
}
84% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
86% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
88% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
90% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
92% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
94% {
    transform: translate(1px, 1px) rotate(
.5deg
);
}
96% {
    transform: translate(0px, 1px) rotate(
.5deg
);
}
98% {
    transform: translate(0px, 0px) rotate(
.5deg
);
}
0%, 100% {
    transform: translate(0, 0) rotate(0);
}
}


@media only screen and (min-width: 2000px){
	body { font-size: 24pt; }
	.logo,
	.fold,
	.section,
	.top-header,
	.portfolio-wrapper,
	.portfolio-wrapper
	{
		width: 80%;
		max-width: 1920px;
	}
	
	
}


@media only screen and (max-width: 1080px ) {
	.home-landing .left p { width: 80%; }
	.home-landing .left:after { width: 35%; }
	.fold { height: auto; 
		margin-top: 15vh; }
	.home .contact { flex-flow: wrap; }
	.home .contact .napkin { right: 6em;
    left: auto;
    position: absolute; }
	
	.background { background-position: 64% center; }
	
}

@media only screen and (max-width: 800px ) {
	.home .contact .napkin { display: none; }
	.home-landing .left h1 { font-size: 3em; 
		margin-top: -1em; }
	.home-landing .left:after {
    	width: 65%;
		}
	
	.home-landing .right { padding: 0px; padding-top: 1rem; }
	
	.home-landing .right h3 { }
	.home-landing .right span { display: none; }
	
	.partnerships .entry { padding-right: 0px; }
	.home-partnerships .right { padding-top: 6em; }
	.home-landing .right { width: 25%; }
	.home-landing .center { width: 10%; }
	.home-landing .right ul { margin: 0px; }
	
	.lights-off .work-lights { opacity: 1 !important; }
	.background { background-position: 68% center; }
}

@media only screen and (max-width: 640px) { 
	.fold { margin-top: 10vh; min-height: initial; }
	
	.top-header .email-address, .top-header .phone-number { display: none; }
	
	.background { background-position: 72% center; }
	
	.home-landing { display: block; }
	
	.home-landing .left,
	.home-landing .right { width: 100%; }
	.home-landing .left, .home-landing .right { padding-top: 1rem; }
	.home-landing .right li { margin: 0.5em 0px;
    line-height: 1;}
	
	.home-landing .left:after { display: none; }
	.home-landing .left p { font-size: 1em; }
	.home-landing .right ul { margin: 1em 0px 1em;
		padding: 0px; }
	
	.home-landing .center { display: none; }
	
	.home-landing .left h1 { font-size: 2em; }
	
	.home .contact a.phone,
	.home .contact a.phone p { width: 100%; margin-left: 0.5em; }
	
	h2 { font-size: 2em; }
	h3 { font-size: 1.5em; }
	h5 { font-size: 1.2em; }
	
	.home-partnerships { display: block; }
	.partnerships { margin-right: 0px; }
	
	.home-partnerships .right { max-width: 100%;
		padding-top: 1em; }
	
	.home-cta ul { column-count: 1; }
	
	.portfolio-head .slick-slide { float: none; }
	
	.section,
	.portfolio-entry { margin: 0vh auto; }
	
	.member img { height: 4.5em; width: 4.5em; }
	.member h3 { font-size: 2em;}
}

.grecaptcha-badge { display: none; }