@charset "UTF-8";


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
ANIMATE IMAGES ANIMATE IMAGES ANIMATE IMAGES ANIMATE IMAGES ANIMATE IMAGES
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */



@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL GENERAL  
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
	font-family: 'Helvetica Neue LT W01_55 Roman', sans-serif;
	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale; 
	letter-spacing: -0.5px;
}

#wrapper {
/*	max-width: 1120px;
*/	margin: 0 auto;
padding: 0 5%;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}


/*h1 {
	font-size: 2rem;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}

h2 {
	font-size: 1.4rem;
	font-family: miller-display, serif;
	font-style: normal;
	font-weight: 400;
}*/

/*h3 {
	font-size: 4.1em;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	margin-top: 0em;
	margin-bottom: 0em;
}*/

/*h4 {
	font-size: 1rem;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 0em;
	margin-bottom: 0em;
}

h5 {
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1rem;
}
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
HEADING HEADING HEADING HEADING HEADING HEADING HEADING HEADING HEADING HEADING   
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#headerbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 50px;
	background: #FFF;
	margin: 0;
	padding: 0 0 30px 0;
	z-index: 3;
}

#headerwrapper {
/*	max-width: 1120px;
*/	margin: 0 auto;
padding: 0 5%;
}


#mainlogo img {
	float: left;
	max-width: 140px;
/*	max-width: 160px;
*/	height: auto;
	margin-left: 0;
	margin-top: 22px;
	padding: 10px 0 0 0;
	z-index: 6;
} 

@media only screen and (max-width: 600px) {
	#mainlogo img {
		margin-top: 22px;
		max-width: 140px;
		height: auto;
	}
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
BURGER NAV BURGER NAV BURGER NAV BURGER NAV BURGER NAV BURGER NAV BURGER NAV 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Hamburger Element */

#burgermenu {
	border-style: solid;
	border-width: 20px; /* Larger Hover Area */
	border-color: rgba(0,0,0,0);
	margin: 16px -20px 0 0;
	padding: 0;
}

#burger + #burgermenu {
	position: relative;
	float: right;
	top: 0px;
	right: 0;
	height: 20px;
	width: 36px;
	z-index: 5;
}

#burger + #burgermenu span {
	position: absolute;
	width: 100%;
	height: 3px;
	top: 48%;
	margin-top: -6px;
	left: 0;
	background: #000000;
	transition: .5s;
}

#burger + #burgermenu span:first-child { 
	top: 2px; 
}

#burger + #burgermenu span:last-child { 
	top: 18px; 
}

#burger:checked + #burgermenu span {
	opacity: 0;
	top: 50%;
}

#burger:checked + #burgermenu span:first-child {
	opacity: 1;
	background: #FFFFFF;
	transform: rotate(225deg);
}

#burger:checked + #burgermenu span:last-child {
	opacity: 1;
	background: #FFFFFF;
	transform: rotate(-225deg);
}

#burger:hover {
	cursor: pointer;
}

#burgermenu:hover span { 
	background: #AAAAAA !important;
}

/* Hides Input */
#headerwrapper input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;

	cursor: pointer;

	opacity: 0;*/ /* hide this */
	z-index: 2; /* and place it over the hamburger */
	
	-webkit-touch-callout: none;
}

/* Navigation Drop Down */
/* Nav Bar */

#navtext {
	background-color: rgba(0, 0, 0, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 0; /* this is what is covering the logo */
	margin: 0;
	padding: 0;
	z-index: 3;
	transition: .5s;
	transition-delay: .5s;
	overflow: hidden;
}


#narrowmargin {
/*	max-width: 1120px;*/
	padding: 0 5%;
	margin: 0 auto;
}

#mainlogowht img {
	float: left;
	max-width: 140px;
	height: auto;
	margin-left: 0px;
	margin-top: 22px;
	opacity: 1;
	padding: 10px 0 0 0;
	z-index: 8;
	-webkit-touch-callout: none; /* Firefox fix for logo highlight */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media only screen and (max-width: 600px) {
	#mainlogowht img {
		margin-top: 22px;
		max-width: 140px;
		height: auto;
	}
}


#targetlist {
	float: right;
	list-style-type: none;
	max-width: 200px;
	margin: 0;
	padding: 100px 0 0 0;
	text-align: right;
}

#burger ~ #navtext #targetlist > li {
	opacity: 0;
	transition: .5s;
	transition-delay: 0s;
}

#burger ~ #navtext #targetlist > li > a {
	display: block;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 2.5rem;
	margin: 20px 0 30px 0;
	padding: 0;
}

#burger:checked ~ #navtext {
	height: 100%; /* extension of white area on click */
	transition-delay: 0s;
}

#burger:checked ~ #navtext #targetlist > li {
	opacity: 1;
	transition-delay: .5s;
}

#targetlist a:hover {
	cursor: pointer;
	opacity: 1;
	color: #AAAAAA !important;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
MINIMAL FOOTER MINIMAL FOOTER MINIMAL FOOTER MINIMAL FOOTER MINIMAL FOOTER MINIMAL FOOTER 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.minimalfooterwrapper {
	margin: 0 0 60px 0;
	padding: 0 0 60px 0;
	background-color: #FFF;
}

hr.chunkyfooter {
	background-color:#FFF;
	height:10px;
	width: 70px;
	margin: 20px 0 20px 0;
	padding: 0;
}

.minimalfooterrow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.minimalfootercolumn {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	padding: 0;
}

.minimalfootersingle-column {
	height: auto;
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.minimalfootersingle-column p{
	color: #FFF;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align:left;
}

.minimalfootersingle-column a{
	color: #FFF;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align:left;
}

.minimalfooterdouble-column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	margin-bottom: 60px;
	padding-bottom: 60px;
}


.minimalfooterdouble-column p{
	color: #FFF;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align:left;
}

.minimalfooterdouble-column a{
	color: #FFF;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align:left;
}

.minimalfootertriple-column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.minimalfootertriple-column p{
	color: #FFF;
	font-family: miller-text, serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align:left;
}

.minimalfooterquad-column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.minimalfooterquad-column img {
	width: 60px;
	height: auto;
	margin: 0;
	padding: 0;
}

.minimalfooterquad-column video {
	width: 60px;
	height: auto;
	margin: 0;
	padding: 0;
}

.minimalfooterquad-column h2{
	color: #FFF;
	font-family: miller-text, serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align:left;
}

@media screen and (min-width: 600px) {
	.minimalfootercolumn,
	.minimalfootersingle-column,
	.minimalfooterdouble-column,
	.minimalfootertriple-column,
	.minimalfooterquad-column {
		flex: 1;
	}
}


@media screen and (max-width: 900px) {
	.minimalfootersingle-column,
	.minimalfooterdouble-column{
		margin: 0;
	}

	.minimalfootersingle-column p,
	.minimalfootersingle-column a,
	.minimalfooterdouble-column p,
	.minimalfooterdouble-column a,
	.minimalfootertriple-column p,
	.minimalfooterquad-column h2 {
		font-size: 1.4rem;
	}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER     
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.footerbar {
	position: relative;
	width: 100vw;
	height: auto;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 50%;
	background: #171313;
	margin: 0 -50vw 0 -50vw;
	padding: 0 0 10px 0;
}

#footerwrapper {
/*    max-width: 1120px;
*/    margin: 0 auto;
padding: 0 5%;
}


.addresscontainer{
	display:grid;
	padding:0;
	grid-template-columns: repeat(auto-fit,minmax(320px, 1fr));
}

.footerrow{
	padding: 100px 0 0 0;
	margin: 0;
}

.microspacer{
	opacity: 0;
	margin: 0 0 -40px 0;
	padding: 0;
}

.copyright{
	font-size: 0.8rem;
	font-family: 'Helvetica Neue LT W01_55 Roman', sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 77px 0 10px 0;
}


	@media screen and (max-width: 500px){
		.copyright{
			font-size: 0.8rem;
			padding: 10px 0 10px 0;
		}
	}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: SPLASH / LANDING / SPLASH / LANDING / SPLASH / LANDING / SPLASH / LANDING /
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*spans the image across viewport*/
#hero {
	width: 100vw;
	height: auto;
	position: relative;
	left: 50%;
	right: 50%;
	margin-top: 0;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-bottom: 0;
	padding: 10px 0 0 0;
}

/*self-hosted video only — avoid*/
/*#hero video {
	width: 100vw;
	height: auto;
	position: relative;
	left: 50%;
	right: 50%;
	margin-top: 0;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-bottom: 0;
}
*/

#herofix {
	position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
	  background-image: url("https://www.igawadesign.com/img/id_landing_reel.png");
	  background-repeat:no-repeat;
	  background-size:contain;
	  background-position:center;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

#herofix iframe,
#embed-container object,
#embed-container embed {
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}


#herowrapper {
/*	max-width: 1120px;
*/	
	margin: 0 auto;
	padding: 0 5%;
}

/* DESKTOP MOBILE VIDEO SWAP * DESKTOP MOBILE VIDEO SWAP * DESKTOP MOBILE VIDEO SWAP * DESKTOP MOBILE VIDEO SWAP

.desktop{
    width:100%;
    height:100vh;
    display:block;
}

.mobile{
    display:none;
}

@media only screen and (max-width: 600px) {
    .desktop{
        display:none;
    }
    .mobile{
        width:100%;
        height:100vh;
        display:block;
    }
}
*/



#herotext p {
	padding: 0;
	margin-top: -6px;
	font-size: 2rem;
	line-height: 0.85;
	text-align: left;
	font-family: 'Helvetica Neue LT W01_41488878', sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #3F3F3F;
}

.indextile3 h2 {
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	vertical-align: middle;
	font-size: 2.5rem;
	line-height: 0.8;
	letter-spacing: -0.05em;
	text-align: left;
	color: #000;
	margin: 0 60px 0 0;
	padding: 0;
}

.indextile13 h2 a{
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1.8rem;
	text-align: left;
	line-height: 1;
	color: #f8283e;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.indextile15 h2{
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 2.3rem;
	text-align: left;
	line-height: 1;
	color: #000000;
	margin: 120px 0 0 0;
	padding: 0;
}


.box.indextile15 a.cta-link {
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1.8rem;
	text-align: left;
	line-height: 1;
	margin: 0 0 120px 0;
	display: inline-block;
	color: #f8283e;
	text-decoration: none;
}

/*.indextile15 p{
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 2rem;
	text-align: left;
	line-height: 1;
	margin: 0 0 120px 0;
	padding: 0;
	color: #f8283e;
	text-decoration: none;
}*/




/*.idextile15 h5{
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 2.3rem;
	text-align: left;
	line-height: 1;
	margin: 0 0 8vw 0;
	padding: 0;
	background-color: pink;
}*/


.indexwrapper {
	background-color: #FFFFFF;
	margin: 24px 0 0 0;
	padding: 0;
	display: grid;
	grid-gap: 20px;
	grid-template-areas:
	"indextile1"
	"indextile2"
	"indextile9"
	"indextile10"
	"indextile11"
	"indextile7"
	"indextile5"
	"indextile6"  	
	"indextile12"	
	"indextile13"
	"indextile8"
	"indextile16"  
	"indextile17"
	"indextile15"
	"indextile14"
	"indextile4"
	"indextile3";
}


@media only screen and (max-width: 800px) {
	.indexwrapper {
		grid-template-columns: 1fr;
		grid-gap: 40px;
		grid-template-areas:
		"indextile1"
		"indextile2"
		"indextile9"
		"indextile10"
		"indextile11"
		"indextile7"
		"indextile5"
		"indextile6"
		"indextile12"
		"indextile13"
		"indextile8"
		"indextile16"  
		"indextile17"
		"indextile15"
		"indextile14"
		"indextile4"
		"indextile3";
	}
	.indextile3 h2 {
		font-size: 1.8rem;
		margin: 0 0 20px 0;
		padding: 0;
	} 
	.indextile13 h5 {
		font-size: 1.8rem;
		margin: 0;
		padding: 0;
	} 
	.indextile15 h2 {
		font-size: 2rem;
		margin: 100px 0 0 0;
		padding: 0;
	} 
	.indextile15 p {
		font-size: 1.8rem;
		margin: 0 0 100px 0;
		padding: 0;
	} 

	.indextile12 hr.invisible {
	  height: 1px;
	  margin: 0;
	  padding: 0;
	}
}


@media only screen and (min-width: 800px) {
	.indexwrapper {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
		grid-template-areas:
		"indextile1 indextile1 . ."
		"indextile2 indextile2 indextile2 indextile2"
		"indextile9 indextile9 indextile9 indextile9"
		". . indextile10 indextile10"
		"indextile11 indextile11 indextile11 indextile11"
		". . indextile7 indextile7"
		"indextile5 indextile6 . ."
		"indextile12 indextile12 indextile12 indextile12"
		"indextile13 . . ."
		"indextile8 indextile8 indextile8 indextile8"
		"indextile16 indextile16 . ."
		"indextile17 indextile17 indextile17 indextile17"
		"indextile15 indextile15 . ."
		"indextile14 indextile14 indextile14 indextile14"
		"indextile3 indextile3 indextile4 indextile4";
	}
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: ABOUT CONTACT ABOUT CONTACT ABOUT CONTACT ABOUT CONTACT ABOUT CONTACT ABOUT CONTACT  
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#about-wrapper,
#contact-wrapper {
  margin: 0;
  padding: 260px 0 0 0;
}

.typearticlewrapper,
.typearticlewrapper-contact {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  background-color: #FFF;
}

.typerow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.typecolumn {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	margin: 0;
	padding: 0;
}

.typesingle-column,
.typedouble-column,
.typetriple-column,
.typequad-column,
.typesingle-column-contact {
	height: auto;
	margin-bottom: 30px;
	padding-bottom: 30px;
}


.typesingle-column h1,
.typearticlewrapper h2,
.typesingle-column h2 {
  color: #000000;
  font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 1;
  margin: 0 120px 20px 0;
  padding: 0 0 20px 0;
  text-align: left;
}

.typecolumn .typesingle-column-contact h1 {
	max-width: 30vw;
	color: #000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.5rem !important;
	line-height: 1;
	margin: 0 120px 20px 0;
	padding: 0 0 20px 0;
	text-align:left;
}

.typecolumn .typesingle-column-contact h2 {
	font-size: 2.2rem !important;
  line-height: 1.1;
  font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
  font-weight: 400;
  margin:  0 0 20px 0;
  padding: 0;
  color: #000;
  text-align: left;
}

.typecolumn .typesingle-column-contact h2.cta-contact {
	max-width: 25vw;
	color: #000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.5rem !important;
	line-height: 1.1;
	margin: 0 120px 0 0;
	padding: 0 0 50px 0;
	text-align:left;
}


.typecolumn .typesingle-column-contact p {
	max-width: 50vw;
	font-size: 2.3rem !important;
  line-height: 1.1;
  font-family: miller-text, Georgia, serif;
  font-weight: 300;
  margin: 0 120px 20px 0;
  padding: 0 0 20px 0;
  color: #000;
  text-align: left;
}

.typecolumn .typesingle-column-contact p.neue-contact {
	font-size: 2.2rem !important;
  line-height: 1.1;
  font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
  font-weight: 400;
  margin:  0 0 20px 0;
  padding: 0;
  color: #000;
  text-align: left;
}

.typecolumn .typesingle-column-contact p.neue-contact a {
	color: #f8283e;;
}

.type1x-column,
.type2x-column, 
.type3x-column, 
.type4x-column {
	height: auto;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.type1x-column h3,
.type2x-column h3,
.type3x-column h3,
.type4x-column h3 {
	color: #000000;
	font-family: miller-text, serif;
	font-weight: 300;
	font-style: normal;
	font-size: 2rem;
	line-height:1.1;
	margin: 0 80px 0 0;
	padding: 0 0 30px 0;
	text-align:left;
}

.type1x-column p,
.type2x-column p,
.type3x-column p,
.type4x-column p {
  font-size: 1.9rem !important;
  font-family: miller-text, serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.1;
  color: #000;
  margin: 0 120px 0 0;
  padding: 0;
  text-align: left;
}

.typedouble-column-contact {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.typesingle-column ul,
.typedouble-column ul,
.typetriple-column ul,
.typequad-column ul{
	list-style: none;
	color: #000000;
	font-family: miller-text, serif;
	font-weight: 300;
	font-style: normal;
	font-size: 2.4rem;
	line-height:1.1;
	margin: 0 80px 0 0;
	padding: 0;
	text-align:left;
}

.typesingle-column h3,
.typedouble-column h3,
.typetriple-column h3,
.typequad-column h3{
	color: #000000;
	font-family: miller-text, serif;
	font-weight: 300;
	font-style: normal;
	font-size: 2.4rem;
	line-height:1.1;
	margin: 0 80px 0 0;
	padding: 0;
	text-align:left;
}

.typesingle-column p,
.typedouble-column p,
.typetriple-column p,
.typequad-column p {
	color: #000000;
	font-family: miller-text, serif;
	font-weight: 300;
	font-style: normal;
	font-size: 2.4rem;
	line-height:1.1;
	margin: 0 120px 0 0;
	padding: 0;
	text-align:left;
}


.typedouble-column p.about-cta a {
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2rem;
	line-height:1.1;
	text-align:left;
	color: #f8283e;
	text-decoration: none;
}


@media screen and (min-width: 600px) {
  .typecolumn,
  .typesingle-column,
  .typedouble-column,
  .typetriple-column,
  .typequad-column,
  .typesingle-column-contact h1,
  .typesingle-column-contact h2,
  .typesingle-column-contact p {
    flex: 1;
  }
}


@media screen and (max-width: 900px) {
  /* General type adjustments */
  .typearticlewrapper h1,
  .typesingle-column h1,
  .typesingle-column h2,
  .typesingle-column h3,
  .typedouble-column h3,
  .typetriple-column h3,
  .typequad-column h3 {
    font-size: 2rem;
    margin: 0;
  }

  .typesingle-column p,
  .typetriple-column p,
  .typequad-column p {
    font-size: 1.4rem;
    margin: 0;
  }

  .typedouble-column p {
    font-size: 2rem;
    margin: 0;
  }

  .typesingle-column ul,
  .typedouble-column ul,
  .typetriple-column ul,
  .typequad-column ul{
    font-size: 2rem;
    margin: 0;
}

  /* Contact section specifics */
  .typecolumn .typesingle-column-contact h1,
  .typecolumn .typesingle-column-contact h2.cta-contact {
  	max-width: 90%;
    margin: 0;
    font-size: 2.3rem !important;
  }

  .typecolumn .typesingle-column-contact h2 {
    margin: 0 0 20px 0;
    font-size: 1.8rem !important;
  }

  .typecolumn .typesingle-column-contact p,
  .typecolumn .typesingle-column-contact p.neue-contact {
    max-width: 80%;
    margin: 0 0 20px 0;
    font-size: 1.8rem !important;
  }

  .typecolumn .typesingle-column-contact p.neue-contact {
    margin: 0;
  }
}


@media screen and (min-width: 600px) {
  .type4column,
  .type1x-column,
  .type2x-column,
  .type3x-column,
  .type4x-column {
    flex: 1;
  }
}


@media screen and (min-width: 900px) {
  .type1x-column h1,
  .type1x-column h2,
  .type1x-column h3,
  .type2x-column h3,
  .type3x-column h3,
  .type4x-column h3 {
    font-size: 2rem;
  }

  .type1x-column p,
  .type2x-column p,
  .type3x-column p,
  .type4x-column p {
    font-size: 1.4rem;
  }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#abouthero {
	float: left;
	width: 100%;
	min-width: 768px;
	margin: 0;
	padding: 0;
	background: #FFF;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/*GRID AREA DEFINITIONS*/


.invisisidebar {
	grid-area: invisisidebar;
}

.invisisidebar2 {
	grid-area: invisisidebar2;
}

.invisisidebar3 {
	grid-area: invisisidebar3;
}

.invisisidebar4 {
	grid-area: invisisidebar4;
}

.invisisidebar5 {
	grid-area: invisisidebar5;
}

.copycontent {
	grid-area: copycontent;
}

.listcontent1 {
	grid-area: listcontent1;
}

.listcontent2 {
	grid-area: listcontent2;
}

.listcontent3 {
	grid-area: listcontent3;
}

.imgcontent1 {
	grid-area: imgcontent1;
}

.imgcontent2 {
	grid-area: imgcontent2;
}

.headline {
	grid-area: headline;
}

.headername {
	grid-area: headername;
}

.infoheadline {
	grid-area: infoheadline;
}

.infosubline {
	grid-area: infosubline;
}

.clientname {
	grid-area: clientname;
}

.clientsubline {
	grid-area: clientsubline;
}

.subline {
	grid-area: subline;
}

.cta {
	grid-area: cta;
}

.servicessubhead {
	grid-area: servicessubhead;
}

.servicesdone {
	grid-area: servicesdone;
}

.contactcontent {
	grid-area: contactcontent;
}

.ctaemail {
	grid-area: ctaemail;
}

.footerthin1 {
	grid-area: footerthin1;
	position: relative;
}

.footerthin2 {
	grid-area: footerthin2;
	position: relative;
}

.footerthin3 {
	grid-area: footerthin3;
	position: relative;
}

.footerthin4 {
	grid-area: footerthin4;
	position: relative;

}.footerthin5 {
	grid-area: footerthin5;
	position: relative;
}

.footerthin6 {
	grid-area: footerthin6;
	position: relative;
}

.imagetile1 {
	grid-area: imagetile1;
	position: relative;
}

.imagetile2 {
	grid-area: imagetile2;
	position: relative;
}

.imagetile3 {
	grid-area: imagetile3;
	position: relative;
}

.imagetile4 {
	grid-area: imagetile4;
	position: relative;
}

.imagetile5 {
	grid-area: imagetile5;
	position: relative;
}

.imagetile6 {
	grid-area: imagetile6;
	position: relative;
}

.imagetile7 {
	grid-area: imagetile7;
	position: relative;
}

.imagetile8 {
	grid-area: imagetile8;
	position: relative;
}

.imagetile9{
	grid-area: imagetile9;
	position: relative;
}

.imagetile10 {
	grid-area: imagetile10;
	position: relative;
}

.imagetile11 {
	grid-area: imagetile11;
	position: relative;
}

.imagetile12 {
	grid-area: imagetile12;
	position: relative;
}

.imagetile13 {
	grid-area: imagetile13;
	position: relative;
}

.imagetile14 {
	grid-area: imagetile14;
	position: relative;
}

.imagetile15 {
	grid-area: imagetile15;
	position: relative;
}

.imagetile16 {
	grid-area: imagetile16;
	position: relative;
}

.imagetile17 {
	grid-area: imagetile17;
	position: relative;
}

.imagetile18 {
	grid-area: imagetile18;
	position: relative;
}

.imagetile19 {
	grid-area: imagetile19;
	position: relative;
}

.imagetile20 {
	grid-area: imagetile20;
	position: relative;
}

.imagetile21 {
	grid-area: imagetile21;
	position: relative;
}

.imagetile22 {
	grid-area: imagetile22;
	position: relative;
}

.imagetile23 {
	grid-area: imagetile23;
	position: relative;
}

.imagetile24 {
	grid-area: imagetile24;
	position: relative;
}

.imagetile25 {
	grid-area: imagetile25;
	position: relative;
}




.indextile1 {
	grid-area: indextile1;
	position: relative;
}

.indextile2 {
	grid-area: indextile2;
	position: relative;
}

.indextile3 {
	grid-area: indextile3;
	position: relative;
/*	vertical headline alignment
*/	display : flex;
	align-items : center;
}

.indextile4 {
	grid-area: indextile4;
	position: relative;
}

.indextile5 {
	grid-area: indextile5;
	position: relative;
}

.indextile6 {
	grid-area: indextile6;
	position: relative;
}

.indextile7 {
	grid-area: indextile7;
	position: relative;
}

.indextile8 {
	grid-area: indextile8;
	position: relative;
}

.indextile9 {
	grid-area: indextile9;
	position: relative;
}

.indextile10 {
	grid-area: indextile10;
	position: relative;
}

.indextile11 {
	grid-area: indextile11;
	position: relative;
}

.indextile12 {
	grid-area: indextile12;
	position: relative;
}

.indextile13 {
	grid-area: indextile13;
	position: relative;
}

.indextile14 {
	grid-area: indextile14;
	position: relative;
}

.indextile15 {
	grid-area: indextile15;
	position: relative;
}

.indextile16 {
	grid-area: indextile16;
	position: relative;
}

.indextile17 {
	grid-area: indextile17;
	position: relative;
}



.logotile1 {
	grid-area: logotile1;
	position: relative;
}

.logotile2 {
	grid-area: logotile2;
	position: relative;
}

.logotile3 {
	grid-area: logotile3;
	position: relative;
}

.logotile4 {
	grid-area: logotile4;
	position: relative;
}

.logotile5 {
	grid-area: logotile5;
	position: relative;
}

.logotile6 {
	grid-area: logotile6;
	position: relative;
}

.logotile7 {
	grid-area: logotile7;
	position: relative;
}

.logotile8 {
	grid-area: logotile8;
	position: relative;
}

.logotile9 {
	grid-area: logotile9;
	position: relative;
}

.logotile10 {
	grid-area: logotile10;
	position: relative;
}

.logotile11 {
	grid-area: logotile11;
	position: relative;
}

.logotile12 {
	grid-area: logotile12;
	position: relative;
}

.logotile13 {
	grid-area: logotile13;
	position: relative;
}

.logotile14 {
	grid-area: logotile14;
	position: relative;
}

.logotile15 {
	grid-area: logotile15;
	position: relative;
}

.logotile16 {
	grid-area: logotile16;
	position: relative;
}

.logotile17 {
	grid-area: logotile17;
	position: relative;
}

.logotile18 {
	grid-area: logotile18;
	position: relative;
}

.logotile19 {
	grid-area: logotile19;
	position: relative;
}

.logotile20 {
	grid-area: logotile20;
	position: relative;
}

.logotile21 {
	grid-area: logotile21;
	position: relative;
}

.logotile22 {
	grid-area: logotile22;
	position: relative;
}

.logotile23 {
	grid-area: logotile23;
	position: relative;
}

.logotile24 {
	grid-area: logotile24;
	position: relative;
}

.logotile25 {
	grid-area: logotile25;
	position: relative;
}

.logotile26 {
	grid-area: logotile26;
	position: relative;
}

.logotile27 {
	grid-area: logotile27;
	position: relative;
}

.logotile28 {
	grid-area: logotile28;
	position: relative;
}

.logotile29 {
	grid-area: logotile29;
	position: relative;
}

.logotile30 {
	grid-area: logotile30;
	position: relative;
}

.logotile31 {
	grid-area: logotile31;
	position: relative;
}

.logotile32 {
	grid-area: logotile32;
	position: relative;
}

.logotile33 {
	grid-area: logotile33;
	position: relative;
}

.logotile34 {
	grid-area: logotile34;
	position: relative;
}

.logotile35 {
	grid-area: logotile35;
	position: relative;
}

.logotile36 {
	grid-area: logotile36;
	position: relative;
}

.logotile37 {
	grid-area: logotile37;
	position: relative;
}

.logotile38 {
	grid-area: logotile38;
	position: relative;
}

.logotile39 {
	grid-area: logotile39;
	position: relative;
}

.logotile40 {
	grid-area: logotile40;
	position: relative;
}


.officecontent1 {
	grid-area: officecontent1;
}

.officecontent2 {
	grid-area: officecontent2;
}

.officecontent3 {
	grid-area: officecontent3;
}

.officecontent4 {
	grid-area: officecontent4;
}

.officecontent5 {
	grid-area: officecontent5;
}

.officecontent6 {
	grid-area: officecontent6;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.gridwrapper {
	background-color: #
	;
	
	margin: 60px 0 60px 0;
	padding: 0;
	display: grid;
	grid-gap: 20px;
	grid-template-areas:
	"headline"
	"invisisidebar"
	"copycontent"
	"invisisidebar2"
	"cta";
}

@media only screen and (min-width: 500px) {
	.gridwrapper {
		grid-gap: 20px;
		grid-template-columns: 1fr;
		grid-template-areas:
		"headline"
		"copycontent"
		"cta";
	}
}

@media only screen and (min-width: 600px) {
	.gridwrapper {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr;
/*		grid-template-rows: 2fr auto 0fr;
*/		grid-template-areas:
		"headline invisisidebar"
		"copycontent invisisidebar2"
		"cta  cta";
/*		max-width: 1120px;
*/	}
}


.officewrapper1 {
	background-color: #FFFFFF;
	margin: 60px 0 60px 0;
	padding: 0;
	display: grid;
	grid-gap: 0;
	grid-template-areas:
	"officecontent1"
	"officecontent2"
	"officecontent3";
}

@media only screen and (min-width: 500px) {
	.officewrapper1 {
		grid-template-columns: 1fr;
		grid-template-areas:
		"officecontent1"
		"officecontent2"
		"officecontent3";
	}
}

@media only screen and (min-width: 600px) {
	.officewrapper1 {
		grid-gap: 0;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas:
		"officecontent1 officecontent2 officecontent3";
		max-width: 1119px;
	}
}

.officewrapper2 {
	background-color: #FFFFFF;
	margin: 60px 0 60px 0;
	padding: 0;
	display: grid;
	grid-gap: 0;
	grid-template-areas:
	"officecontent4"
	"officecontent5"
	"officecontent6";
}

@media only screen and (min-width: 500px) {
	.officewrapper2 {
		grid-template-columns: 1fr;
		grid-template-areas:
		"officecontent4"
		"officecontent5"
		"officecontent6";
	}
}

@media only screen and (min-width: 600px) {
	.officewrapper2 {
		grid-gap: 0;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas:
		"officecontent4 officecontent5 officecontent6";
		max-width: 1119px;
	}
}

.gridwrapper2 {
	background-color: #FFFFFF;
	margin: 60px 0 60px 0;
	padding: 0;
	display: grid;
	grid-gap: 20px;
	grid-template-areas:
	"headline headline"
	"listcontent1 listcontent1"
	"listcontent2 listcontent2"
	"listcontent3 listcontent3"
	"cta cta";
}

@media only screen and (min-width: 500px)  {
	.gridwrapper2 {
		grid-template-columns: 1fr;
		grid-template-areas:
		"headline headline"
		"listcontent1 listcontent1"
		"listcontent2 listcontent2"
		"listcontent3 listcontent3"
		"cta cta";
	}
}

@media only screen and (min-width: 600px)   {
	.gridwrapper2 {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr 1fr;
/*		grid-template-rows: 4fr auto 0fr;
*/  	grid-template-areas:
		"headline headline headline"
		"listcontent1 listcontent2 listcontent3"
		"cta cta cta";
/*		max-width: 1120px;
*/	}
}


.gridwrapper3 {
	background-color: #FFFFFF;
	margin: 60px 0 60px 0;
	padding: 0;
	display: grid;
	grid-gap: 20px;
	grid-template-areas:
	"headline"
	"imgcontent1"
	"imgcontent2"
	"cta";
}

@media only screen and (min-width: 500px)  {
	.gridwrapper3 {
		grid-gap: 20px;
		grid-template-columns: 1fr;
		grid-template-areas:
		"headline headline"
		"imgcontent1"
		"imgcontent2"
		"cta";
	}
}

@media only screen and (min-width: 600px)   {
	.gridwrapper3 {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr;
/*		grid-template-rows: 4fr auto 0fr;
*/		grid-template-areas:
		"headline headline"
		"imgcontent1 imgcontent2"
		"cta  cta";
		max-width: 1119px;
	}
}

.box {
	position: relative;
	background-color: none;
	margin: 0;
	padding: 0;
}

.headline {
	background-color: none;
}

.cta {
	margin: 0;
	padding: 0;
	background-color: none;
}

.listcontent1,
.listcontent2,
.listcontent3, {
	margin: 0;
	padding: 0;
}

.invisisidebar,
.invisisidebar2 {
	background-color: none;
	opacity: 0;
}

.invisitile {
	background-color: none;
	opacity: 0;
	margin: 0;
	padding: 20px 0 0 0;
}

.headline h1{
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	
}

.copycontent p {
	text-align: left;
	font-family: miller-text, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	color: #000000;
}

.copycontent a {
	text-decoration: underline;
	color: #000000;
}

.listcontent1 p {
	text-align: left;
	font-family: miller-display, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	color: #000000;
	
}

.listcontent2 p {
	text-align: left;
	font-family: miller-display, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	color: #000000;
	

}

.listcontent3 p {
	text-align: left;
	font-family: miller-display, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	color: #000000;
	

}

.officepic img{
	margin: 0 0 -5px 0;
	padding: 0;
}

.imgcontent1, .imgcontent2 {
	background-color: none;
}

.imgcontent1 img, .imgcontent2 img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: none;
	
}

.cta h5{
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
	
}

.cta h5 a{
	color: #000000;
}

#vertspacer {
	width:10px;
	height:60px;
	background: #FFF;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: TYPEANIM TYPEANIM TYPEANIM TYPEANIM TYPEANIM TYPEANIM TYPEANIM TYPEANIM 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.container {
	margin: 80px 0 50px 0;
	padding: 0;
	position: relative;
}

.ultrawide-graphic {
	width: 100vw;
	height: auto;
	position: relative;
/*	left: 50%;
	right: 50%;*/
	margin-top: 60px;
	margin-left: -4vw;
	margin-right: 0;
	margin-bottom: 0;
	padding: 18px 0 12px 0;
/*	background-color: #FFE6F2; PINK
	background-color: #F3043E; #000000*/
	background-color: #FFFFFF;
}

.ultrawide-graphic img {
	opacity: 0.5;
	padding: 0;

}

.rw-sentence-IE {
	display: none;
	padding: 30px;
}

.rw-wrapper {
	position: relative;
/*	bottom: 2vw;*/
	margin: 0;
	padding: 0;
}

.rw-sentence {
	margin: 0;
	padding: 0;
}

/* PREVIOUS SINGLE HEADLINE COPY ***************************************************************************************
*/

.rw-sentence h1 {
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 3rem;
	text-align: left;
	line-height: 1;
	color: #000000;
	margin: 8vw 44VW 8vw 0;
	padding: 0;
}

h1 a,
.h1-link {
  color: #000; /* Or whatever your headline color is */
  text-decoration: none;
  font-weight: inherit;
  opacity: 1;
}

.visually-hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.rw-sentence h2 {
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 2.2rem;
	text-align: left;
	line-height: 1;
	color: #000000;
	margin: 8vw 0 8vw 0;
	padding: 0;
}

.level-3 {
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 2rem;
	text-align: left;
	line-height: 1;
	color: #000000;
	margin: 8vw 100px 60px 0;
	padding: 0;
}

.level-4 {
	font-family: miller-text, serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2rem;
	text-align: left;
	line-height: 1;
	color: #000000;
	margin: 0 40px 40px 0;
	padding: 0;
}

.level-5 {
	font-family: miller-text, serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2rem;
	text-align: left;
	line-height: 1;
	color: #000000;
	margin: 0 40px 8vw 0;
	padding: 0;
}

@media only screen and (max-width: 900px) {
	.rw-wrapper {
		margin: 0;
		padding: 12vw 0 0 0;
	}

	.rw-wrapper h1 {
		margin: 0;
		padding: 0;
	}

	.rw-sentence h1 {
		margin: 80px 0 80px 0;
		padding: 0;
		font-size: 2rem;
	}
	.rw-sentence h2 {
		margin: 0;
		padding: 0;
		font-size: 1.8rem;
	}
	.level-3, .level-4, .level-5 {
		font-size: 1.8rem;
	}
}

h2 a,
.h2-link {
  color: #000; /* Or whatever your headline color is */
  text-decoration: none;
  font-weight: inherit;
  opacity: 1;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: BRANDED LIST BRANDED LIST BRANDED LIST BRANDED LIST BRANDED LIST BRANDED LIST
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#flood {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
	background-color: #f5ede9;
/*	background-color: #fdf7e8;*/
}

#brandedbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 120px;
	background: #000000;
	margin: 0;
	padding: 80px 0 40px 0;
	z-index: 2;
}

#brandedbarwrap {
/*    max-width: 1120px;
*/  margin: 0 auto;
	padding: 0 5%;
}


#brandedlogo img {
	float: left;
	max-width: 320px;
	height: auto;
	margin-left: 0;
	margin-top: 114px;
	padding: 0;
	z-index: 8;
}


#brandedlogo img:hover {
		filter: opacity(0.7); /* Standard CSS */
		filter: alpha(opacity=70);  /* Internet Explorer IE6-9 */
		-webkit-filter: opacity(0.7); /* CSS for Webkit Browsers */
	}


.brandedintro {
	margin: 0 0 0 0;
	padding: 400px 0 0 0;
}


.brandedintro h1 {
	max-width: 60vw;
	color: #000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 5rem !important;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	margin: 0;
	padding: 0;
	line-height: 0.9;
	text-align:left;
}

.brandedtitle {
	color:#000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-size: 3rem;
	font-style:normal;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: -0.03em;
	margin:  40px 80px 0 0;
	padding: 10px 0 0 0;
	text-align:left;
}

.brandeddescription {
	color: #000000;
	font-family: miller-text, serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.8rem;
	line-height: 1.1;
	margin:  20px 0 40px 0;
	padding:  10px 0 10px 0;
	text-align:left;
}

.square {
	height: 160px;
	width: 40px;
	margin: 0;
	padding: 0;
	background-color: #fdf7e8;
	opacity: 0;
}

.articleline hr {
	width: auto;
	margin: 10px 0 10px 0;
	padding: 0;
	border-top: 1px solid black;
}

.footerthin1 {
	grid-area: footerthin1;
	position: relative;
}

.footerthin2 {
	grid-area: footerthin2;
	position: relative;
}

.footerthin3 {
	grid-area: footerthin3;
	position: relative;
}

.footerthin4 {
	grid-area: footerthin4;
	position: relative;
}

.footerthin5 {
	grid-area: footerthin5;
	position: relative;
}

.footerthin6 {
	grid-area: footerthin6;
	position: relative;
}

.footerthin7 {
	grid-area: footerthin7;
	position: relative;
}

.footerthin8 {
	grid-area: footerthin8;
	position: relative;
}

.footerthin9 {
	grid-area: footerthin9;
	position: relative;
}

.footerthin10 {
	grid-area: footerthin10;
	position: relative;
}

.footerthin11 {
	grid-area: footerthin11;
	position: relative;
}

.footerthin12 {
	grid-area: footerthin12;
	position: relative;
}


.brandednavwrapper {
/*	background-color: #FFFFFF;*/
	margin: 60px 0 0 0;
	padding: 0;
	display: grid;
	grid-gap: 0px;
	grid-template-areas:
	"footerthin1"
	"imagetile9"
	"imagetile10"
	"footerthin6"
	"imagetile1"
	"imagetile2"
	"footerthin2"
	"imagetile3"
	"imagetile4"
	"footerthin3"
	"imagetile5"
	"imagetile6"
	"footerthin4"
	"imagetile7"
	"imagetile8"
	"footerthin5";
}

@media only screen and (min-width: 500px) {
	.brandednavwrapper {
		grid-template-columns: 1fr;
		grid-gap: 0px;
		grid-template-rows: auto;
		grid-template-areas:
		"footerthin1"
		"imagetile9"
		"imagetile10"
		"footerthin6"
		"imagetile1"
		"imagetile2"
		"footerthin2"
		"imagetile3"
		"imagetile4"
		"footerthin3"
		"imagetile5"
		"imagetile6"
		"footerthin4"
		"imagetile7"
		"imagetile8"
		"footerthin5";
	}
}

@media only screen and (min-width: 600px) {
	.brandednavwrapper {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-template-areas:
		"footerthin1 footerthin1"
		"imagetile9 imagetile10"
		"footerthin6 footerthin6"
		"imagetile1 imagetile2"
		"footerthin2 footerthin2"
		"imagetile3 imagetile4"
		"footerthin3 footerthin3"
		"imagetile5 imagetile6"
		"footerthin4 footerthin4"
		"imagetile7 imagetile8"
		"footerthin5 footerthin5";
	}
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: BRANDED ARTICLE BRANDED ARTICLE BRANDED ARTICLE BRANDED ARTICLE BRANDED ARTICLE
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.brandedheadline h1 {
	max-width: 60vw;
	color: #000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-size: 5rem;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	line-height: 0.9;
	margin: 0;
	padding: 400px 0 0 0;
	text-align:left;
}

.brandedcontainer img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 40px 0 40px 0;
}

.brandedarticlewrapper {
	margin: 0;
/*	background-color: #FFFFFF;*/
}

.payoff h2 {
	max-width: 70vw;
	color: #000000;
	font-family: miller-text, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: -0.02em;
	margin: 40px 0 120px 0;
	padding: 0;
	text-align:left;
}

.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
}

.single-column {
	background-color: #000000;
	height: auto;
}

.single-column h2 {
	color: #000000;
	font-family: miller-text, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 3.5rem;
	line-height: 1;
	margin: 0 40px 20px 0;
	padding: 0 0 20px 0;
	text-align:left;
}

.double-column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
}

.double-column h3{
	color: #000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: normal;
	line-height: 1.1;
	letter-spacing: -0.03em;
	margin:0 60px 40px 0;
	padding: 0;
	text-align:left;
}

.double-column li h4{
	max-width: 35vw;
	color:#000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -0.8;
	line-height: 1;
	margin:0 60px 4px 0;
	padding: 0;
	text-align:left;
}

.brandedarticlewrapper ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.brandedarticlewrapper ol li {
  margin-bottom: 2rem;
}


.double-column h4{
	color:#000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -0.02em;
	line-height: 1.1;
	margin:0 0 4px 0;
	padding: 0;
	text-align:left;
}

.double-column p{
	color: #000000;
	font-family: miller-text, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.2;
	margin: 0 60px 60px 0;
	padding: 0;
	text-align:left;
}

p.questions {
	color: #000000;
	font-family: miller-text, serif;
	font-weight: 400;	
	font-size: 2rem;
	font-style: normal;
	line-height: 1.1;
	margin:20px 0 20px 0;
	padding: 0;
	text-align:left;
}

.double-column .last-word{
	color:#000000;
	font-family: miller-text, serif;
	font-weight: 400;
	font-size: 2rem;
	font-style: normal;
	line-height: 1.2;
	margin: 20px 0 20px 0;
	padding: 0;
	text-align:left;
}

.double-column h6{
	max-width: 30vw;
	color: #000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: normal;
	line-height: 1.1;
	letter-spacing: -0.02em;
	margin:40px 0 40px 0;
	padding: 0;
	text-align:left;
}

hr.chunky {
	background-color:#000000;
	height:10px;
	width: 70px;
	margin: 20px 0 40px 0;
	padding: 0;
}

hr.thin {
	width: auto;
	margin: 20px 0 40px 0;
	padding: 0;
	border-top: 1px solid black;
}

hr.padded-thin {
	width: auto;
	margin: 120px 0 120px 0;
	padding: 0;
	border-top: 1px solid black;
}

hr.navthin {
/*	background-color:#000000;
	height: 0.1px;*/
    position:fixed;
    top:0;
    width: 90%;
    z-index:100;
    margin: 80px 0 40px 0;
	padding: 0;
	border-top: 1px solid black;
/*	border-color: #FFFFFF;
*/
}

hr.footerthin {
	width: auto;
	margin: 40px 0 40px 0;
	padding: 0;
	border-top: 1px solid black;
}

hr.invisible {
  border: none;
  height: 80px; /* or whatever spacing you want */
  margin: 0;
  padding: 0;
}


@media screen and (min-width: 600px) {
	.column {
		flex: 1
	}

	.double-column {
		flex: 1
	}
}

@media screen and (max-width: 900px){
	.brandedintro {
		margin: 0;
		padding: 320px 0 0 0;
	}
	.brandedintro h1 {
		max-width: 100vw;
		font-size: 2.7rem !important;
		margin: 0;
		padding: 0;
	}
	.brandedtitle {
		max-width: 70vw;
		font-size: 2rem;
		margin: 60px 0 0 0;
		padding: 0;
	}
	.brandeddescription {
		font-size: 1.6rem;
		margin: 20px 0 60px 0;
		padding: 0;
	}
	.brandedheadline h1 {
		max-width: 100vw;
		font-size: 2.7rem !important;
	}
	.payoff h2 {
		font-size: 2rem !important;
		margin: 40px 0 60px 0;
	}
	.single-column h2 {
		font-size: 2rem !important;
	}
	.double-column h2 {
		font-size: 1.8rem !important;
	}
	.double-column h3{
		font-size: 2rem !important;
	}
	.double-column h4{
		max-width: 100vw;
		font-size: 1.8rem !important;
		margin: 20px 0 4px 0;
		padding: 0;
	}
	.double-column li h4{
		max-width: 100vw;
		font-size: 1.8rem !important;
		margin: 20px 0 4px 0;
		padding: 0;
	}

	p.questions {
		font-size: 1.8rem !important;
		margin: 10px 0 10px 0;
	}

	.double-column .last-word{
		font-size:1.8em !important;
	}

	.double-column h6{
		max-width: 80vw;
		font-size: 1.8rem !important;
		margin: 30px 0 50px 0;
		padding: 0;
	}
	.square {
		height: 80px;
	}
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.visible-mobile {
	display: inline !important;
}
.hidden-mobile {
	display: none !important;
}

@media only screen and (max-width: 600px) {
	.visible-mobile {
		display: none !important;
	}
	.hidden-mobile {
		display: inline !important;
		max-width: 100%;
		height: auto;
	}
}


/* Create two equal columns that floats next to each other */

.column {
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
	height: 375px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.column img {
	margin: 37px 0 0 0;
	padding: 0;
	max-width: 300px;
	height: auto;
}

.column p {
	display: table-cell;
	height: inherit;
	vertical-align: middle;
	margin: 0;
	padding: 0 100px 0 0;
	text-align: left;
	font-family: 'Helvetica Neue LT W01_55 Roman', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1.1;
	color: #7F7F7F;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.column {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 600px) {
	.column img {
		margin: 4px 0 0 0;
	}
}


@media screen and (max-width: 600px) {
	.column p {
		font-size: 1.8rem;
		padding: 0 20px 30px 0;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.rowimage {
	width: 100vw;
	height: auto;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	padding: 0;
}

/* Create four equal columns that sits next to each other */
.columnimage {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
	max-width: 50%;
	padding: 0;
}

.columnimage img {
	margin: 0;
	vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 600px) {
	.columnimage {
		-ms-flex: 100%;
		flex: 100%;
		max-width: 100%;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.helloend {
	height: 375px;
	background-color:#DDDDDD;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

#hellowrapper {
/*	max-width: 1120px;
*/	height: 375px;
margin: 0 auto;
padding: 0 5%;
}

#hellowrapper h1 {
	display: table-cell;
	height: inherit;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 2.2rem;
	line-height: 1;
	color: #FF0099;
}

@media only screen and (max-width: 500px) {
	#hellowrapper h1 {
		padding: 0 30% 0 0;
	}
}

#colorsplit {
	color: #3F3F3F;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.buttoncolumn {
	float: left;
	width: 50%;
	padding: 0;
	margin: 0 0 -20px 0;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.buttoncolumn h2 {
	display: table-cell;
	height: inherit;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-size: 1.5rem;
	line-height: 1;
	color: #3F3F3F;
}

.buttoncolumn h2 a {
	color: #7F7F7F;
}

/* Clear floats after the columns */
.buttonrow:after {
	content: "";
	display: table;
	clear: both;
}

.buttoncolumn h2 a:hover {
	color: #FF0099;
}

@media screen and (max-width: 500px) {
	.buttoncolumn h2 {
		font-size: 1.3rem;
	}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: WORK WORK WORK WORK WORK WORK WORK WORK WORK WORK WORK WORK WORK WORK WORK  
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.imagewrapper {
/*	background-color: #FFFFFF;
*/	margin: 80px 0 0 0;
padding: 0;
display: grid;
grid-gap: 20px;
grid-template-areas:
"imagetile1"
"imagetile2"
"imagetile3"
"imagetile4"
"imagetile5"
"imagetile6"
"imagetile7"
"imagetile8"
"imagetile9"
"imagetile10"
"imagetile11"
"imagetile12"
"imagetile13"
"imagetile14"
"imagetile15"
"imagetile16"
"imagetile17"
"imagetile18"
"imagetile19"
"imagetile20"
"imagetile21";
}

@media only screen and (min-width: 500px) {
	.imagewrapper {
		grid-template-columns: 1fr;
		grid-gap: 20px;
		grid-template-areas:
		"imagetile1"
		"imagetile2"
		"imagetile3"
		"imagetile4"
		"imagetile5"
		"imagetile6"
		"imagetile7"
		"imagetile8"
		"imagetile9"
		"imagetile10"
		"imagetile11"
		"imagetile12"
		"imagetile13"
		"imagetile14"
		"imagetile15"
		"imagetile16"
		"imagetile17"
		"imagetile18"
		"imagetile19"
		"imagetile20"
		"imagetile21";
	}
}

@media only screen and (min-width: 700px) {
	.imagewrapper {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-template-areas:
		"imagetile1 imagetile2"
		"imagetile3 imagetile4"
		"imagetile5 imagetile6"
		"imagetile7 imagetile8"
		"imagetile9 imagetile10"
		"imagetile11 imagetile12"
		"imagetile13 imagetile14"
		"imagetile15 imagetile16"
		"imagetile18 imagetile17"
		"imagetile19 imagetile20"
		"imagetile21 .";
	}
}


@media only screen and (min-width: 1200px) {
	.imagewrapper {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
		grid-template-areas:
		"imagetile1 imagetile2 imagetile3 imagetile3"
		"imagetile4 imagetile5 imagetile6 ."
		"imagetile7 imagetile7 imagetile7 imagetile8"
		"imagetile9 imagetile9 imagetile10 imagetile11"
		"imagetile12 imagetile13 imagetile13 imagetile13"
		"imagetile14 imagetile15 imagetile16 imagetile17"
		"imagetile18 imagetile19 imagetile19 ."
		"imagetile20 . imagetile21 .";
	}
}

.logowrapper {
	margin: 80px 0 0 0;
	padding: 0;
	display: grid;
	grid-gap: 20px;
	grid-template-areas:
		"logotile1"
		"logotile2"
		"logotile3"
		"logotile4"
		"logotile5"
		"logotile6"
		"logotile7"
		"logotile8"
		"logotile9"
		"logotile10"
		"logotile11"
		"logotile12"
		"logotile13"
		"logotile14"
		"logotile15"
		"logotile16"
		"logotile17"
		"logotile18"
		"logotile19"
		"logotile20"
		"logotile21"
		"logotile22"
		"logotile23"
		"logotile24"
		"logotile25"
		"logotile26"
		"logotile27"
		"logotile28"
		"logotile29"
		"logotile30"
		"logotile31"
		"logotile32"
		"logotile33"
		"logotile34"
		"logotile35"
		"logotile36"
		"logotile37"
		"logotile38"
		"logotile39"
		"logotile40";
}

@media only screen and (min-width: 1200px) {
	.logowrapper {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-template-areas:
		"logotile1 logotile2"
		"logotile3 logotile4"
		"logotile5 logotile6"
		"logotile7 logotile8"
		"logotile9 logotile10"
		"logotile11 logotile12"
		"logotile13 logotile14"
		"logotile15 logotile16"
		"logotile17 logotile18"
		"logotile19 logotile20"
		"logotile21 logotile22"
		"logotile23 logotile24"
		"logotile25 logotile26"
		"logotile27 logotile28"
		"logotile29 logotile30"
		"logotile31 logotile32"
		"logotile33 logotile34"
		"logotile35 logotile36"
		"logotile37 logotile38"
		"logotile39 logotile40";
	}
}

@media only screen and (max-width: 500px) {
	.logowrapper {
		grid-template-columns: 1fr;
		grid-gap: 20px;
		grid-template-areas:
		"logotile1"
		"logotile2"
		"logotile3"
		"logotile4"
		"logotile5"
		"logotile6"
		"logotile7"
		"logotile8"
		"logotile9"
		"logotile10"
		"logotile11"
		"logotile12"
		"logotile13"
		"logotile14"
		"logotile15"
		"logotile16"
		"logotile17"
		"logotile18"
		"logotile19"
		"logotile20"
		"logotile21"
		"logotile22"
		"logotile23"
		"logotile24"
		"logotile25"
		"logotile26"
		"logotile27"
		"logotile28"
		"logotile29"
		"logotile30"
		"logotile31"
		"logotile32"
		"logotile33"
		"logotile34"
		"logotile35"
		"logotile36"
		"logotile37"
		"logotile38"
		"logotile39"
		"logotile40";
	}
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: CLIENT CLIENT CLIENT CLIENT CLIENT CLIENT CLIENT CLIENT CLIENT CLIENT CLIENT
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.container img{
	width: 100%;
	height: auto;
}


.clientsubwrapper {
	margin: 0;
	padding: 20px 0 20px 0;
}

.clientarticlewrapper {
	margin: 0;
	padding: 0 0 60px 0;
}

.clientrow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.clientcolumn {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	padding: 0;
}

.clientsingle-column {
	height: auto;
}


.clientsingle-column h2 {
	color: #000000;
	font-family: miller-text, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.8rem;
	line-height: 1;
	margin: 0 120px 20px 0;
	padding: 0 0 20px 0;
	text-align:left;
}


.capability-list {
	list-style: none;
	color: #000000;
	font-family: 'Helvetica Neue LT W01_55 Roman', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.2;
	margin: 0 60px 20px 0;
	padding: 0 0 40px 0;
	text-align:left;
}

.clientdouble-column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
}

.clientdouble-column p{
	color: #000000;
	font-family: 'Helvetica Neue LT W01_55 Roman', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.2;
	margin: 0 60px 20px 0;
	padding: 0;
	text-align:left;
}

.clientname h1{
	color: #000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 4rem;
	margin: 0;
	padding: 180px 0 20px 0;
	text-align: left;
	line-height: 1;
}

.clientsingle-column .label,
.clientdouble-column .label{
	color: #000000;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 80px 0;
	text-align:left;
}

@media screen and (min-width: 600px) {
	.clientcolumn,
	.clientdouble-column {
		flex: 1
	}
}


@media screen and (max-width: 1100px){
	.clientname h1 {
		font-size: 2.4rem;
	}
	.clientsingle-column .label,
	.clientdouble-column .label{
		font-size: 1rem !important;
		padding: 0 0 20px 0;
	}
	.clientsingle-column h2 {
		font-size: 2.4rem;
	}
	.capability-list {
		font-size: 1.4rem;
	}
	.clientdouble-column p {
		font-size: 1.4rem !important;
		margin: 10px 20px 20px 0;
	}

}



.colorbreak {
		color: #000000;
		font-family: 'Helvetica Neue LT W01_65 Md', sans-serif;
}


	/*for spanned images*/
	.ultrawide-container {
		width: 100vw;
		height: auto;
		position: relative;
		left: 50%;
		right: 50%;
		margin-top: 55px;
		margin-left: -50vw;
		margin-right: -50vw;
		margin-bottom: 40px;
	}

	.ultrawide-workcontainer {
		width: 100vw;
		height: auto;
		position: relative;
		left: 50%;
		right: 50%;
		margin-top: 0;
		margin-left: -50vw;
		margin-right: -50vw;
		margin-bottom: 0;
	}

	#gallery img{
		width: 100%; /* FIX MOBILE SAFARI */
		height: auto; /* FIX MOBILE SAFARI */
		margin: -4px 0 0 0;
		padding: 0 0 40px 0;
	}

	#gallery picture{
		width: 100%; /* FIX MOBILE SAFARI */
		height: auto; /* FIX MOBILE SAFARI */
		margin: -4px 0 0 0;
		padding: 0 0 40px 0;
	}

	#gallery iframe{
		margin: -4px 0 0 0;
		padding: 0 0 40px 0;
	}

	#soonspacer {
		width:10px;
		height: 100px;
		background: #222;
	}

	#nextstudy h2 {
		margin: 40px 0 80px 0;
		color: #6E7073;
	}

	#nextstudy h2 a {
		font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #f8283e;
	}

	#nextstudy h2 a:hover {
		filter: opacity(0.5); /* Standard CSS */
		filter: alpha(opacity=50);  /* Internet Explorer IE6-9 */
		-webkit-filter: opacity(0.5); /* CSS for Webkit Browsers */
	}

	#nextarticle h2 {
		margin: 40px 0 80px 0;
		color: #6E7073;
	}

	#nextarticle h2 a {
		font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
			color: #f8283e;
		font-style: normal;
		font-weight: normal;
	}

	#nextarticle h2 a:hover {
		filter: opacity(0.5); /* Standard CSS */
		filter: alpha(opacity=50);  /* Internet Explorer IE6-9 */
		-webkit-filter: opacity(0.5); /* CSS for Webkit Browsers */
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: JOURNAL JOURNAL JOURNAL JOURNAL JOURNAL JOURNAL JOURNAL JOURNAL JOURNAL 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.headername h1{
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	line-height: 1;
}

.subline h2 {
	font-size: 1.8rem;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
	color: #000000;
	line-height: 1;
}

.journalwrapper {
	background-color: #FFFFFF;
	margin: 80px 0 80px 0;
	padding: 0;
	display: grid;
	grid-gap: 0.5em;
	grid-template-areas:
	"headername"
	"subline"
	"copycontent"
	"invisisidebar"
	"cta";
}

@media only screen and (min-width: 500px) {
	.journalwrapper {
		grid-template-columns: 1fr;
		grid-template-areas:
		"headername"
		"subline"
		"copycontent"
		"invisisidebar"
		"cta";
	}
}

@media only screen and (min-width: 600px) {
	.journalwrapper {
		grid-gap: 0;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr auto 0fr;
		grid-template-areas:
		"headername headername"
		"subline subline"
		"copycontent invisisidebar"
		"cta  cta";
/*		max-width: 1120px;
*/	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
PAGE: CONTACT  CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */















/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
VIDEO CONTAINER VIDEO CONTAINER VIDEO CONTAINER VIDEO CONTAINER VIDEO CONTAINER 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.video-container {
	margin-top: 0;
	margin-bottom: 40px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}   


.video-container-retro {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;                /* Make it responsive to the parent width */
    max-width: 2240px;          /* Limit the maximum width */
    aspect-ratio: 2240 / 1260;  /* Maintain the aspect ratio */
    margin: 0 auto;             /* Center horizontally */
    background-color: #FFF;     /* Maintain the white background */
    overflow: hidden;           /* Prevent overflow issues */
}

.video-container-retro iframe {
    width: 60%;                /* Responsive width */
    height: 60%;               /* Responsive height */
    object-fit: cover;          /* Maintain aspect ratio and cover the container */
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.video-caption {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS COLORS 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* site body */
body {
	background-color: #FFFFFF;
	color: #6E7073;
}

/* white header */
header {
	background: #FFF;
	border-color: #FFF;
}

/* nav background on mobile */
/*nav {
	background: #FFF;
}
*/
/* link color */
a {
	color: #6E7073;
}

/* nav link */
/*nav a, nav a:visted {
	color: #FF0099;
	}*/

	/* selected nav link */
/*nav a.selected, nav a:hover {
	color: #FF0099;
	}*/

	#mainlogo img:hover {
		filter: opacity(0.7); /* Standard CSS */
		filter: alpha(opacity=70);  /* Internet Explorer IE6-9 */
		-webkit-filter: opacity(0.7); /* CSS for Webkit Browsers */
	}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON BUTTON 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.imgbtn {
	position: absolute;
	height: 100%;
	width: 100%;
	cursor: pointer;
	border: none;
	background-color: white;
	filter: opacity(0); /* Standard CSS */
	filter: alpha(opacity=0);  /* Internet Explorer IE6-9 */
	-webkit-filter: opacity(0); /* CSS for Webkit Browsers */
}

.imgbtn:hover {
	filter: opacity(0.4); /* Standard CSS */
	filter: alpha(opacity=40);  /* Internet Explorer IE6-9 */
	-webkit-filter: opacity(0.4); /* CSS for Webkit Browsers */
}


.clientimagename {
	left: 0;
	top: 0;
	margin: 0;
	padding: 8px 0 0 0;
	font-family: 'Helvetica Neue LT W01_71488914', sans-serif;
	font-size: 1.6rem;
	line-height: 1.1;
	font-style: normal;
	font-weight: normal;
	pointer-events: none;
	color: #000000;
	opacity: 1;
}

.worktitle {
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	font-family: miller-display, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.6rem;
	pointer-events: none;
	color: #000000;
	opacity: 1;
}

@media screen and (max-width: 900px){
	.clientimagename {
		font-size: 1.4rem;
		padding: 10px 0 0 0;
	}
	.worktitle {
		font-size: 1.4rem;
		padding: 0 0 10px 0;
	}
}


.imgbutton {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	opacity: 1;
}

.imgbutton:hover {
	opacity: 0.7;
}

.imgbutton:hover + .clientimagename {
	pointer-events: none;
}

a:hover {
	opacity: 0.7;
}

.heroline {
	opacity: 1;
}

.imgbutton:hover + .heroline {
	pointer-events: none;
	opacity: 0.6;	
}

/*for fadeup effect */
.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}

.fader{
	opacity: 0;
}