/*
Theme Name: Kino
Author: 9DigitDevelopment
Author URI: http://ninedigitdevelopment.com/
Description: A custom built theme for Kino Design
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: kino
*/

@font-face {
  font-family: 'FranklinGothicLight';
  src: url('/wp-content/themes/kino/fonts/38C96C_0_0.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/kino/fonts/38C96C_0_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_0_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_0_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'FranklinGothicBook';
  src: url('/wp-content/themes/kino/fonts/38C96C_1_0.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/kino/fonts/38C96C_1_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_1_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_1_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'FranklinGothicMedium';
  src: url('/wp-content/themes/kino/fonts/38C96C_2_0.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/kino/fonts/38C96C_2_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_2_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_2_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'FranklinGothicBookItalic';
  src: url('/wp-content/themes/kino/fonts/38C96C_3_0.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/kino/fonts/38C96C_3_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_3_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_3_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'FranklinGothicHeavyItalic';
  src: url('/wp-content/themes/kino/fonts/38C96C_4_0.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/kino/fonts/38C96C_4_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_4_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_4_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'FranklinGothicMediumItalic';
  src: url('/wp-content/themes/kino/fonts/38C96C_5_0.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/kino/fonts/38C96C_5_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_5_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_5_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'FranklinGothicHeavy';
  src: url('/wp-content/themes/kino/fonts/38C96C_8_0.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/kino/fonts/38C96C_8_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_8_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_8_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'FranklinGothicDemi';
  src: url('/wp-content/themes/kino/fonts/38C96C_9_0.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/kino/fonts/38C96C_9_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_9_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/kino/fonts/38C96C_9_0.ttf')  format('truetype'); /* Safari, Android, iOS */
}

#wpadminbar {
	display: none !important;
}

html.becauseISaySo {
	margin-top: 0 !important;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	font-size:100%;
	font:inherit;
	padding:0;
	border:0;
	margin:0;
	vertical-align:baseline;
}

html.noScroll {
	overflow: hidden;
}

body{
	line-height:1;
}

ol,ul{
	list-style:none;
}

blockquote,q{
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}

.clear{
	clear:both;
}

.sticky{
	
}

.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


/* Globals */
strong {
	font-weight: bold;
}

body,
p {
	font-family: FranklinGothicLight;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1,h2,h3,h4,h5,h6 {}

h1 {
	font-size: 40px;
	margin-bottom: 30px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h2 {
	font-size: 44px;
	margin-bottom: 20px;
	font-family: FranklinGothicLight;
	line-height: 50px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


h3 {
	font-family: FranklinGothicBook;
	color: #ff7800;
	font-size: 28px;
	margin-bottom: 10px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


h4 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


h5 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


h6 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

p {
	font-size: 24px;
	margin-bottom: 15px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

ul, li {
	font-size: 28px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Burger Menu */
.burger {
	width: 32px;
	height: 32px;
	float: right;
	top: 31px;
/* 	right: 19px; */
	right: 5%;
	cursor: pointer;
	position: absolute;
	display: none;
	z-index: 9999999;
}

.burger:before,
.burger span,
.burger:after {
	width: 100%;
	height: 3px;
	display: block;
	background: #000000;
	border-radius: 0px;
	position: absolute;
	opacity: 1;
}

.burger:before,
.burger:after {
    transition: top .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1);
	-webkit-transition: top .35s cubic-bezier(.23,1,.32,1),-webkit-transform .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1);
	content: "";
}

.burger:before {
	top: 3px;
}

.burger span {
	top: 15px;
}

.burger:after {
	top: 27px;
}


/* Click */
.burger.cross span {
	opacity: 0;
}

.burger.cross:before, .burger.cross:after {
	top: 40%;
	background: #FFFFFF;
}

.burger.cross:before {
	-webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
}

.burger.cross:after {
	-webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5); /*for IE*/
}

.burger:focus {
	outline: none;
}

div#n2-ss-3 .n2-ss-layer .n2-font-068c2c255ef67cee85c2067ad54fc76a-hover,
div#n2-ss-10 .n2-ss-layer .n2-font-068c2c255ef67cee85c2067ad54fc76a-hover,
.n2-ss-layer div {
	line-height: 0.8 !important;
	font-size: 24px  !important;
	font-style: normal !important;
    font-family: 'FranklinGothicLight' !important;
	margin-bottom: 10px;
}

div#n2-ss-3 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading,
div#n2-ss-10 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading{
	font-family: 'FranklinGothicMedium' !important;
	line-height: 0.8 !important;
	font-size: 24px  !important;
	font-style: normal !important;
}
.home-page-slider .slider-client{
	font-family: 'FranklinGothicMedium' !important;
}
.home-page-slider .slider-text{
	font-family: 'FranklinGothicLight' !important;
}

/* .n2-ss-slider .n2-ss-layer-content {
	margin-bottom: 0 !important;
} */

.n2-ss-layer-row {
    padding: 0px 20px !important;
	margin-bottom: 0 !important;
}

.n2-ss-layer-col {
    padding: 0 !important;
	margin-bottom: 0 !important;
}
div#n2-ss-3 .n2-ss-layer .n2-font-caf429caa9f12f881474238e56c5f116-hover,
div#n2-ss-3 .n2-ss-layer .n2-font-3955a56fe66cbf7b5bbe153d0c211f9c-hover,
div#n2-ss-3 .n2-ss-layer .n2-font-caf429caa9f12f881474238e56c5f116-hover,
div#n2-ss-10 .n2-ss-layer .n2-font-caf429caa9f12f881474238e56c5f116-hover,
div#n2-ss-10 .n2-ss-layer .n2-font-3955a56fe66cbf7b5bbe153d0c211f9c-hover,
div#n2-ss-10 .n2-ss-layer .n2-font-caf429caa9f12f881474238e56c5f116-hover{
	font-family: 'FranklinGothicMedium' !important;
}

div#n2-ss-4 .n2-style-d2b438967deb7b7290cf3f397f8c33af-heading {
	background: transparent !important;
}

div#n2-ss-3-arrow-next, div#n2-ss-3-arrow-previous {
    height: 48px !important;
    width: 48px !important;
}

h1.home-slider-title {
	font-family: 'FranklinGothicHeavy' !important;
    font-size: 90px !important;
    text-transform: uppercase;
}

.KDW_Headline_Client_Orange {
	font-family: 'FranklinGothicMedium' !important;
	color: #ff7800;
}

/* #site-title h1, */
/* #site-title h2 { */
#site-title {
	visibility: hidden;
	height: 0;
}

header#header {
    height: 90px;
	position: absolute;
    top: 0;
    width: 100%;
    /* left: 10%; */
    z-index: 999;
/*     background: #FFFFFF; */
	background: rgba(255,255,255,0.95);
	max-width: initial;
	
}

header#header.nav-down {
	transition: top 0.5s ease-in-out;
}

header#header.fixed {
	position: fixed;
}

header#header.nav-up {
    top: -100px;
}

header#header.nav-up-trans {
	top: -130px;
	transition: top 0.2s ease-in-out;
}

section#branding {
	width: 185px;
	display: inline-block;
	padding: 26px 0;
	z-index: 9999999;
}

@supports (-ms-ime-align:auto) {
	body.home section#branding {
		padding: 0;
	}
	
	div#headerLogo {
		width: 192px;
	}
}

section#branding a {
	display: block;
}

div#headerLogo {
/* 	background: url('/wp-content/uploads/2019/02/kinoLogo.svg') no-repeat; */
	background: url('/wp-content/uploads/2019/02/KinoDesign_Logo_Black_RGB-1.svg') no-repeat;
	height: 40px;
	display: inline-block;
	width: 190px;
	margin-top: 5px;
}

nav#menu {
    float: right;
	padding: 32px 0 0;
	display: block;
}

.menu-main-menu-container li {
	display: inline-block;
	padding: 0 0 0 40px;
}

.menu-main-menu-container li a {
    font-size: 24px;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	position: relative;
	font-family: FranklinGothicBook;
}

.menu-main-menu-container li.current-menu-item a:after {
	width: calc(100% - 10px);
}

.menu-main-menu-container li a:after{
	display: block;
	content: "";
	position:absolute; 
	left:0; 
	bottom:0; 
	width:0%; 
	height:3px; 
	background-color:#ff7800;
	margin-left: 5px;
/* 	-webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
	-o-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
	transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
	-webkit-transition:all 0s ease-out; 
	-o-transition:all 0s ease-out; 
	transition:all 0s ease-out;
}

.menu-main-menu-container li a:hover:after{
	width: calc(100% - 10px);
	-webkit-transition:all 0.15s ease-out; 
	-o-transition:all 0.15s ease-out; 
	transition:all 0.15s ease-out;
}

/* .menu-main-menu-container li a:after {
	display: block;
	height: 2px;
	background: #FFFFFF;
} */

/* .menu-main-menu-container li a:hover,
.menu-main-menu-container li.current-menu-item a{
/* 	color: #ff7800; */
/* 	text-decoration: underline; */
/* 	text-underline-position: under; */
/* 	border-bottom: 2px solid #ff7800;
} */

footer#footer {
	border-top: 1px solid #000000;
	padding: 15px 0;
	height: 25px;
}

footer#footer a {
	color: #000000;
	text-decoration: none;
}

footer#footer div {
	float:left;
}

footer#footer .info p{
	display: inline-block;
	font-size: 12px;
}

footer#footer .backToTop,
footer#footer #copyright {
	width: 50%;
	font-size: 12px;
}

footer#footer #copyright {
	text-align: right;
}

footer#footer .info {
	width: 60%;
	text-align: center;
}

footer#footer .info a {
	display: none;
}

footer#footer .info .middle {
	padding: 0 10px;
}

footer#footer .backToTop {
	cursor: pointer;
}

/* Homepage Carousel */
/* div#n2-ss-3,
.n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab {
    max-width: 100%;
} */
.nextend-bar span {
	font-style: normal;
}

.nextend-bar span strong {
	float: left;
    width: 100%;
	padding: 10px 0;
}

.nextend-bar div {
    background: transparent !important;
	height: 50px;
}

/* Homepage */
div#container {
	padding-top: 150px;
}

body.home div#container {
	padding-top: 100px;
}

body.home .heroCarousel {
	position: relative;
	z-index: 0;
}

body.home .heroCarousel .cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}

body.home .heroCarousel .leftClick {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30%;
	cursor: pointer;
	z-index: 999999;
}

body.home .heroCarousel .rightClick {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30%;
	cursor: pointer;
	z-index: 999999;
}

body.home section.homeIndex {
    padding-top: 40px;
}

.intro-text {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	
	padding: 30px 0 230px 0;
}
.intro-text img {
	display: block;
	height: auto;
	width: 100%;
}
/*.intro-text h1 {
	font-family: 'FranklinGothicMedium';
	font-size: clamp(1rem, -0.24593rem + 5.246vw, 5rem);
	letter-spacing: -1px;
	line-height:87px;
	max-width: 65vw;
	width: 100%;
}*/
.intro-text h1 {
	display: block;
	font-family: 'FranklinGothicLight';
	font-size: 4.2em;
	/*font-size: clamp(1.5rem, 4vw + 1rem, 5rem);*/
	letter-spacing: -1px;
	line-height:1.15;
	max-width: 55vw;
	width: 100%;
}
.intro-text p:last-child {
	margin-bottom: 0;
}
@media only screen and (max-width: 1280px) {
	.intro-text h1 {
		font-size: 3.5em;
		max-width: 70vw;
	}
	.intro-text {
		padding: 30px 0 130px 0;
	}
}
@media only screen and (max-width: 1024px) {
	.intro-text h1 {
		font-size: 2.8em;
		max-width: 70vw;
	}
}
@media only screen and (max-width: 960px) {
	.intro-text h1 {
		font-size: 2.2em;
		max-width: 65vw;
	}
	.intro-text {
		padding: 30px 0 130px 0;
	}
}
@media only screen and (max-width: 768px) {
	.intro-text h1 {
		font-size: 2.2em;
		max-width: 70vw;
	}
	.intro-text {
		padding: 30px 0 130px 0;
	}
}
@media only screen and (max-width: 600px) {
	.intro-text h1 {
		font-size: 1.9em;
		max-width: 75vw;
	}
	.intro-text {
		
	}
}
@media only screen and (max-width: 539px) {
	.intro-text h1 {
		font-size: 1.9em;
		line-height:1.15;
		max-width: 80vw;
	}
	.intro-text {
		padding: 30px 0 80px 0;
	}
}


/* NEWS POSTS */
.news-section {
      display: flex;
      flex-wrap: wrap;
     
      margin: 0 auto 40px;
      background: #fff;
      overflow: hidden;
    }

    .news-section .image,
    .news-section .content {
      flex: 1 1 100%;
    }

    .news-section .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .news-section .content {
      padding: 30px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .news-section .content h2 {
      font-size: 24px;
      margin-bottom: 15px;
    }

    .news-section .content p {
      font-size: 16px;
      line-height: 1.6;
    }

    /* Layout for larger screens */
    @media (min-width: 768px) {
      .news-section {
        flex-wrap: nowrap;
      }

      .news-section.normal .image {
        order: 0;
      }

      .news-section.normal .content {
        order: 1;
      }

      .news-section.reverse .image {
        order: 1;
      }

      .section.reverse .content {
        order: 0;
      }

      .news-section .image,
      .news-section .content {
        flex: 1 1 50%;
      }
    }


/* Index images */
section.homeIndex {
    padding-top: 20px;
}

.indexImage {
	height: auto;
/* 	display: inline-block; */
/* 	margin-bottom: 1%; */
	position: relative;
	float: left;
}

.indexImage a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

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

body.home .indexImage img,
body.page-template-temaplate-work .indexImage img {
	height: 100%;
}

.indexImage .indexOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(237,237,237,1);
/* 	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.8)), color-stop(60%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%); */
	transition: background 1s ease;
	transition: opacity 0.2s ease-in-out;
	opacity: 0;
}

.page-template-template-work .indexImage .indexOverlay {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	right: 0;
	background: rgba(237,237,237,1);
/* 	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.8)), color-stop(60%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.5) 100%); */
	transition: background 1s ease;
	transition: opacity 0.2s ease-in-out;
	opacity: 0;
}

.indexImage.hover:hover .indexOverlay {
	opacity: 1;
}

.indexImage .indexOverlay .overlayText {
/* .indexImage .indexOverlay .projectSummary { */
    position: absolute;
    left: 50%;
    top: 51%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
}

.indexImage .indexOverlay .clientName {
	width: 90%;
	top: 42%;
	margin-bottom: 2px;
	margin-left: 5%;
}

.indexImage .indexOverlay .projectSummary {
	margin-left: 5%;
}

.indexImage .indexOverlay .projectSummary span,
.nextSummary.KDW_Headline_Description_Black span,
.entry-title.KDW_Headline_Description_Black span,
.intro_signoff span,
body.blog header .summary span {
	white-space: nowrap;
/* 	display: block; */
}

.indexImage .KDW_Carousel_Client_Black {
	font-family: FranklinGothicMedium;
	font-size: 24px;
}

.indexImage .KDW_Carousel_Description_Black {
	font-size: 24px;
	font-family: FranklinGothicLight;
	line-height: 26px;
}

.indexImage .indexOverlay .projectSummary {
	top: 57%;
	width: 90%;
/* 	height: 52px; */
	line-height: 26px;
}

.indexImage a {
	color: #000000;
}

/* About Page */
.page-template-template-about h2 {
    width: 60%;
}

.page-template-template-about #content .seperator {
	margin: 20px 0;
}

.page-template-template-about .seperator {
	margin: 40px 0 20px;
}

.page-template-template-about #content p {
/* 	width: 88%; */
}

.introduction,
.intro_signoff p {
	width: 57%;
}

.introduction {
	margin-top: 70px;
}

.page-template-template-about .introduction p,
.page-template-template-about .intro_signoff p {
	font-size: 33px;
	line-height: 39px;
	font-family: FranklinGothicBook;
}

.page-template-template-about p {
	line-height: 32px;
    font-size: 28px;
}

.intro_columns {
	padding: 30px 0 50px;
}

.intro_columns:before,
.intro_columns:after {
	display: block;
	content: "";
	height: 2px; 
	background-color: #000000;
	width: 100px;
}

.intro_columns ul {
	margin: 60px 0 30px;
}

.intro_columns li {
    width: 30%;
    float: left;
	margin-right: 5%;
}

.intro_columns li p {
    font-size: 25px;
    line-height: 34px;
}

.intro_columns li:nth-child(3) {
    margin: 0;
}

.intro_columns li h3 {
	color: #000000;
	margin-bottom: 40px;
}

div#container.continue{
	padding-top: 0;
}

div.serviceWrapper {
	background: #f2f2f2; 
	padding: 40px 0;
	margin: 100px 0;
}

.servicesList {
	width: 100%;
}

.servicesList h2,
.page-template-template-about .homeIndex h2 {
	color: #ff7800;
}

.servicesList ul {
	padding: 0px 00px 10px;
    column-count: 2;
    column-fill: auto;
}

.servicesList ul h2 {
	margin-bottom: 30px;
}

.servicesList ul li {
	position: relative;
	width: 100%;
/* 	list-style: initial;
	list-style-position: inside; */
    height: auto;
    padding: 25px 0;
	max-width: 95%;
}

.servicesList ul li span {
	display: block;
	font-family: FranklinGothicMedium;
	margin-bottom: 5px;
}

/* .servicesList ul li::before {
  color: #ff7800;
  content: "\2022"; 
  font-size: 1em; 
  padding-right: 10px; 
  position: relative;
  top: 0em; 
} */

.servicesList .icon {
	display: inline-block;
}

.servicesList .icon img {
	border-radius: 50px;
}

.seperator {
	height: 1px;
	background: #000000;
	width: 100%;
	margin: 40px 0;
}

.seperator.grey {
	background: #d6d6d6 !important;
}

body.page-template-template-about .indexImage {
	float: left;
}

.indexImage .indexOverlay .teamName,
.indexImage .indexOverlay .position {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.indexImage .indexOverlay .teamName {
	top: 40%;
}

.indexImage .indexOverlay .position {
	top: 50%;
}

body.page-template-template-about section.homeIndex {
	padding-top: 0;
}

body.page-template-template-about section.homeIndex h2 {
	margin-bottom: 40px;
}

body.page-template-template-about section.homeIndex p {
	width: 55%;
	font-size: 28px;
	margin-bottom: 30px;
}

.teamInfo {
    padding: 4px 0px 10px;
}

.teamName {
    padding-bottom: 5px;
}

section.clientLogos {
/* 	margin-top: 70px; */
}

section.clientLogos h2 {
	margin-bottom: 20px;
	color: #ff7800;
}

section.clientLogos p {
	width: 60%;
	font-size: 28px;
	margin-bottom: 40px;
}

.clientLogo {
/* 	float: left; */
	display: inline-block;
/* 	opacity: 0; */
}

.clientLogo.come-in {
	transform: translateY(150px);
/* 	animation: come-in 1.2s ease forwards; */
}

@keyframes come-in {
/* 	0% {transform: translateY(150px);} */
/* 	90% {transform: translateY(0); opacity: 0.5;}
	95% {transform: translateY(0); opacity: 0.8;}
	98% {transform: translateY(0); opacity: 0.9;}
	100% {transform: translateY(0); opacity: 1; } */
	to {transform: translateY(0);}
}

.clientLogo img {
	width: 100%;
	height: auto;
	min-height: 100%;
}

/* Work Page */
.page-template-template-work section.homeIndex {
    padding-top: 70px;
}

.page-template-template-work #content h2 {
	width: 50%;
}

/* Single Project Page */
body.single-projects div#container {
	padding-top: 150px;
}

body.single-projects header {
	margin-bottom: 30px;
}

body.single-projects header#header {
	margin-bottom: 0;
}

body.single-projects header .KDW_Headline_Client_Orange {
	font-size: 24px;
	font-family: FranklinGothicMedium;
	line-height: 54px;
}

.entry-title {
	margin-bottom: 5px;
	width: 750px;
}

.KDW_Headline_Description_Black {
	font-family: FranklinGothicLight;
	line-height: 50px;
}

body.single-projects .entry-content img,
body.single-projects .entry-content video {
	max-width: 100%;
}

body.single-projects .entry-content.hero video {
	position: initial;
}

.quote {
	padding: 60px 0;
	float: right;
	width: 49%;
}

.quote p {
	font-size: 28px;
	font-family: FranklinGothicLight;
	line-height: 34px;
	margin-bottom: 0;
}

.quoteBox .quote {
	padding: 40px 0 60px;
}

body.single-projects .seperator {
	height: 1px;
	background: #000000;
	width: 100%;
	margin: 0;
}

.showcaseImg {
	margin-bottom: 20px;
}

.secondHeading.quote {
    width: 49%;
	margin-left: 50%;
	float: none;
	padding: 70px 0 40px;
}

.secondHeading.quote .quote {
	width: 100%;
	padding: 0;
}

.secondHeading .KDW_Headline_Client_Orange {
    font-size: 40px;
	font-family: FranklinGothicLight;
	margin-bottom: 15px;
}

.secondHeading {
	font-size: 30px;
}

.secondHeading .quote p {
	text-align: left;
}

/* .showCaseImageRepeater img,
.entry-content.hero img, */
img {
	background-color: rgba(237,237,237,1) !important;
}

.n2-section-smartslider img {
	background-color: transparent !important;
}

.showCaseImageRepeater img.col_1,
.showCaseImageRepeater img.col_2,
.showCaseImageRepeater img.col_3 {
	float: left;
	height: auto;
}

.entry-content img {
	height: auto;
}

.vimeo {
	position: relative;
	padding-bottom: 56.26%; /* 16:9 */
/* 	padding-top: 25px; */
	height: 0;
	border: 1px solid #000000;
	margin-bottom: 20px;
}

.video.vimeo {
	padding-bottom: 62.25%;
	border: none;
}

.postid-657 .video.vimeo {
	padding-bottom: 62.5%;
}

/* .postid-657 .video.vimeo ~ .video.vimeo {
	padding-bottom: 64.25%;
} */

.chelseaSecondVideo {
	padding-bottom: 39.8% !important;
}
/* .chelseaThirdVideo {
	padding-bottom: 60.25% !important;
} */

.vimeo iframe,
video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body.single-projects footer.footer {
	margin-top: 80px;
}

.nav-next,
.nav-next .nextInfo {
/*     height: 250px; */
	width: 100%;
}

.nav-next {
	border-top: 1px solid #000000;
	padding: 20px 0;
}

.nav-next .nextInfo {
	display: inline-block;
}

.nav-next a {
	display: block;
	height: 100%;
	color: #000000;
}

.nextProject {
	font-size: 24px;
}

.nextSummary.KDW_Headline_Description_Black {
    font-size: 44px;
	width: 80%;
}

nav#nav-below img {
/*     height: 100%; */
/* 	width: initial; */
/* 	min-width: 100%; */
}

nav#nav-below img,
nav#nav-below .nextInfo {
    float: left;
}

/* News page */
body.blog .pageHeading {
	font-family: FranklinGothicLight;
	font-size: 44px;
	margin-bottom: 78px;
	line-height: 50px;
	width: 700px;
}

body.blog .seperator {
	width: 100%;
	height: 1px;
	margin: 40px 0px 40px;
}

body.blog .seperator:nth-of-type(1) {
	display: none;
}

body.blog article header .entry-meta {
	margin-bottom: 18px;
}

body.blog article header a,
body.single article header a {
	text-decoration: none;
}

body.blog .KDW_News_Title_Orange,
body.single .KDW_News_Title_Orange {
	font-family: FranklinGothicMedium;
	color: #ff7800;
	font-size: 32px;
	line-height: initial;
	margin-bottom: 6px;
	width: 100%;
}

body.blog .KDW_News_Date_Orange,
body.single .KDW_News_Date_Orange {
	color: #ff7800;
	font-size: 24px;
	font-family: FranklinGothicLight;
}

body.blog .summary p {
	font-size: 24px;
	font-family: FranklinGothicLight;
	line-height: 28px;
}

body.blog .summary p:last-child {
	margin-bottom: 0;
}

body.blog article section.entry-content {
	
}

body.blog article section.entry-content img {
	display: inline-block;
}

body.blog article header {
	display: inline-block;
}

body.blog .leftBigRightTwoSmall .firstImage,
body.blog .leftOneBigOneSmall .firstImage,
body.blog .largeSingleLeftTextRight .firstImage,
body.blog .leftBigRightTwoSmall .secondImage,
body.blog .leftBigRightTwoSmall .thirdImage,
body.blog .leftOneBigOneSmall .secondImage,
body.blog .leftTwoMedium .firstImage,
body.blog .leftTwoMedium .secondImage,
body.blog .oneBigThreeSmallUnder header,
body.blog .oneBigThreeSmallUnder .firstImage,
body.blog .oneBigThreeSmallUnder .secondImage,
body.blog .oneBigThreeSmallUnder .thirdImage,
body.blog .oneBigThreeSmallUnder .fourthImage,
body.blog .oneBigThreeSmallUnderTextRight .firstImage,
body.blog .oneBigThreeSmallUnderTextRight .secondImage,
body.blog .oneBigThreeSmallUnderTextRight .thirdImage,
body.blog .oneBigThreeSmallUnderTextRight .fourthImage,
body.blog .oneBigRightTwoSmallUnder header,
body.blog .oneBigRightTwoSmallUnder .firstImage,
/* body.blog .oneBigLeftTwoSmallUnder .firstImage,
body.blog .oneBigLeftTwoSmallUnder .secondImage,
body.blog .oneBigLeftTwoSmallUnder .thirdImage, */
body.blog .oneBigTwoSmallSide header,
body.blog .oneBigTwoSmallSide .firstImage,
body.blog .oneBigTwoSmallSide .secondImage,
/* body.blog .fourLeft .firstImage,
body.blog .fourLeft .secondImage,
body.blog .fourLeft .thirdImage,
body.blog .fourLeft .fourthImage, */
body.blog .fourRight .firstImage,
body.blog .fourRight .secondImage,
body.blog .fourRight .thirdImage,
body.blog .fourRight .fourthImage,
body.blog .fourRight header{
	float: left;
}

body.blog .fourLeft header {
	float: right;
}

body.blog .leftTwoSmallRightBig .firstImage,
body.blog .largeSingleRightTextLeft .firstImage,
body.blog .leftTwoSmallRightBig .secondImage,
body.blog .leftTwoSmallRightBig .thirdImage,
body.blog .rightTwoMedium .firstImage,
body.blog .rightTwoMedium .secondImage,
body.blog .oneBigRightTwoSmallUnder .secondImage,
body.blog .oneBigRightTwoSmallUnder .thirdImage,
body.blog .oneBigLeftTwoSmallUnder header,
body.blog .oneBigThreeSmallUnderTextRight header {
	float: right;
}

body.blog .largeSingleCenter .firstImage {
	width: 100%;
}

section.entry-content.oneBigTwoSmallSide {
	position: relative;
}

body.blog .oneBigTwoSmallSide .thirdImage {
	position: absolute;
	bottom: 0;
	right: 0;
}
	
body.blog .oneBigTwoSmallSide .secondImage {
	position: absolute;
	right: 0;
}

/* Contact Page */
.page-template-template-contact h2 {
	width: 45%;
}

#map iframe {
    width: 100%;
    height: 600px;
}

#n2-ss-5-align, #n2-ss-5, .n2-ss-slider-1 {
    max-width: 100%;
}

.contactWrapper {
	padding-top: 70px;
}

section.contact_info {
    float: left;
}

.page-template-template-contact .homeIndex {
    float: right;
	padding-top: 0;
}

section.contact_info div h3 {
    color: #000000;
	font-family: FranklinGothicMedium;
	margin-bottom: 0px;
	font-size: 24px;
}

section.contact_info div p {
	line-height: 30px;
	margin-bottom: 50px;
	max-width: 88%;
}

section.contact_info div p.address {
	margin-bottom: 15px;
}

.headingMargin h3 {
	margin-top: 40px;
}

section.contact_info .directions {
	text-decoration: underline;
	cursor: pointer;
}

section.contact_info a {
	color: inherit;
}

.page-template-template-contact .homeIndex {
	margin-bottom: 25px;
}

n2-ss-layer-content,
.n2-ss-slider .n2-ow {
	letter-spacing:0px !important;
}

body.blog article .summary p a {
	color: #000000;
	text-decoration: underline;
}

.mobile {
	display: none;
}

.indexImage a.backToProjects {
	display: none;
}

.n2-section-smartslider {
	overflow: hidden;
}

/* Parallax */
.textSlide {
	position: relative;
	z-index: 9;
}

.textSlide img {
    width: 100%;
	display: block;
}

.textSlide .clientDesc,
.textSlide .clientName {
	position: absolute;
	left: 20px;
	line-height: 0.8 !important;
	font-size: 24px !important;
	font-style: normal !important;
}

.textSlide .clientDesc {
	bottom: 50px;
	font-family: FranklinGothicLight !important;
}

.textSlide .clientName {
	bottom: 25px;
	font-family: FranklinGothicMedium !important;
}

.parallax {
/* 	min-height: 938px; */
/* 	min-height: 638px; */
	min-height: 450px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.parallax img {
	background-color: transparent !important;
	max-width: 100%;
}

.chelsea {
/* 	background-image: url("/wp-content/uploads/2019/05/Chelsea-Headline-T.png"); */
	background-size: 100%;
	background-color: #081070;
}

.visa {
/* 	background-image: url("/wp-content/uploads/2019/05/Visa-Headline-T.png"); */
	background-size: 100%;
	background-color: #F58200;
}

.aberdeen {
/* 	background-image: url("/wp-content/uploads/2019/05/Aberdeen-Headline-T.png"); */
	background-size: 100%;
	background-color: #385AC1;
}

.jamesHay {
/* 	background-image: url("/wp-content/uploads/2019/05/JamesHay-Headline-T.png"); */
	background-size: 100%;
	background-color: #BA0160;
}

.london {
/* 	background-image: url("/wp-content/uploads/2019/05/London2012-Headline-T.png"); */
	background-size: 100%;
	background-color: #239AC8;
}

.aic {
/* 	background-image: url("/wp-content/uploads/2019/05/AIC-Headline-T.png"); */
	background-size: 100%;
	background-color: #DC0814;
}

body.single-presentations iframe {
	width: 100%;
	height: 120vh;
}

@media screen and (min-width: 1500px) {
	#container,
	div.servicesListWrapper,
	header#header .headerWrapper,
	footer#footer {
		max-width: 1500px;
		margin: 0 auto;
	}	
	
/*2 COUMNS*/
	
/*	.indexImage {
		width: calc(1480px / 2);
	    margin-bottom: 20px;
		height: 450px;
	}
	.page-template-template-about .indexImage {

		width: calc(1460px / 3);
	    margin-bottom: 20px;
		height: 450px;
    	
	}
	
	@supports (-ms-ime-align:auto) {
    	.indexImage {
        	width: calc((1480px / 2) - 1px);
    	}
	}
	@supports (-ms-ime-align:auto) {
    	.page-template-template-about .indexImage {
        	width: calc((1460px / 3) - 1px);
    	}
	}
	
	indexImage img {
		height: 450px;
		
	}
	
	.page-template-template-about .indexImage:nth-of-type(3n+1) {margin-right: 10px;}
	.page-template-template-about .indexImage:nth-of-type(3n+2) {margin-bottom: 20px; margin-left: 0;}
	.page-template-template-about .indexImage:nth-of-type(3n+3) {margin-left: 10px;}
	.page-template-template-about .indexImage:nth-of-type(2n+2) {margin-left: 0px;}
	
	.indexImage:nth-of-type(2n+1) {margin-right: 10px;}
	.indexImage:nth-of-type(2n+2) {margin-bottom: 20px;}
	.page-template-template-work .indexImage:nth-of-type(2n+2) {margin-bottom: 30px;}
	.indexImage:nth-of-type(2n+2) {margin-left: 10px;}
	
	body.page-template-template-about .indexImage {
    	float: left;
    	width: 486px;
		height: 390px;
	}
	
	body.page-template-template-about .indexImage img {
		height: 304px;
	}*/
	
	/*END 2 COUMNS*/
	
	.indexImage {
/* 		width: 486px; */
		width: calc(1460px / 3);
	    margin-bottom: 20px;
    	height: 304px;
	}
	
	@supports (-ms-ime-align:auto) {
    	.indexImage {
        	width: calc((1460px / 3) - 1px);
    	}
	}
	
	indexImage img {
		height: 304px;
	}
	
	.indexImage:nth-of-type(3n+1) {margin-right: 20px;}
	.indexImage:nth-of-type(3n+2) {margin-bottom: 20px;}
	.indexImage:nth-of-type(3n+3) {margin-left: 20px;}
	
	body.page-template-template-about .indexImage {
    	float: left;
    	width: 486px;
		height: 390px;
	}
	
	body.page-template-template-about .indexImage img {
		height: 304px;
	}
	
	.clientLogo {
		width: 360px;
		margin-bottom: 20px;
	}
	
	.clientLogo:nth-of-type(4n+1),.clientLogo:nth-of-type(4n+2) {margin-right: 20px;}
	.clientLogo:nth-of-type(4n+4) {margin-left: 20px;}
	
	.showCaseImageRepeater img.col_1 {
		margin-bottom: 20px;
	}
	
	.showCaseImageRepeater img.col_2 {
		width: 740px;
		margin-bottom: 20px;
	}

	.showCaseImageRepeater img.col_2:first-child,
	.showCaseImageRepeater img.col_3:first-child,
	.nextInfo img {
	    margin-right: 20px;
	}
	
	.showCaseImageRepeater img.col_3 {
		margin-bottom: 20px;
	}
	
	.leftBig.showCaseImageRepeater img.col_3,
	.rightBig.showCaseImageRepeater img.col_3 {
		width: 740px
	}
	
	.leftBig.showCaseImageRepeater img.col_3:first-child,
	.rightBig.showCaseImageRepeater img.col_3:first-child {
		height: 945px;
	}
	
	.rightBig.showCaseImageRepeater img.col_3:first-child {
		float: right;
		margin-right: 0;
	}

	.threeinrow.showCaseImageRepeater img.col_3,
	.nextInfo img {
		width: 486px;
	}
	
	.nextInfo img {
		height: 303px;
	}

	.threeinrow.showCaseImageRepeater img.col_3:nth-child(3) {
		margin-left: 20px;
	}
	
	body.blog .pageHeading {
		width: 690px;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .oneBigTwoSmallSide .firstImage {
		width: 990px;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
/* 	body.blog .leftOneBigOneSmall .firstImage, */
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage,
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .oneBigLeftTwoSmallUnder .firstImage,
	body.blog .oneBigTwoSmallSide header,
	body.blog .oneBigTwoSmallSide .secondImage {
		margin-bottom: 20px;
	}
	
	section.entry-content.oneBigTwoSmallSide {
		margin-bottom: 40px;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .oneBigTwoSmallSide .firstImage,
	body.blog .oneBigLeftTwoSmallUnder .firstImage {
		margin-right: 20px;
	}

	body.blog .largeSingleLeftTextRight header,
	body.blog .largeSingleRightTextLeft header,
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage,
	body.blog .leftOneBigOneSmall header,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .leftTwoMedium header,
	body.blog .rightTwoMedium header,
	body.blog .rightTwoMedium .firstImage,
	body.blog .rightTwoMedium .secondImage,
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnderTextRight header,
	body.blog .oneBigRightTwoSmallUnder header,
	body.blog .oneBigLeftTwoSmallUnder header,
	body.blog .oneBigTwoSmallSide header,
	body.blog .oneBigTwoSmallSide .secondImage,
	body.blog .oneBigTwoSmallSide .thirdImage,
	body.blog .fourLeft header,
	body.blog .fourRight header {
		width: 486px;
	}
	
	body.blog .oneBigThreeSmallUnderTextRight header {
		min-height: 641px !important;
	}
	
	body.blog .fourLeft .firstImage,
	body.blog .fourLeft .secondImage,
	body.blog .fourLeft .thirdImage,
	body.blog .fourLeft .fourthImage,
	body.blog .fourRight .firstImage,
	body.blog .fourRight .secondImage,
	body.blog .fourRight .thirdImage,
	body.blog .fourRight .fourthImage {
		width: 476px;
	}
	
	body.blog .fourLeft .firstImage,
	body.blog .fourLeft .secondImage,
	body.blog .fourRight .firstImage,
	body.blog .fourRight .secondImage {
		margin-bottom: 17px;
	}
	
	body.blog .fourLeft .firstImage,
	body.blog .fourLeft .thirdImage,
	body.blog .fourRight .firstImage,
	body.blog .fourRight .thirdImage,
	body.blog .fourRight header {
		margin-right: 20px;
	}
	
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage {
/* 	body.blog .leftOneBigOneSmall .secondImage { */
		height: 353px;
	}

	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .rightTwoMedium .firstImage,
	body.blog .rightTwoMedium .secondImage {
		margin-left: 20px;
	}
	
	body.blog .fourLeft header {
		width: 506px;
	}
	
	body.blog .fourLeft header,
	body.blog .fourRight header {
/* 		min-height: 600px; */
	}
	
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigRightTwoSmallUnder header {
		margin-right: 21px;
	}
	
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .oneBigLeftTwoSmallUnder .firstImage {
		width: 993px;
	}
	
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnder .thirdImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .thirdImage,
	body.blog .oneBigThreeSmallUnderTextRight .fourthImage,
	body.blog .oneBigRightTwoSmallUnder .secondImage,
	body.blog .oneBigRightTwoSmallUnder .thirdImage,
	body.blog .oneBigLeftTwoSmallUnder .secondImage,
	body.blog .oneBigLeftTwoSmallUnder .thirdImage {
		width: 486px;
	}
	
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnder .thirdImage,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .thirdImage,
	body.blog .oneBigRightTwoSmallUnder .thirdImage,
	body.blog .oneBigLeftTwoSmallUnder .secondImage {
		margin-right: 21px;
	}
	
	body.blog .oneBigThreeSmallUnder header h2,
	body.blog .oneBigThreeSmallUnderTextRight header h2,
	body.blog .oneBigLeftTwoSmallUnder header h2,
	body.blog .oneBigRightTwoSmallUnder header h2,
	body.blog .fourLeft header h2,
	body.blog .fourRight header h2 {
		width: 100%;
	}
	
	body.blog .oneBigTwoSmallSide .secondImage {
		bottom: 306px;
	}
	
	article:last-child {
    	margin-bottom: 40px;
	}
	
	.clientLogo.come-in:nth-child(4n-7) {
		animation: come-in 0.5s ease forwards;
	}
	.clientLogo.come-in:nth-child(4n-6) {
		animation: come-in 0.75s ease forwards;
	}
	.clientLogo.come-in:nth-child(4n-5) {
		animation: come-in 1s ease forwards;
	}
	.clientLogo.come-in:nth-child(4n-4) {
		animation: come-in 1.25s ease forwards;
	}
	
	section.contact_info {
    	width: 33.33%;
	}

	.page-template-template-contact .homeIndex {
		margin-bottom: 20px;
		width: 990px;
	}
	
	.page-template-template-contact .indexImage {
		width: calc(50% - 10px);
		margin-top: 20px;
	}
	
	body.blog .pageHeading {
		width: 50%;
	}
	
	body.single-projects a.backToProjects {
		display: none;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
	body.single-projects a.backToProjects {
		display: none;
	}
	#container,
	div.servicesListWrapper,
	header#header .headerWrapper,
	footer#footer {
		max-width: 1200px;
		margin: 0 auto;
	}
	
	body.home section.homeIndex {
    	padding-top: 30px;
	}
	
	.indexImage .indexOverlay .projectSummary {
    	top: 60%;
	}
	
	.indexImage {
		width: 390px;
		height: 245px;
		margin-bottom: 15px;
	}
	
	indexImage img {
		height: 245px;
	}
	
	.indexImage:nth-of-type(3n+1) {margin-right: 15px;}
	.indexImage:nth-of-type(3n+2) {margin-bottom: 15px;}
	.indexImage:nth-of-type(3n+3) {margin-left: 15px;}
	
	body.page-template-template-about .indexImage {
    	float: left;
    	width: 390px;
		height: 335px;
	}
	
	.clientLogo {
		width: 288px;
		margin-bottom: 16px;
	}
	
	.clientLogo:nth-of-type(4n+1),.clientLogo:nth-of-type(4n+2) {margin-right: 16px;}
	.clientLogo:nth-of-type(4n+4) {margin-left: 16px;}
	
	.showCaseImageRepeater img.col_1 {
		margin-bottom: 20px;
	}
	
	.showCaseImageRepeater img.col_1 {
		margin-bottom: 16px;
	}
	
	.showCaseImageRepeater img.col_2,
	.leftBig.showCaseImageRepeater img.col_3,
	.rightBig.showCaseImageRepeater img.col_3 {
		width: 592px;
		margin-bottom: 15px;
	}
	
	.leftBig.showCaseImageRepeater img.col_3:first-child,
	.rightBig.showCaseImageRepeater img.col_3:first-child {
		height: 755px;
	}

	.showCaseImageRepeater img.col_2:first-child {
		margin-right: 15px;
	}
	
	.showCaseImageRepeater img.col_3:first-child,
	.nextInfo img {
	    margin-right: 16px;
	}

	.showCaseImageRepeater img.col_3 {
		width: 520px;
		margin-bottom: 15px;
	}
	
	.nextInfo img {
		width: 390px;
		height: 245px;
	}

	.showCaseImageRepeater img.col_3:last-child {
		margin-left: 16px;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .oneBigLeftTwoSmallUnder .firstImage,
	body.blog .oneBigTwoSmallSide .firstImage {
		width: 795px;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage,
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight header,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigRightTwoSmallUnder header,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .oneBigLeftTwoSmallUnder header,
	body.blog .oneBigLeftTwoSmallUnder .firstImage,
	body.blog .oneBigTwoSmallSide header,
	body.blog .oneBigTwoSmallSide .secondImage {
		margin-bottom: 15px;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .fourthImage,
	body.blog .oneBigRightTwoSmallUnder .thirdImage,
	body.blog .oneBigLeftTwoSmallUnder .secondImage,
	body.blog .oneBigTwoSmallSide .firstImage
	body.blog .fourLeft header,
	body.blog .fourRight header {
		margin-right: 15px;
	}

	body.blog .largeSingleLeftTextRight header,
	body.blog .largeSingleRightTextLeft header,
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage,
	body.blog .leftOneBigOneSmall header,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .leftTwoMedium header,
	body.blog .rightTwoMedium header,
	body.blog .rightTwoMedium .firstImage,
	body.blog .rightTwoMedium .secondImage,
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnder .thirdImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigThreeSmallUnderTextRight header,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .thirdImage,
	body.blog .oneBigThreeSmallUnderTextRight .fourthImage,
	body.blog .oneBigRightTwoSmallUnder header,
	body.blog .oneBigRightTwoSmallUnder .secondImage,
	body.blog .oneBigRightTwoSmallUnder .thirdImage,
	body.blog .oneBigLeftTwoSmallUnder header,
	body.blog .oneBigLeftTwoSmallUnder .secondImage,
	body.blog .oneBigLeftTwoSmallUnder .thirdImage,
	body.blog .oneBigTwoSmallSide header,
	body.blog .oneBigTwoSmallSide .secondImage,
	body.blog .oneBigTwoSmallSide .thirdImage,
	body.blog .fourLeft header,
	body.blog .fourRight header,
	body.blog .fourLeft .firstImage,
	body.blog .fourLeft .secondImage,
	body.blog .fourLeft .thirdImage,
	body.blog .fourLeft .fourthImage,
	body.blog .fourRight .firstImage,
	body.blog .fourRight .secondImage,
	body.blog .fourRight .thirdImage,
	body.blog .fourRight .fourthImage{
		width: 390px;
	}
	
	body.blog .oneBigThreeSmallUnder header {
		min-height: 597px;
	}
	
	body.blog .fourLeft .firstImage,
	body.blog .fourLeft .secondImage,
	body.blog .fourRight .firstImage,
	body.blog .fourRight .secondImage {
		margin-bottom: 15px;
	}
	
	body.blog .fourLeft .firstImage,
	body.blog .fourLeft .thirdImage,
	body.blog .fourRight .firstImage,
	body.blog .fourRight .thirdImage {
		margin-right: 15px;
	}
	
	body.blog .oneBigLeftTwoSmallUnder header,
	body.blog .oneBigTwoSmallSide header,
	body.blog .rightTwoMedium .firstImage,
	body.blog .rightTwoMedium .secondImage {
		margin-left: 15px;
	}
	
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .fourthImage {
		display: none;
	}
	
	body.blog .oneBigThreeSmallUnder .thirdImage,
	body.blog .oneBigThreeSmallUnder .fourthImage {
		float: right;
	}

	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage {
		margin-left: 15px;
	}
	
	body.blog .oneBigTwoSmallSide .secondImage {
		bottom: 244px;
	}
	
	article:last-child {
    	margin-bottom: 15px;
	}
	
	.quoteBox .quote {
		padding: 29px 0 45px;
	}
	
	.quoteBox .secondHeading.quote {
		padding: 59px 0 45px;
	}
	
	.indexImage .indexOverlay .clientName {
		width: 90%;
		top: 38%;
	}
	
	body.blog .oneBigThreeSmallUnder header h2,
	body.blog .oneBigThreeSmallUnderTextRight header h2,
	body.blog .oneBigRightTwoSmallUnder header h2,
	body.blog .oneBigLeftTwoSmallUnder header h2,
	body.blog .oneBigTwoSmallSide .header h2 {
		width: 100%;
	}
	
	.clientLogo.come-in:nth-child(4n-7) {
		animation: come-in 0.5s ease forwards;
	}
	.clientLogo.come-in:nth-child(4n-6) {
		animation: come-in 0.75s ease forwards;
	}
	.clientLogo.come-in:nth-child(4n-5) {
		animation: come-in 1s ease forwards;
	}
	.clientLogo.come-in:nth-child(4n-4) {
		animation: come-in 1.25s ease forwards;
	}
	
	section.contact_info {
    	width: 33.33%;
	}

	.page-template-template-contact .homeIndex {
		margin-bottom: 15px;
		width: 66.66%;
	}
	
	.page-template-template-contact .indexImage {
		width: calc(50% - 8px);
		margin-top: 15px;
	}
	
	.indexImage .indexOverlay .overlayText {
		top: 52%;
	}
	
	.indexImage .KDW_Carousel_Client_Black,
	.indexImage .KDW_Carousel_Description_Black {
		font-size: 20px;
		line-height: 24px;
	}
	
	.introduction,
	.intro_signoff p {
		width: 66%;
	}
	
	.intro_columns li h3 {
		margin-bottom: 30px;
	}
	
	.servicesList ul li {
		font-size: 22px;
	}
	
	.teamInfo {
    	padding: 3px 0px 10px;
	}
	
	.teamName {
    	padding-bottom: 0px;
	}
	
	body.blog .summary p,
	body.blog .KDW_News_Date_Orange,
	section.contact_info div p, 
	section.contact_info div h3 {
		font-size: 20px;
		line-height: 24px;
	}
	
	body.blog .KDW_News_Title_Orange {
		margin-bottom: 0;
	}
	
	body.blog .KDW_News_Title_Orange,
	body.single .KDW_News_Title_Orange {
		font-size: 26px;
	}
	
	.servicesList ul li {
		padding: 18px 0;
	}
	
	.nextSummary.KDW_Headline_Description_Black {
		width: 90%;
	}
	
	section.entry-content.oneBigTwoSmallSide {
    	margin-bottom: 30px;
	}
	
	div.serviceWrapper {
    	margin: 52px 0;
	}
	
	section.clientLogos p {
    	font-size: 22px;
		line-height: 26px;
	}
	
	.postid-657 .video.vimeo {
    	padding-bottom: 62.5%;
	}
	
	.chelseaSecondVideo {
    	padding-bottom: 39.8% !important;
	}
	
	
}

@media screen and (min-width:768px) and (max-width: 1199px) {
	body.single-projects a.backToProjects {
		display: none;
	}
	
	nav#menu {
		padding: 25px 0 0;
	}
	
	#container,
	div.servicesListWrapper,
	header#header .headerWrapper,
	footer#footer {
		max-width: 90%;
		margin: 0 auto;
	}
	
	body.home section.homeIndex {
    	padding-top: 4%;
	}
	
	.indexImage {
    	width: 49%;
		margin-bottom: 1.75%;
	}
	
	.indexImage:nth-of-type(2n+1) {margin-right: 2%;}
	.indexImage:nth-of-type(2n+2) {margin-right: 0%;margin-left: 0%;}
	
	.indexImage .KDW_Carousel_Client_Black,
	.indexImage .KDW_Carousel_Description_Black {
		font-size: 18px;
		line-height: 22px;
	}
	
	.clientLogo {
		width: 32%;
		margin-bottom: 2%;
	}
	
	.clientLogo:nth-of-type(3n+1) {margin-right: 2%;}
	.clientLogo:nth-of-type(3n+2) {margin-right: 0;}
	.clientLogo:nth-of-type(3n+3) {margin-left: 2%;}
	
	.showCaseImageRepeater img.col_1 {
		margin-bottom: 18px;
	}
	
	.page-template-template-about h2,
	.introduction,
	.servicesList,
	body.page-template-template-about section.homeIndex p,
	section.clientLogos p,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .oneBigLeftTwoSmallUnder .firstImage {
		width: 100%;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigTwoSmallSide .firstImage {
		width: 66.2%;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage,
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .oneBigLeftTwoSmallUnder .firstImage,
	body.blog .oneBigTwoSmallSide .header,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigRightTwoSmallUnder .thirdImage
	article:last-child {
		margin-bottom: 1%;
	}
	
	section.entry-content.oneBigTwoSmallSide {
		margin-bottom: 3%;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .thirdImage,
	body.blog .oneBigRightTwoSmallUnder header,
	body.blog .oneBigRightTwoSmallUnder .thirdImage,
	body.blog .oneBigLeftTwoSmallUnder header,
	body.blog .oneBigLeftTwoSmallUnder .secondImage,
	body.blog .oneBigTwoSmallSide .firstImage {
		margin-right: 1%;
	}

	body.blog .largeSingleLeftTextRight header,
	body.blog .largeSingleRightTextLeft header,
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage,
	body.blog .leftOneBigOneSmall header,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .leftTwoMedium header,
	body.blog .rightTwoMedium header,
	body.blog .rightTwoMedium .firstImage,
	body.blog .rightTwoMedium .secondImage,
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnder .thirdImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigThreeSmallUnderTextRight header,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .thirdImage,
	body.blog .oneBigThreeSmallUnderTextRight .fourthImage,
	body.blog .oneBigRightTwoSmallUnder header,
	body.blog .oneBigTwoSmallSide header,
	body.blog .oneBigTwoSmallSide .secondImage,
	body.blog .oneBigTwoSmallSide .thirdImage,
	body.blog .fourLeft header,
	body.blog .fourRight header,
	body.blog .fourLeft .firstImage,
	body.blog .fourLeft .secondImage,
	body.blog .fourLeft .thirdImage,
	body.blog .fourLeft .fourthImage,
	body.blog .fourRight .firstImage,
	body.blog .fourRight .secondImage,
	body.blog .fourRight .thirdImage,
	body.blog .fourRight .fourthImage {
		width: 32.66%;
	}
	
	body.blog .oneBigRightTwoSmallUnder .secondImage,
	body.blog .oneBigRightTwoSmallUnder .thirdImage,
	body.blog .oneBigLeftTwoSmallUnder .secondImage,
	body.blog .oneBigLeftTwoSmallUnder .thirdImage {
		display: none;
	}
	
	body.blog .fourLeft .firstImage,
	body.blog .fourLeft .thirdImage,
	body.blog .fourRight .firstImage,
	body.blog .fourRight .thirdImage,
	body.blog .fourRight header {
		margin-right: 1%;
	}
	
	body.blog .fourLeft .firstImage,
	body.blog .fourLeft .secondImage,
	body.blog .fourRight .firstImage,
	body.blog .fourRight .secondImage {
		margin-bottom: 1%;
	}
	
	body.blog .fourLeft header,
	body.blog .rightTwoMedium .firstImage,
	body.blog .rightTwoMedium .secondImage {
		margin-left: 1%;
	}
	
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .fourthImage {
		display: none;
	}
	
	body.blog .oneBigThreeSmallUnder .thirdImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .thirdImage {
		float: right;
	}
	
	body.blog .oneBigTwoSmallSide .secondImage {
		bottom: 25.5%;
		display: none;
	}
	
	body.blog .oneBigThreeSmallUnder header h2,
	body.blog .oneBigThreeSmallUnderTextRight header h2,
	body.blog .oneBigRightTwoSmallUnder header h2,
	body.blog .oneBigLeftTwoSmallUnder header h2,
	body.blog .oneBigTwoSmallSide header h2 {
		width: 100%;
	}

	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage {
		margin-left: 1%;
	}
	
	.single-projects img {
		margin-bottom: 1%;
	}
	
	.quoteBox .quote {
		padding: 0 0 2%;
	}
	
	.quoteBox .quote p {
		margin-bottom: 0;
	}

	.nextInfo img {
		width: 33%;
		height: auto;
		margin-right: 2%;
	}
	
	.showCaseImageRepeater img.col_2,
	.leftBig.showCaseImageRepeater img.col_3,
	.rightBig.showCaseImageRepeater img.col_3 {
		width: 49%;
		margin-bottom: 2%;
	}
	
	.showCaseImageRepeater img.col_2:first-child {
		margin-right: 2%;
	}
	
	.leftBig.showCaseImageRepeater img.col_3:first-child,
	.rightBig.showCaseImageRepeater img.col_3:first-child {
/* 		height: 678px; */
/* 		margin-right: 1%; */
	}

	.threeinrow.showCaseImageRepeater img.col_3 {
		width: 32%;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	
	.threeinrow.showCaseImageRepeater img.col_3:last-child {
		margin-right:0;
	}
	
	.leftBig.showCaseImageRepeater,
	.rightBig.showCaseImageRepeater {
/* 		height: 0;
		padding-top: 62.53%; */
		position: relative;
		/* overflow: hidden;
		margin-bottom: 1%; */
	}
	
	.leftBig.showCaseImageRepeater img,
	.rightBig.showCaseImageRepeater img {
/* 		position: absolute; */
	}
	
	.leftBig.showCaseImageRepeater .col_3:nth-of-type(1),
	.rightBig.showCaseImageRepeater .col_3:nth-of-type(2){
		top: 0;
		left: 0;
	}
	
	.leftBig.showCaseImageRepeater .col_3:nth-of-type(2),
	.rightBig.showCaseImageRepeater .col_3:nth-of-type(3) {
		position: absolute;
	}
	
	.leftBig.showCaseImageRepeater .col_3:nth-of-type(2) {
		top: 0;
		right: 0;
	}
	
	.leftBig.showCaseImageRepeater .col_3:nth-of-type(3) {
		bottom: -11px;
		right: 0;
	}
	
	.rightBig.showCaseImageRepeater .col_3:nth-of-type(3) {
		left: 0;
		bottom: -11px;
	}
	
	section.contact_info div {
	    width: 100%;
    	min-height: 240px;
	}
	
	.clientLogo.come-in:nth-child(3n-8) {
		animation: come-in 0.5s ease forwards;
	}
	.clientLogo.come-in:nth-child(3n-7) {
		animation: come-in 0.75s ease forwards;
	}
	.clientLogo.come-in:nth-child(3n-6) {
		animation: come-in 1s ease forwards;
	}
	
	section.contact_info {
    	width: 33.33%;
		margin-bottom: 30px;
	}

	.page-template-template-contact .homeIndex {
		margin-bottom: 3%;
		width: 66.66%;
	}
	
	.page-template-template-contact .indexImage {
		width: 48.5%;
		margin-top: 3%;
	}
	
	.page-template-template-contact .indexImage:nth-child(2n+1) {
		margin-right: 0% !important;
	}
	
	.page-template-template-contact .indexImage:nth-child(2n) {
		margin-right: 3% !important;
	}
	
	body.blog h2.pageHeading {
		width: 75%;
	}
	
	.nextSummary.KDW_Headline_Description_Black {
		width: initial;
	}
	
	.quote {
    	padding: 20px 0;
	}
	
	.quote p {
    	font-size: 22px;
    	line-height: 26px;
	}
	
	.secondHeading .KDW_Headline_Client_Orange {
		margin-top: 15px;
	}
	
	.page-template-template-about .introduction p {
		width: 66%;
	}
	
	.page-template-template-about .introduction p,
	.page-template-template-about .intro_signoff p,
	section.clientLogos p{
		font-size: 26px;
		line-height: 30px;
	}
	
	.intro_columns {
    	padding: 15px 0 30px;
	}
	
	.intro_columns ul {
		margin: 40px 0 15px;
	}
	
	.intro_columns li h3 {
		font-size: 22px;
		margin-bottom: 18px;
	}
	
	.intro_columns li p {
	    font-size: 18px;
    	line-height: 24px;
	}
	
	.page-template-template-about h2 {
		font-size: 38px;
	}
	
	.servicesList ul li {
		font-size: 24px;
		padding: 15px 0;
	}
	
	body.blog .summary p {
		font-size: 20px;
		line-height: 26px;
	}
	
	.page-template-template-contact h2 {
		width: 66%;
	}
	
	section.contact_info div p {
		font-size: 20px;
		line-height: 26px;
	}
	
	/* Laptop styling (Macbook Update 3) */
	.teamInfo {
    	padding: 3px 0px 10px;
	}
	
	.teamName {
    	padding-bottom: 0px;
	}
	
	body.page-template-template-about .teamInfo .KDW_Carousel_Description_Black {
		line-height: 20px;
	}
	
	body.blog .summary p,
	body.blog .KDW_News_Date_Orange,
	section.contact_info div p, 
	section.contact_info div h3 {
		font-size: 20px;
		line-height: 24px;
	}
	
	body.blog .KDW_News_Title_Orange {
		margin-bottom: 0;
	}
	
	body.blog .KDW_News_Title_Orange,
	body.single .KDW_News_Title_Orange {
		font-size: 26px;
	}
	
	.servicesList ul li {
		padding: 18px 0;
	}
	
	.nextSummary.KDW_Headline_Description_Black {
		width: 90%;
	}
	
	section.entry-content.oneBigTwoSmallSide {
    	margin-bottom: 30px;
	}
	
	div.serviceWrapper {
    	margin: 52px 0;
	}
	
	section.clientLogos p {
    	font-size: 22px;
		line-height: 26px;
	}
	
	.quoteBox .secondHeading.quote {
		padding: 44px 0 45px;
	}
	
	.postid-657 .video.vimeo {
		padding-bottom: 62.6%;
	}
	
	.chelseaSecondVideo {
    	padding-bottom: 39.8% !important;
	}
	
	body.blog .oneBigRightTwoSmallUnder {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	
	body.blog .oneBigRightTwoSmallUnder header {
		order: 2;
		width: 100%;
	}
	
	body.blog .oneBigRightTwoSmallUnder .firstImage {
		order: 1;
		margin-bottom: 1%;
	}
}

@media screen and (min-width:768px) and (max-width: 1025px) {
	div#n2-ss-10 .n2-ss-layer .n2-font-e185801d79bb14a2c9f40b4fbf634dd3-hover,
	div#n2-ss-10 .n2-ss-layer .n2-font-37dddee0df845825addb4134e7636b08-hover,
	div#n2-ss-10 .n2-ss-layer .n2-font-b9d042118b06bec7598224efe421ec83-hover {
		display: none !important;
	}
	
	body.home .indexImage,
	body.page-template-template-work .indexImage{
		height: 27.8vw;
	}
	
	.leftBig.showCaseImageRepeater img.col_3,
	.rightBig.showCaseImageRepeater img.col_3 {
		width: 100%;
	}
	
	.leftBig.showCaseImageRepeater .col_3:nth-of-type(2),
	.rightBig.showCaseImageRepeater .col_3:nth-of-type(3) {
		position: relative;
	}
	
	.indexImage .indexOverlay {
    	position: absolute;
    	top: 0px;
    	bottom: 0px;
    	left: 0px;
    	right: 0px;
	}
	
	.indexImage .indexOverlay .overlayText {
		top: 45%;
	}
	
	.indexImage a.backToProjects {
	    display: block;
	    position: absolute;
	    bottom: 24px;
	    left: 50%;
	    transform: translate(-50%, 0) scaleX(-1);
	    width: 32px;
		height: 32px;
		top: initial;
	}
	
	.page-template-template-work #content h2 {
/* 	.showCaseImageRepeater img.col_2,
	.showCaseImageRepeater img.col_3 { */
    	width: 77% !important;
	}
	
	div#headerLogo {
		height: 23px;
		width: 148px;
	}	
	
	.nextSummary.KDW_Headline_Description_Black {
    	font-size: 30px;
		line-height: 36px;
		width: 75%;
	}
	
	body.home div#container {
		padding-top: 150px;
	}
	
	div#container {
		padding-top: 115px;
	}
	
	.introduction {
    	margin-top: 50px;
	}

	body.single-projects header {
	    margin-bottom: 20px;
	}
	
	.single-projects .img {
		margin-bottom: 2%;
	}
	
	.secondHeading.quote {
		margin-left: 0;
	}
	
	.quoteBox .quote p {
		margin-bottom: 0;
	}
	
/* 		.clientLogo {
		width: 49%;
		margin-bottom: 2%;
	}
	
	.clientLogo:nth-of-type(2n+1) {margin-right: 2%;}
	.clientLogo:nth-of-type(2n+2) {margin-left: 0;}
	.clientLogo:nth-of-type(2n+3) {margin-right: 2%;} */
	
	.introduction,
	.servicesList ul {
		column-count: 1;
	}
	
	.page-template-template-about #content p {
		width: 100%;
	}
	
	.indexImage .indexOverlay .clientName {
		width: 90%;
		top: 39%;
	}
	
	.indexImage .indexOverlay .clientName {
		margin-bottom: 0px;
	}
	
	.indexImage .indexOverlay .projectSummary {
		top: 60%;
		width: 90%;
		line-height: 20px;
	}
	
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight header,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigRightTwoSmallUnder header,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .oneBigLeftTwoSmallUnder header,
	body.blog .oneBigLeftTwoSmallUnder .firstImage,
	body.blog .oneBigTwoSmallSide header,
	body.blog .oneBigTwoSmallSide .firstImage,
	body.blog .fourLeft header,
	body.blog .fourRight header,
	body.blog .fourLeft .firstImage,
	body.blog .fourRight .firstImage {
		width: 100%;
	}
	
	body.blog .fourLeft .firstImage,
	body.blog .fourRight .firstImage {
		margin-bottom: 1%;
	}
	
	body.blog .oneBigTwoSmallSide header {
		float: none;
	}
	
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnder .thirdImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .thirdImage,
	body.blog .oneBigThreeSmallUnderTextRight .fourthImage,
	body.blog .oneBigRightTwoSmallUnder .secondImage,
	body.blog .oneBigRightTwoSmallUnder .thirdImage,
	body.blog .oneBigLeftTwoSmallUnder .secondImage,
	body.blog .oneBigLeftTwoSmallUnder .thirdImage,
	body.blog .oneBigTwoSmallSide .secondImage,
	body.blog .oneBigTwoSmallSide .thirdImage,
	body.blog .fourLeft .secondImage,
	body.blog .fourLeft .thirdImage,
	body.blog .fourLeft .fourthImage,
	body.blog .fourRight .secondImage,
	body.blog .fourRight .thirdImage,
	body.blog .fourRight .fourthImage {
		display: none;
	}
	
	body.blog .oneBigThreeSmallUnder {
		position: relative;
	}
	
/* 	body.blog .oneBigThreeSmallUnder header {
		position: absolute;
		bottom: 0;
	}
	
	body.blog .oneBigThreeSmallUnder .firstImage {
		position: absolute;
		top: 0;
	} */
	
	body.blog .oneBigThreeSmallUnder,
	body.blog .oneBigThreeSmallUnderTextRight,
	body.blog .oneBigRightTwoSmallUnder,
	body.blog .fourRight,
	body.blog .fourLeft {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnderTextRight header,
	body.blog .oneBigRightTwoSmallUnder header,
	body.blog .fourRight header,
	body.blog .fourLeft header {
		order: 2;
	}
	
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigTwoSmallSide .firstImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .fourRight .firstImage,
	body.blog .fourLeft .firstImage {
		order: 1;
		margin-bottom: 1%;
	}
	
	body.home .n2-ss-layer-row {
    	padding: 0px 5px !important;
    	margin-bottom: -10px !important;
	}
	
	.menu-main-menu-container li {
		padding: 0 0 0 30px;
	}
	div#n2-ss-3 .n2-ss-layer .n2-font-068c2c255ef67cee85c2067ad54fc76a-hover,
	div#n2-ss-10 .n2-ss-layer .n2-font-068c2c255ef67cee85c2067ad54fc76a-hover, 
	.n2-ss-layer div,
	div#n2-ss-3 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading,
	div#n2-ss-10 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading {
		font-size: 18px !important;
	}
	
	body.single .entry-title {
		width: 66%;
		font-size: 30px;
		line-height: 36px;		
	}
	
	.quoteBox .quote {
		padding: 12px 0 30px;
	}
	
/* 	.quote p {
    	font-size: 16px;
    	line-height: 22px;
	} */
	
	.secondHeading.quote {
		margin-left: 50%;
	}
	
	.secondHeading .KDW_Headline_Client_Orange {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 5px;
	}
	
	body.single-projects footer#footer .info p {
		line-height: 12px;
	}
	
	.nextProject,
	.nextTitle.KDW_Headline_Client_Orange {
    	font-size: 18px;
	}
	
	body.page-template-template-about .introduction,
	body.page-template-template-about .intro_signoff {
		width: 66%;
	}
	
	.servicesList ul {
    	column-count: 2;
	}
	
	.servicesList ul li,
	body.page-template-template-about .teamInfo .KDW_Carousel_Client_Black {
		font-size: 19px;
	}
		
	body.page-template-template-about .teamInfo .KDW_Carousel_Description_Black,
	body.single .KDW_News_Date_Orange,
	section.clientLogos p {
		font-size: 18px;
	}
	
	section.contact_info div p,
	section.contact_info div h3 {
		font-size: 14px;
		line-height: 18px;
	}
	
	section.contact_info div p {
		margin-bottom: 30px;
	}
	
	body.blog .summary p,
	body.blog .KDW_News_Date_Orange {
		font-size: 18px;
	}
	
	.teamName {
    	padding-bottom: 0px;
	}
	
	section.clientLogos p {
		width: 66%;
		line-height: 24px;
	}
	
	body.blog .pageHeading,
	.page-template-template-contact h2,
	.page-template-template-about h2,
	.page-template-template-work #content h2,
	body.single .entry-title {
		font-size: 38px;
		line-height: 44px;
	}
	
	.page-template-template-contact h2 {
		line-height: 39px;
	}
	
	body.blog .summary p {
/* 	section.contact_info div p { */
		line-height: 24px;
	}
	
	body.blog .KDW_News_Title_Orange,
	body.single .KDW_News_Title_Orange {
		font-size: 24px;
		line-height: 30px;
	}
	
	body.blog .KDW_News_Title_Orange {
		margin-bottom: 0;
	}
	
	.page-template-template-work section.homeIndex {
    	padding-top: 80px;
	}
	
	.contactWrapper {
    	padding-top: 60px;
	}
	
	div.serviceWrapper {
		margin: 60px 0;
	}
	
	body.page-template-template-about section.homeIndex h2 {
    	margin-bottom: 30px;
	}
	
/* 	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigTwoSmallSide .firstImage {
    	margin-right: 2%;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage {
    	width: 65.2%;
	}
	
	body.blog .largeSingleLeftTextRight header,
	body.blog .largeSingleRightTextLeft header,
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage,
	body.blog .leftOneBigOneSmall header,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .rightTwoMedium header,
	body.blog .rightTwoMedium .firstImage,
	body.blog .rightTwoMedium .secondImage,
	body.blog .oneBigTwoSmallSide .secondImage,
	body.blog .oneBigTwoSmallSide .thirdImage {
		width: 32%;
	}
	
	body.blog .leftTwoMedium header {
		width: 100%;
	} */
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .leftTwoMedium header,
	body.blog .rightTwoMedium header,
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .largeSingleLeftTextRight header,
	body.blog .largeSingleRightTextLeft header,
	body.blog .leftOneBigOneSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage{
		width: 100%;
	}
	
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage {
		width: 0;
	} 
	
	body.blog article header .entry-meta {
    	margin-bottom: 12px;
	}
	
	.menu-main-menu-container li a:hover:after{
		-webkit-transition:all 0s ease-out; 
		-o-transition:all 0s ease-out; 
		transition:all 0s ease-out;
	}
	
	body.blog .seperator {
    	margin: 30px 0px 30px;
	}
	
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .rightTwoMedium .firstImage,
	body.blog .rightTwoMedium .secondImage {
		width: 49%;
	}
	
	body.blog .leftTwoMedium .secondImage {
		margin: 0;
	}
	
	section.entry-content.oneBigTwoSmallSide {
    	margin-bottom: 0;
	}
	
	body.blog article section.largeSingleRightTextLeft img,
	body.blog article section.largeSingleLeftTextRight img {
/* 		margin-bottom: 2.5% !important; */
	}
	
	body.blog article:last-of-type {
		margin-bottom: 60px;
	}
}

@media screen and (min-width:768px) and (max-width: 999px) {
	body.page-template-template-about .introduction,
	body.page-template-template-about .intro_signoff,
	body.blog .pageHeading {
		width: 100%;
	}
	
	.leftBig.showCaseImageRepeater img.col_3,
	.rightBig.showCaseImageRepeater img.col_3 {
		width: 100%;
	}
	
	.leftBig.showCaseImageRepeater .col_3:nth-of-type(2),
	.rightBig.showCaseImageRepeater .col_3:nth-of-type(3) {
		position: relative;
	}
	
/* 	.indexImage .indexOverlay .overlayText {
		top: 42%;
	} */
	
	body.blog .seperator {
    	margin: 25px 0px 30px;
	}
	
	body.blog .summary p,
	body.blog .KDW_News_Date_Orange {
		font-size: 18px;
	}
	
	body.blog h2.pageHeading {
    	width: 88%;
	}
	
	body.single .entry-title {
		width: 85%;
	}
	
	.servicesList ul {
    	column-count: 1;
	}
	
	.teamInfo {
		padding: 4px 0px 10px;
	}
	
	section.clientLogos p {
		width: 100%;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .leftTwoMedium header,
	body.blog .rightTwoMedium header,
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .largeSingleLeftTextRight header,
	body.blog .largeSingleRightTextLeft header,
	body.blog .leftOneBigOneSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage{
		width: 100%;
	}
	
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage {
		width: 0;
	} 
	
	body.single .entry-title {
		width: 88%;	
	}
	
	.quote p {
    	font-size: 16px;
    	line-height: 20px;
	}
	
	.nextSummary.KDW_Headline_Description_Black {
    	width: 100%;
	}
	
	.indexImage .indexOverlay .projectSummary {
    	line-height: 18px;
	}
}

/* @media screen and (min-width:481px) and (max-width: 767px) { */
@media screen and (max-width: 767px) {
	.indexImage .indexOverlay .overlayText {
		top: 43%;
	}
	
	.indexImage .indexOverlay .clientName {
		margin-bottom: 2px;
	}
	
	.indexImage a.backToProjects {
	    display: block;
	    position: absolute;
	    bottom: 24px;
	    left: 50%;
	    transform: translate(-50%, 0) scaleX(-1);
	    width: 32px;
		height: 32px;
		top: initial;
	}
	
	.indexImage .indexOverlay .projectSummary {
/*     	line-height: 18px; */
	}
	body.single-projects a.backToProjects {
		display: none;
	}
	
	div#headerLogo {
	    height: 24px;
    	width: 142px;
	}
	
	div#n2-ss-3 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading, 
	div#n2-ss-10 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading {
		font-size: 18px !important;
	}
	
	.burger {
		display: block;
	}

	nav#menu {
    	position: fixed;
		top: 0;
		left: 0;
    	right: 0px;
	    bottom: 0px;
	    text-align: left;
		background: rgba(0,0,0,0.9);
		z-index: -1;
		padding-top: 0;
		display: none;
	}
	
	ul#menu-main-menu {
    	padding-top: 100px;
	}
	
	nav#menu li {
    	display: block;
    	padding: 0 0 20px;
	}
	
	nav#menu li a {
		color: #FFFFFF;
	}
	
	#container,
	.menu-main-menu-container,
	div.servicesListWrapper,
	header#header .headerWrapper,
	footer#footer {
		max-width: 90%;
		margin: 0 auto;
	}
	
	body.home .n2-ss-layer-row {
    	padding: 0px 5px !important;
    	margin-bottom: -10px !important;
	}
	
	body.home section.homeIndex {
    	padding-top: 15px;
	}
	
	.page-template-template-work #content h2 {
		width: 100%;
	}
	
	.indexImage {
    	width: 49%;
		margin-bottom: 1.75%;
	}
	
	.indexImage:nth-of-type(2n+1) {margin-right: 2%;}
	.indexImage:nth-of-type(2n+2) {margin-right: 0%;margin-left: 0%;}
	
	.page-template-template-contact .indexImage:nth-of-type(2n+1) {margin-right: 0%;}
	.page-template-template-contact .indexImage:nth-of-type(2n+2) {margin-right: 2%;margin-left: 0%;}
	
	
	body.home .indexImage,
	body.page-template-template-work .indexImage{
		height: 27.86vw;
	}
	
	.introduction p {
		width: 100%;
	}
	
	.clientLogo {
		width: 49%;
		margin-bottom: 15px;
	}
	
	.clientLogo:nth-of-type(2n+1) {margin-right: 2%;}
	.clientLogo:nth-of-type(2n+2) {margin-left: 0;}
	
	/* News Page */
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall header,
	body.blog .leftOneBigOneSmall header,
	body.blog .pageHeading {
		width: 100%;
		margin-right: 0;
	}
	
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage {
		width: 0;
	} 
	
	.teamInfo {
/*     	text-align: center; */
	}
	
	/* Post page */
	.entry-title {
		max-width: 100%;
		width: 100%;
	}
	
	.quote,
	.secondHeading.quote,
	.showCaseImageRepeater img.col_2,
	.showCaseImageRepeater img.col_3 {
		width: 100%;
	}
	
	.showCaseImageRepeater img.col_2:first-child, .showCaseImageRepeater img.col_3:first-child {
		margin-right:0;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .leftTwoMedium header,
	body.blog .rightTwoMedium header,
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .largeSingleLeftTextRight header,
	body.blog .largeSingleRightTextLeft header,
	body.blog .leftOneBigOneSmall header,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .fourLeft header,
	body.blog .fourLeft .firstImage,
	body.blog .fourRight header,
	body.blog .fourRight .firstImage,
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight header,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigRightTwoSmallUnder header,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .oneBigLeftTwoSmallUnder header,
	body.blog .oneBigLeftTwoSmallUnder .firstImage,
	body.blog .oneBigTwoSmallSide header,
	body.blog .oneBigTwoSmallSide .firstImage{
		width: 100%;
	}
	
	body.blog .leftBigRightTwoSmall .firstImage,
	body.blog .leftOneBigOneSmall .firstImage,
	body.blog .largeSingleLeftTextRight .firstImage,
	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage,
	body.blog .leftTwoSmallRightBig .firstImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage,
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .largeSingleRightTextLeft .firstImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigTwoSmallSide .firstImage,
	body.blog .fourLeft .firstImage,
	body.blog .fourRight .firstImage,
	body.blog .oneBigRightTwoSmallUnder .firstImage,
	body.blog .oneBigLeftTwoSmallUnder .firstImage {
		margin-bottom: 15px;
	}
	
	body.blog article:last-of-type {
    	margin-bottom: 40px;
	}
	
	section.entry-content.oneBigTwoSmallSide {
		margin-bottom: 30px;
	}
	
	body.blog .rightTwoMedium .firstImage {
		float: left;
	}
	
	body.blog .leftTwoMedium .firstImage,
	body.blog .rightTwoMedium .firstImage {
		margin-right: 15px	;
	}

	body.blog .leftBigRightTwoSmall .secondImage,
	body.blog .leftBigRightTwoSmall .thirdImage,
	body.blog .leftOneBigOneSmall .secondImage,
	body.blog .leftTwoSmallRightBig .secondImage,
	body.blog .leftTwoSmallRightBig .thirdImage,
	body.blog .oneBigThreeSmallUnder .secondImage,
	body.blog .oneBigThreeSmallUnder .thirdImage,
	body.blog .oneBigThreeSmallUnder .fourthImage,
	body.blog .oneBigThreeSmallUnderTextRight .secondImage,
	body.blog .oneBigThreeSmallUnderTextRight .thirdImage,
	body.blog .oneBigThreeSmallUnderTextRight .fourthImage,
	body.blog .oneBigRightTwoSmallUnder .secondImage,
	body.blog .oneBigRightTwoSmallUnder .thirdImage,
	body.blog .oneBigLeftTwoSmallUnder .secondImage,
	body.blog .oneBigLeftTwoSmallUnder .thirdImage,
	body.blog .oneBigTwoSmallSide .secondImage,
	body.blog .oneBigTwoSmallSide .thirdImage,
	body.blog .fourLeft .secondImage,
	body.blog .fourLeft .thirdImage,
	body.blog .fourLeft .fourthImage,
	body.blog .fourRight .secondImage,
	body.blog .fourRight .thirdImage,
	body.blog .fourRight .fourthImage {
		display: none;
	}
	
	body.blog .leftTwoMedium .firstImage,
	body.blog .leftTwoMedium .secondImage,
	body.blog .rightTwoMedium .firstImage,
	body.blog .rightTwoMedium .secondImage {
		width: calc((100% - 15px)/2);
	}
	
	body.blog .oneBigTwoSmallSide header {
		float: none;
	}
	
	body.blog .oneBigThreeSmallUnder,
	body.blog .oneBigThreeSmallUnderTextRight,
	body.blog .oneBigRightTwoSmallUnder,
	body.blog .fourRight,
	body.blog .fourLeft  {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	
	body.blog .oneBigThreeSmallUnder header,
	body.blog .oneBigThreeSmallUnderTextRight header,
	body.blog .oneBigRightTwoSmallUnder header,
	body.blog .fourRight header,
	body.blog .fourLeft header {
		order: 2;
	}
	
	body.blog .oneBigThreeSmallUnder .firstImage,
	body.blog .oneBigThreeSmallUnderTextRight .firstImage,
	body.blog .oneBigRightTwoSmallUnder .firstImage
	body.blog .fourRight .firstImage,
	body.blog .fourLeft .firstImage {
		order: 1;
		margin-bottom: 15px;
	}
	
	.showCaseImageRepeater {
/* 		margin-bottom: 2%; */
	}
	
	.quoteBox .quote {
		padding: 0 0 2%;
	}
	
	.quoteBox .quote p {
		margin-bottom: 0;
	}
	
	.secondHeading.quote {
		margin-left: 0;
	}
	
	.nextInfo img {
/* 		width: 33% !important; */
		height: auto;
		margin-right: 10px;
	}
	
	.nextSummary.KDW_Headline_Description_Black {
    	font-size: 30px;
		line-height: 33px;
	}
	
	.single-projects img {
    	margin-bottom: 30px;
		width: 100%;
	}
	
	.introduction,
	.servicesList ul {
		column-count: 1;
	}
	
	.page-template-template-about #content p {
		width: 100%;
	}
	
	body.single-projects header .KDW_Headline_Client_Orange {
		line-height: 28px;
		margin: 20px 0 30px;
	}
	
	div#n2-ss-3 .n2-font-5694dc379f9df4552c5ac191154451f0-simple,
	div#n2-ss-3 .n2-ss-layer .n2-font-b9d042118b06bec7598224efe421ec83-hover,
	.n2-ss-layer div {
		font-size: 16px !important;
	}
	
	.indexImage .indexOverlay .clientName {
		top: 35%;
		line-height: 20px;
	}
	
	.indexImage .indexOverlay .projectSummary {
		top: 60%;
		line-height: 20px;
	}
	
	section.contact_info div {
	    width: 100%;
    	min-height: initial;
	}
	
	.page-template-template-contact h2 {
		width: 100%;
	}
	
	.servicesList ul li {
		line-height: 25px;
		height: auto;
		padding: 20px 0;
	}
	
	.servicesList ul li::before {
		position: absolute;
		left: 0px;
		top: 20px;
	}
	
	section.clientLogos p {
		width: 100%;
	}
	
	.clientLogo.come-in:nth-child(2n-7) {
		animation: come-in 0.5s ease forwards;
	}
	.clientLogo.come-in:nth-child(2n-6) {
		animation: come-in 0.75s ease forwards;
	}
	
	section.contact_info {
    	width: 100%;
		margin-top: 40px;
	}

	.page-template-template-contact .homeIndex {
		margin-bottom: 1%;
		width: 100%;
	}
	
	.page-template-template-contact .homeIndex .n2-section-smartslider {
		margin-bottom: 15px;
	}
	
	.introduction, .intro_signoff p {
		width: 100%;
	}
	
	.intro_columns li {
		margin-right: 0;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.intro_columns li h3 {
		margin-bottom: 0px;
	}
	
	.menu-main-menu-container li a:hover:after{
		-webkit-transition:all 0s ease-out; 
		-o-transition:all 0s ease-out; 
		transition:all 0s ease-out;
	}
	
	/* Mobile Landscape */
	
	body.single-projects a.backToProjects {
		display: block;
		position: relative;
		padding-left: 45px;
		height: 35px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	
	body.single-projects a.backToProjects img {
		background-color: transparent !important;
		width: 35px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	body.single header#header {
		height: 130px;
	}
	
	.burger {
		top: 20px;
	}
	
	.burger {
		width: 30px;
	}
	
	.burger:before {
    	top: 7px;
	}
	
	.burger:after {
    	top: 23px;
	}
	
	body.page-template h2,
	body.blog .pageHeading,
	body.single h1 {
    	font-size: 33px;
		line-height: 37px;
	}
	
	.quoteBox .quote p {
    	font-size: 21px;
		line-height: 27px;
	}
	
	.secondHeading .KDW_Headline_Client_Orange {
		font-size: 30px;
	}
	
	.page-template-template-about .introduction p, .page-template-template-about .intro_signoff p {
		font-size: 25px;
		line-height: 31px;
	}
	
	.intro_columns li h3,
	.servicesList ul li {
		font-size: 21px;
	}
	
	.intro_columns li p {
		font-size: 19px;
		line-height: 25px;
	}
	
	body.blog .KDW_News_Title_Orange {
		font-size: 24px;
	}
	
	body.blog .KDW_News_Date_Orange,
	body.blog .summary p,
	section.contact_info div p,
	section.contact_info div h3 {
		font-size: 18px;
	}
	
	body.blog .summary p,
	section.contact_info div p {
		line-height: 24px;
	}
	
	section.contact_info div p:last-child {
		margin-bottom: 100px;
	}
	
	.page-template-template-contact .indexImage {
		display: none;
	}
	
	body.blog .KDW_News_Title_Orange {
		width: 75%;
	}
	
	.indexImage .KDW_Carousel_Description_Black {
    	font-size: 20px;
	}
}

/* @media screen and (max-width:481px) { */
@media screen and (max-width:767px) {
	.desktop {
		display: none;
	}
	
	.mobile {
		display: block;
	}
	
	.parallax {
		min-height: 110px;
	}
	
	div#n2-ss-3 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading,
	div#n2-ss-10 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading {
/* 		font-family: FranklinGothicBook !important; */
		font-size: 16px !important;
	}
	
	section#branding {
		padding: 15px 0;
	}
	
	body.single-projects section#branding {
		padding: 15px 0 5px;
	}
	
	div#headerLogo {
		height: 25px;
    	width: 136px;
	}
	
	.burger {
		width: 30px;
		top: 10px;
	}
	
	.burger:before {
    	top: 7px;
	}
	
	.burger:after {
    	top: 23px;
	}
	
	.indexImage .indexOverlay {
		bottom: 0px;
	}

	.indexImage {
    	width: 100%;
		margin-bottom: 13px;
	}
	
	body.home .indexImage,
	body.page-template-template-work .indexImage {
		height: 56.6vw;
	}
	
	.intro_columns:before,
	.intro_columns:after {
		width: 70px;
	}
	
/* 	body.home .n2-ss-layer div, 
	body.home div#n2-ss-3 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading */
	
/* 	body.home div#n2-ss-3 .n2-ss-layer .n2-font-068c2c255ef67cee85c2067ad54fc76a-hover, */
/* 	body.home div#n2-ss-10 .n2-ss-layer .n2-font-068c2c255ef67cee85c2067ad54fc76a-hover, */
	body.home .n2-ss-layer .n2-font-37dddee0df845825addb4134e7636b08-hover,
	body.home .n2-ss-layer .n2-font-e185801d79bb14a2c9f40b4fbf634dd3-hover,
	body.home .n2-ss-layer .n2-font-b9d042118b06bec7598224efe421ec83-hover{
		display: none !important;
	}
	
	div#n2-ss-10 .n2-ss-layer div.n2-style-999cb4d6f6e9e1603da7141510696dd9-heading {
		font-size: 16px !important;
	}
	
	.n2-ss-layer-row {
    	padding: 0px 0px !important;
    	margin-bottom: -10px !important;
	}
	
	.menu-main-menu-container li a:after {
		left: -5px;
	}
	
	.menu-main-menu-container li.current-menu-item a:after,
	.menu-main-menu-container li a:hover:after {
    	width: calc(100% - 0px);
	}
	
	header#header {
		height: 60px;
	}
	
	body.single-projects header#header {
		height: 95px;
	}
	
	body.home div#container {
		padding-top: 70px;
	}
	
	div#container {
/* 	body.single-projects div#container */
		padding-top: 100px;
	}
	
	body.single-projects div#container {
/* 		#content article { */
		padding-top: 100px;
	}
	
	body.single-projects a.backToProjects {
		display: block;
		position: relative;
		padding-left: 45px;
		height: 35px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	
	body.single-projects a.backToProjects img {
		background-color: transparent !important;
		width: 35px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.page-template-template-work section.homeIndex,
	.contactWrapper {
		padding-top: 0;
	}
	
	.introduction,
	section.contact_info {
		margin-top: 0;
	}
	
	.page-template-template-about h2 {
		font-size: 28px;
		line-height: 32px;
	}
	
	body.single-projects header .KDW_Headline_Client_Orange {
		margin: 0;
	}
	
	body.single-projects header {
    	margin-bottom: 15px;
	}
	
	.clientLogo.come-in {
		animation: come-in 0.5s ease forwards;
	}
	
	h1,
	h2,
/* 	body.blog .pageHeading, */
/* 	.entry-title.KDW_Headline_Description_Black, */
	.secondHeading .KDW_Headline_Client_Orange,
	.nextSummary.KDW_Headline_Description_Black {
	    font-size: 26px;
    	line-height: 30px;
		width: 100% !important;
	}
	
	.secondHeading .KDW_Headline_Client_Orange {
		margin-bottom: 5px;
	}
	
	body.single-projects header .KDW_Headline_Client_Orange,
	.nextTitle.KDW_Headline_Client_Orange {
		font-size: 19px;
		line-height: 24px;
	}
	
	.quote {
		padding: 10px 0 15px;
	}
	
	.quoteBox .quote p {
		font-size: 14px;
		line-height: 18px;
	}
	
	body.single-projects .entry-content.hero img {
		margin-bottom: 0;
	}
	
	body.single-projects .entry-content img {
		margin-bottom: 15px;
	}
	
	.nextProject {
		font-size: 19px;
	}
	
	.KDW_Headline_Description_Black {
		line-height: 40px;
	}
	
	body.single-projects footer.footer {
		margin-top: 20px;
	}
	
	body.blog .KDW_News_Title_Orange {
		font-size: 22px;
		margin-bottom: 0;
		margin-top: 1px;
		line-height: 24px;
	}
	
	body.blog article header .entry-meta {
    	margin-bottom: 9px;
	}
	
	body.blog .KDW_News_Date_Orange {
		font-size: 16px;
		line-height: 20px;
	}
	
	body.blog .summary p {
		font-size: 16px;
		line-height: 20px;
	}
	
	section.entry-content.oneBigTwoSmallSide {
	    margin-bottom: 0;
	}
	
	.indexImage .KDW_Carousel_Client_Black,
	.indexImage .KDW_Carousel_Description_Black {
		font-size: 18px;
	}
	
	.intro_columns {
    	padding: 15px 0 30px;
	}
	
	.intro_columns ul {
    	margin: 30px 0 15px;
	}
	
	.servicesList ul li {
		font-size: 15px;
		margin-bottom: 10px;
		padding: 5px 0;
		height: auto;
	}
	
	.indexImage .KDW_Carousel_Client_Black.teamName {
		font-size: 18px;
	}
	
	.indexImage .KDW_Carousel_Description_Black.position {
		font-size: 16px;
	}
	
	.servicesList ul li span {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 0;
	}
	
	.page-template-template-about .introduction p,
	.page-template-template-about .intro_signoff p,
	.intro_columns li h3 {
		font-size: 18px;
		line-height: 22px;
	}
	
	.page-template-template-about .intro_columns li p {
		font-size: 16px;
		line-height: 20px;
	}
	
	
	div.serviceWrapper {
		margin: 30px 0 40px;
		padding: 20px 0 10px;
	}
	
	.servicesList ul li::before {
		top: 10px;
	}
	
	body.page-template-template-about section.homeIndex h2 {
		margin-bottom: 20px;
	}
	
	.teamInfo {
		text-align: left;
		margin-top: 2px;
	}
	
	section.clientLogos p {
		font-size: 17px;
		line-height: 21px;
		margin-bottom: 10px;
	}
	
	section.contact_info div p,
	section.contact_info div h3 {
    	line-height: 22px;
		font-size: 18px;
	}
	
	section.contact_info div p a {
		line-height: 16px;
		display: block;
	}
	
	section.contact_info div.headingMargin a {
		line-height: initial;
	}
	
	.teamInfo {
		padding: 5px 0 10px;
	}
	
	.teamName {
		padding: 0;
	}
	
	.entry-content .quoteBox {
		padding: 10px 0 15px;
	}
	
	.quoteBox {
		padding: 0 0 15px;
	}
	
	.clientLogo {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.quoteBox .quote {
		padding: 0;
	}
	
	.quoteBox .quote p {
		margin-bottom: 0;
	}
	
	.secondHeading.quote {
		padding-top: 8px;
	}
	
	nav#nav-below .nextInfo {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	
	nav#nav-below img {
		order: 1;
		margin-bottom: 5px;
	}
	
	body.blog .pageHeading {
		margin-bottom: 20px;
	}
	
	.nextSummary.KDW_Headline_Description_Black {
		order: 2;
	}
	
	.nextTitle.KDW_Headline_Client_Orange {
		order: 3;
	}
	
	section.contact_info div p {
		max-width: 100%;
	}
	
	section.contact_info div.headingMargin {
		width: 100%;
	}
	
	.page-template-template-contact .homeIndex .indexImage {
		display: none;
	}
	
	footer#footer .backToTop,
	footer#footer #copyright {
		width: 50%;
	}
	
	footer#footer .info {
    	width: 100%;
    	margin: 20px 0;
		display: none;
	}
	
	footer#footer .info p {
		margin-bottom: 5px;
	}
	
	section.contact_info div h3 {
		margin-bottom: -3px;
	}
	
	section.contact_info div.headingMargin h3 {
		margin-bottom: 2px;
	}
	
	section.contact_info div.headingMargin p {
    	line-height: 15px;
	}
	
	.headingMargin h3 {
		margin-top: 15px;
	}
	
	section.contact_info div p,
	section.contact_info {
		margin-bottom: 25px;
	}
	
	section.contact_info div p.address {
		margin-bottom: 12px;
	}
	
	.menu-main-menu-container li a:hover:after{
		-webkit-transition:all 0s ease-out; 
		-o-transition:all 0s ease-out; 
		transition:all 0s ease-out;
	}
	
	body.blog .seperator {
		margin: 20px 0px 20px;
	}
	
	.menu-main-menu-container li a {
		padding: 5px 0;
	}
	
	.vimeo {
		margin-bottom: 15px;
	}
	
	.postid-657 .video.vimeo {
    	padding-bottom: 62.25%;
	}
	
	.chelseaSecondVideo {
    	padding-bottom: 39.7% !important;
	}
	
	.servicesList ul li {
		line-height: 18px;
	}
}

@media screen and (max-width: 481px){
		body.blog .pageHeading,
	.entry-title.KDW_Headline_Description_Black {
	    font-size: 26px;
    	line-height: 30px;
		width: 100% !important;
	}
}

@media screen and (max-width:340px) {
/* 	div#headerLogo {
		width: 210px;
	} */
}