*{
	box-sizing: border-box;
}
html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.page {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}

#header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 120;
	background: #fff;
}
#header .inner{
	position: relative;
	height: 125px;
	transition: all 0.4s ease-in-out;
}
#header .logo{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 180px;
	height: 40px;
	background: url(../images/icon-logo-header.svg) 0 0 no-repeat;
	background-size: 100% auto;
	transition: all 0.5s ease-in-out;
}

a#nav-trigger {
	font-family: 'Playfair-Display-SemiBold';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-size: 12px;
	line-height: 45px;
	letter-spacing: 0.15em;
	padding: 0 60px 0 0;
    color: #645c59;
    cursor: pointer;
    display: inline-block;
	background: url(../images/icon-menu.svg) center right no-repeat;
	background-size: 52px auto;
	transition: all 0.4s ease-in-out;
}
a#nav-trigger:hover{
	color: #f5333f;
}

#nav-holder{
	position: relative;
	display: none;
	border-top: solid 1px rgba(204,204,204,1.00)
}
#menu-header-menu{
	display: flex;
	justify-content: center;
	margin: 0;
	list-style: none;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
#menu-header-menu li{
	font-family: 'Playfair-Display-SemiBold';
	margin: 40px 50px;
	text-align: center;
}
#menu-header-menu li.current_page_item a, #menu-header-menu li.current-page-ancestor a{
	color: #f5333f;
}



footer{
	padding: 70px 0 90px 0;
	letter-spacing: 0.15em;
}
footer .inner{
	border-top: #cccccc 1px solid;
}
footer .footer-columns{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 40px 0;
}
footer .footer-columns .fc{
	width: calc(20% - 15px);
}
footer .footer-columns .fc .menu > li > a{
	color: #f5333f;
}
footer .footer-columns .fc .menu li .sub-menu{
	margin: 15px 0 0 0;
}
footer .footer-columns .fc .menu a:hover{
	text-decoration: underline;
}

#menu-item-1339 .submenu li.current-menu-item a{
	text-decoration: none;
}

footer .block-contact{
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
	font-family: 'Playfair-Display-SemiBold';
}
footer p{
	font-family: 'Playfair-Display-SemiBold';
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
}
footer p.red{
	padding: 0 0 20px 0;
}
footer p.red a{
	color: #f5333f;
	text-decoration: underline;
}
footer .footer-socials{
	display: flex;
	justify-content: flex-end;
}
footer .footer-socials ul{
	display: flex;
	margin: 0 0 0 20px;
	list-style: none;
}
footer .footer-socials ul li{
	padding: 0 9px;
	margin: 0;
}
footer .footer-socials ul li:last-child{
	padding: 0 0 0 9px;
}
footer .footer-socials ul li a {
	display: block;
	position: relative;
	text-indent: -9999px;
	}
footer .footer-socials ul li a:before {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	opacity: 1;
	transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition:    opacity 0.5s ease;
	-o-transition:      opacity 0.5s ease;
}
footer .footer-socials ul li a:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	opacity: 0;
	transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition:    opacity 0.5s ease;
	-o-transition:      opacity 0.5s ease;
}
footer .footer-socials ul li a.instagram{
	width: 22px;
	height: 22px;
}
footer .footer-socials ul li a.instagram:before {
	background: url(../images/icon-instagram.svg) 0 0 no-repeat;
	background-size: 100% auto;
}
footer .footer-socials ul li a.instagram:after {
	background: url(../images/icon-instagram.svg) 0 -27px no-repeat;
	background-size: 100% auto;
}
footer .footer-socials ul li a.pinterest{
	width: 23px;
	height: 23px;
}
footer .footer-socials ul li a.pinterest:before {
	background: url(../images/icon-pinterest.svg) 0 0 no-repeat;
	background-size: 100% auto;
}
footer .footer-socials ul li a.pinterest:after {
	background: url(../images/icon-pinterest.svg) 0 -26px no-repeat;
	background-size: 100% auto;
}

footer .footer-socials ul li a:hover:before {
	opacity: 0;
}
footer .footer-socials ul li a:hover:after {
	opacity: 1;
}
footer .footer-socials p{
	padding-top: 3px!important;
}

footer .block-signoff{
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
}




footer ul.menu{
	margin:0;
}
footer ul.menu li{
	font-family: 'Playfair-Display-SemiBold';
	letter-spacing: 0.15em;
	margin: 0 0 8px 0;
	display: block;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
}
footer ul.menu > li{
	margin-bottom: 38px;
}
footer ul.menu li:last-child{
	margin: 0 0 20px 0;
}
footer ul.menu li a{
	text-transform: uppercase;
	transition: all ease 0.5s;
}
footer ul.menu li a:hover {
	color: #f5333f;
}
footer ul li.current-menu-item > a{
	text-decoration: underline;
}
footer .block-signoff ul.menu li{
	text-align: right;
	margin-bottom: 8px;
}
footer .copyright{
	align-self: flex-end;
}



.anim-style1 .b1{
	opacity: 0;
}
.anim-style1 .b2{
	transform: scaleX(0);
	transform-origin: left;
}
.anim-style1 .b3{
	transform: scaleY(0);
	transform-origin: top;
}
.anim-style1 .b4{
	transform: scaleX(0);
	transform-origin: right;
}

.anim-style2 .b1{
	transform: scaleX(0);
	transform-origin: left;
}
.anim-style2 .b2{
	opacity: 0;
}
.anim-style2 .b3{
	transform: scaleY(0);
	transform-origin: top;
}

.anim-style3 .b1{
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
}
.anim-style3 .b2{
	opacity: 0;
	transform: scaleX(0);
	transform-origin: right;
}
.anim-style3 .b3{
	opacity: 0;
	transform: scaleX(0);
	transform-origin: left;
}



.home-highlight-projects{
	background: #f4f4f4;
	padding: 110px 0 0 0;
}
.home-highlight-projects .inner{
	text-align: center;
}
.home-highlight-projects h2, .portfolio-projects h2{
	 position: relative;
	display: inline-block;
	font-family: 'Playfair-Display-SemiBold';
	font-size: 13px;
	line-height: 17px;
	padding: 0;
	z-index: 1;
}
.home-highlight-projects h2:before, .home-highlight-projects h2:after, .portfolio-projects h2:before, .portfolio-projects h2:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 100px;
    height: 1px;
    content: '\a0';
    background-color: rgba(204,204,204,1.00);
    
}
.home-highlight-projects h2:before, .portfolio-projects h2:before {
    left: -140px;
}
.home-highlight-projects h2:after, .portfolio-projects h2:after {
    right: -140px;
}

.home-highlight-projects .highlights{
	padding: 110px 0 0 0;
}

.home-highlight-projects .highlights .project.copy-left{
	position: relative;
	padding-top: 69.1304347826087%;
	margin-bottom: 120px;
}
.home-highlight-projects .highlights .project.copy-left .copy{
	position: absolute;
	width: 50%;
	top: 14.675052410901468%;
	left: 0;
	transform: translateY(-14%);
	text-align: center;
}
.home-highlight-projects .highlights .project.copy-left .image.large{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 66.08695652173913%;
	z-index: 1;
}
.home-highlight-projects .highlights .project.copy-left .image.small{
	position: absolute;
	top: 14.675052410901468%;
	right: 8.478260869565217%;
	text-align: center;
	width:32.17391304347826%;
	z-index: 2;
}
.home-highlight-projects .highlights .project.copy-left .image.blank{
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	z-index: 0;
	background: #fff;
	width: 49.130434782608695%;
	height: 85%;
}


.home-highlight-projects .highlights .project.copy-right{
	position: relative;
	padding-top:64.13043478260869%;
	margin-bottom: 120px;
}
.home-highlight-projects .highlights .project.copy-right .copy{
	position: absolute;
	width: 67.82608695652173%;
	top: 7.5%;
	right: 0;
	text-align: center;
}
.home-highlight-projects .highlights .project.copy-right .image.large{
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	width: 74.56521739130434%;
	z-index: 1;
}
.home-highlight-projects .highlights .project.copy-right .image.small{
	position: absolute;
	top: 0;
	left:0;
	text-align: center;
	width:32.17391304347826%;
	z-index: 2;
}

.home-highlight-projects .highlights .project .copy p{
	font-family: 'Playfair-Display-SemiBold';
	font-size:24px;
	line-height: 28px;
	margin: 0 auto 30px auto;
	max-width: 60%;
	letter-spacing: 0.15em;
	color: #f5333f;
}




.home-about .block.content-text{
	padding: 120px;
}
.home-about .inner{
	text-align: center;
}
.home-about.block.content-text .inner h2{
	color: #f5333f;
	padding: 70px 0;
	background: url(../images/icon-logomark-solo.svg) top center no-repeat;
	background-size: 45px auto;
}
.home-about .offset-image-block{
	position: relative;
	display: flex;
	justify-content: center;
	width: 678px;
	margin: 0 auto 75px auto;
}
.home-about .offset-image-block .image-center{
	position: relative;
	z-index: 1;
}
.home-about .offset-image-block .image-left{
	position: absolute;
	left: 0;
	bottom: 45px;
	z-index: 0;
}
.home-about .offset-image-block .image-right{
	position: absolute;
	right: 0;
	top: 45px;
	z-index: 2;
}


.home-contact{
	background: #f4f4f4;
}
.home-contact.seo{
	background: #fff;
}
.home-contact h2{
	font-family: 'Homemade Apple', cursive;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0.02em;
	text-transform: none;
	padding: 0 0 50px 0;
    color: #f5333f;
}
.home-contact .inner{
	max-width: 932px;
	margin: 0 auto;
	padding: 120px 0;
}
.home-contact .inner p{
	text-align: center;
	margin: 0 30px;
}


.home-instagram{
	padding: 120px 0;
}
.home-instagram .inner{
	max-width: 940px;
	margin: 0 auto;
}
.home-instagram h2{
	font-family: 'Playfair-Display-SemiBold';
	font-size: 20px;
	line-height: 24px;
	padding: 0 0 70px 0;
	color: #f5333f;
}
.home-instagram h2 a{
	color: #f5333f;
}
.instagram-pics{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.instagram-pics li{
	width: calc(25% - 24px);
	max-width: 210px;
	margin: 0 12px;
}


.home-featured-in{
	background: #f4f4f4;
	padding: 120px 0;
}
.home-featured-in .inner, .awards .inner{
	max-width: 972px;
	margin: 0 auto;
}
.home-featured-in h2, .awards h2{
	font-family: 'Playfair-Display-SemiBold';
	font-size: 20px;
	line-height: 24px;
	padding: 0 0 50px 0;
	color: #f5333f;
}
.home-featured-in .logos, .awards .logos{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.home-featured-in .logos .logo{
	width: calc(20% - 60px);
	margin: 10px 30px;
	display: flex;
	align-items: center;
}
.home-featured-in .logos .logo img, .awards .logos .logo img{
	opacity: 1;
	transition: all ease 0.5s
}
.home-featured-in .logos .logo a:hover img, .awards .logos .logo a:hover img{
	opacity: 0.7!important;
}

.awards{
	background: #f4f4f4;
	padding: 0 0 95px 0;
}
.awards .logos .logo{
	width: auto;
	height: 80px;
	margin: 25px 30px;
	display: flex;
	align-items: center;
}
.awards .logos .logo img{
	height: 80px;
	width: auto;
}
.awards h2{
	padding-bottom: 25px;
}


.block.header{
	padding-top: 125px;
}
.block.header .inner{
	height: 65vh;
	max-height: 840px;
	background-color: #e9eaea;
	background-size: cover;
	position: relative;
}
.block.header .inner .image{
	width: 100%;
  	height: 100%;
  	position: absolute;
  	top: 0;
  	left: 0;
}
.block.header .inner .header-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.block.header .inner .header-video video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease 0.3s;
}
.block.header .inner .button.home-header{
	position: absolute;
	bottom:74px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	text-align: center;
}


.block p .button{
	margin: 50px 0 10px 0;
}

.block.grey-bg{
	background: #f4f4f4;
}

.block.content-text{
	padding: 110px 0 110px 0;
}
.block.content-quote{
	padding: 110px 0 110px 0;
}
.block.content-text.p-bottom{
	padding: 0 0 120px 0;
}
.block.content-text .inner, .block.content-quote .inner{
	max-width: 912px;
	margin: 0 auto;
	padding: 0 30px;
	text-align: center;
}
.block.content-text .inner h2{
	font-family: 'Playfair-Display-SemiBold';
	font-size: 24px;
	line-height: 36px;
	padding: 0 0 60px 0;
}
.block.content-text .inner ul{
	text-align: center;
	list-style: none;
}
.block.content-text img{
	height: auto;
}

.block.content-text img.aligncenter, .block.content-text picture.aligncenter,
.block.content-text p img.aligncenter, .block.content-text p picture.aligncenter{
	margin: 0 auto!important;
	display: inline-block!important;
}


.block.content-text p a{text-decoration: underline;}


.block.content-quote .quote-holder{
	padding: 0 0 60px 0;
	margin: 0;
}
.block.content-quote .quote-holder:after{
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	background: #f5333f;
	margin: 60px auto 0 auto;
}
.block.content-quote .quote-holder:last-child{
	padding:0;
}
.block.content-quote .quote-holder:last-child:after{
	display: none;
}
.block.content-quote .quote p{
	font-style: italic;
	padding: 0 0 20px 0;
}
.block.content-quote p.quote-name{
	margin: 40px 0 0 0;
	text-transform: uppercase;
}


.block.image-block{
	margin-bottom: 120px;
}
.block.image-block.grey-bg{
	padding-bottom: 120px;
	margin-bottom: 0;
	background: #f4f4f4;
}
.block.image-block .double-image-row{
	display: flex;
}
.block.image-block .double-image-row .image-left, .block.image-block .double-image-row .image-right{
	width: 50%;
}
.block.image-block .double-image-row .smaller-top{
	padding: 0 10%;
	align-self: flex-start;
}
.block.image-block .double-image-row .smaller-middle{
	padding: 0 10%;
	align-self: center;
}
.block.image-block .double-image-row .smaller-bottom{
	padding: 0 10%;
	align-self: flex-end;
}
.block.image-block img{
	height: auto;
}
.block.image-block .image img{
	margin: 0 auto;
}


.triple-image-row{
	position: relative;
	padding-top: 55.75916230366492%;
	max-width: 1146px;
	margin: 0 auto;
}
.triple-image-row .image1{
	position: absolute;
	width: 48.952879581151834%;
	top: 0;
	left: 0;
	z-index: 3;
}
.triple-image-row .image2{
	position: absolute;
	width: 59.16230366492147%;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.triple-image-row .image3{
	position: absolute;
	width: 28.534031413612563%;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 2;
}

img.aligncenter{
	margin: 0 auto;
}


/** Portfolio **/

.portfolio-projects{
	background: #f4f4f4;
	padding: 120px 0 120px 0;
}
.portfolio-projects .inner{
	text-align: center;
}
.portfolio-projects .projects{
	margin: 120px 0 0 0;
}
.portfolio-projects .projects .project{
	margin: 0 0 120px 0;
}
.portfolio-projects .projects .project .image{
	position: relative;
	z-index: 3;
}
.portfolio-projects .projects .project .copy{
	position: relative;
	margin: -100px auto 0 auto;
	width: 50%;
	background: #fff;
	padding: 65px 60px 60px 60px;
	z-index: 5;
}
.portfolio-projects .projects .project .copy .button{
	margin-top: 35px;
}
.portfolio-projects .projects .project .copy p{
	font-size: 20px;
	line-height: 24px;
	color: #f5333f;
}

.page.case-study h1{
	padding: 0 0 20px 0;
}
.page.case-study .block.content-text .inner h2{
	font-size: 20px;
	line-height: 26px;
}

.back-to-portfolio{
	margin-bottom: 140px;
}



/** Services **/

.our-processes{
	background: #f4f4f4;
	padding: 0 0 10px 0;
}
.process{
	padding: 120px 0 110px;
	border-top: #cccccc 1px solid;
}
.process:first-child{
	border: none;
}
.process .inner{
	display: flex;
	justify-content: space-between;
}
.process .inner .image{
	width: 40.65217391304348%;
	order: 0;
}
.process .inner .copy{
	width: 49.130434782608695%;
	order: 1;
}
.process:nth-child(odd) .inner .image{
	order:1;
}
.process:nth-child(odd) .inner .copy{
	order:0;
}
.process .inner .copy h3{
	font-family: 'Playfair-Display-SemiBold';
	font-size: 22px;
	line-height: 35px;
	letter-spacing: 0.15em;
	padding: 0;
	font-weight: normal;
	margin: 0;
}
.process .inner .copy h3:after {
	display: block;
    width: 40px;
    height: 1px;
    content: '';
	margin: 30px 0 25px 0;
    background-color: rgba(204,204,204,1.00);
}
.block.services-list .inner{
	width: 74.56521739130434%;
	margin: 0 auto 110px auto;
}
.block.services-list .inner ul{
	padding: 0;
	text-align: left;
	 column-count: 3;
	font-size: 16px;
	line-height: 26px;
	list-style: none;
}
.block.services-list .inner ul li{
	margin-bottom: 10px;
}
.our-services .block.content-text{
	padding: 110px 0 60px 0;
}



/** Design Diary **/


.design-diary-landing .process .copy h2{
	color: #f5333f;
	font-size: 30px;
	line-height: 36px;
	text-align: left;
	letter-spacing: 0.02em;
}
.design-diary-landing .process .copy .button{
	margin-top: 45px;
}

.diary-next-prev{
	display: flex;
	justify-content: center;
}
.diary-next-prev > div{
	margin: 0 20px;
}
.diary-next-prev a{
	position: relative;
	display: block;
	
}
.diary-next-prev .next a{
	position: relative;
	padding-right: 30px;
	
}
.diary-next-prev .previous a{
	position: relative;
	padding-left: 30px;
	
}
.diary-next-prev a:before{
	position: absolute;
	top: 50%;
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: url(../images/icon-diary-arrow.svg) center center no-repeat;
	background-size: 5px 10px;
	background-color: #989898;
	transition: all ease 0.5s;
	
}
.diary-next-prev .next a:before, .article-side-nav.next{
	right: 0;	
}
.diary-next-prev .previous a:before, .article-side-nav.previous{
	left: 0;
	transform: rotate(180deg);
}

.diary-next-prev a:hover:before, .article-side-nav:hover{
	background-color: #f5333f;
}


.article-side-nav{
	position: fixed;
	top: 50%;
	display: block;
	width: 34px;
	height: 34px;
	margin-top: -17px;
	background: url(../images/icon-diary-arrow.svg) center center no-repeat;
	background-size: 10px 20px;
	background-color: #989898;
	transition: all ease 0.5s;
}

.design-diary .block.content-text.article-header {
    padding: 110px 0 0 0;
}

.design-diary .article-text ul{
	list-style: disc;
	text-align: left!important;
	margin: 25px 0 0 0;
}
.design-diary .article-text ul li{
	
	margin-bottom: 25px;
	
}

/** About **/

.our-team{
	background: #f4f4f4;
	padding: 120px 0 110px 0;
}
.our-team .intro{
	max-width: 912px;
	margin: 0 auto;
	padding: 0 30px;
	text-align: center;
}
.our-team h2{
	font-family: 'Playfair-Display-SemiBold';
	font-size: 30px;
	line-height: 36px;
	padding: 0 0 60px 0;
}
.our-team .team-profiles{
	padding: 120px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.our-team .team-profiles .profile{
	width: calc(50% - 12px);
	border-top: #cccccc 1px solid;
	padding: 70px 0 120px 0;
}
.our-team .team-profiles .profile .inner{
	width: calc(5 / 6 * 100%);
}
.our-team .team-profiles .profile h3{
	font-family: 'Playfair-Display-SemiBold';
	font-size: 25px;
	line-height: 35px;
	margin: 0;
	padding: 60px 0 10px 0;
}
.our-team .team-profiles .profile h4{
	font-size: 21px;
	line-height: 36px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.our-team .team-profiles .profile h4:after{
	display: block;
	content: '';
	height: 1px;
	width: 40px;
	background: #ccc;
	margin: 25px 0 25px 0;
}
.our-team .team-profiles .profile p{

}




/** Press **/

.page.press, .page.journal, .page.terms{
	padding-top: 126px;
}
.top-hr .twelve.columns {
	border-top: #cccccc 1px solid;
}
.press-articles{
	background: #f4f4f4;
	padding: 120px 0 0 0;
}
.press-articles .inner{
	max-width: 1054px;
	margin: 0 auto;
}
.press-articles .articles{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.press-articles .articles .article{
	position: relative;
	width: calc(33.3333334% - 24px);
	margin: 0 12px 120px 12px;
	display: flex;
	flex-direction: column;
}
.press-articles .articles .article a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.press-articles .articles .article .image{
	padding: 24px;
	background: #fff;
	height: calc(100% - 37px);
}
.press-articles .articles .article .copy{
	margin: 24px 0 0 0;
}
.press-articles .articles .article .copy h2{
	font-size: 17px;
	line-height: 27px;
	text-align: left;
	letter-spacing: 0.1em;
	margin:0;
	padding: 0;
	font-family: 'Playfair-Display-SemiBold';
}
.press-articles .articles .article .copy h2:after{
	display: block;
	content: '';
	width: 40px;
	height: 1px;
	background: #CCCCCC;
	margin: 15px 0;
}
.press-articles .articles .article .copy .summary{
	font-family: 'Montserrat', sans-serif;
}

.press-articles .articles .article .copy .button{
	display: block;
	width: 100%;
	text-align: center;
	margin: 35px 0 0 0;
}
.press-articles .articles .article:hover .copy .button{
	background: #f5333f;
}

/** Journal **/

.cat-filter{
	width: 100%;
	max-width: 400px;
	background: #FAFAFA;
	position: relative;
	margin: 0 auto 100px auto;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	padding: 15px 40px 15px 20px;
	cursor: pointer;
	z-index: 10;
	letter-spacing: 0.15em;
}
.cat-filter:after{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 12px;
	height: 6px;
	background: url("../images/icon-arrow-down.svg") 0 0 no-repeat;
	background: 100% auto;
}
.cat-filter.open:after{
	transform: translateY(-50%) rotate(180deg);
}
.cat-filter #category-nav{
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
	display: none;
	background: #FAFAFA;
	width: 100%;
	padding: 0 20px 20px 20px;
}
.cat-filter ul{
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #CCCCCC;
	letter-spacing: 0.15em;
}
.cat-filter ul li {
	padding: 0;
	margin: 0;
}
.cat-filter ul li a{
	display: block;
	padding: 10px 0;
}
.cat-filter ul li a:hover, .cat-filter ul li a.active{
	font-weight: 500;
	color: #F5333F;
}

.journal-articles .articles{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.journal-articles .articles .article{
	position: relative;
	width: calc(50% - 12px);
	padding: 0 0 70px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 120px 0;
}
.journal-articles .articles .article a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.journal-articles .articles .article .image{
	position: relative;
}
.journal-articles .articles .article .image .hover-over{
	background: #f5333f;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity ease 0.5s;
}
.journal-articles .articles .article:hover .image .hover-over{
	opacity: 0.8;
	cursor: pointer;
}
.journal-articles .articles .article .copy{
	width: calc(5 / 6 * 100%);
}
.journal-articles .articles .article .copy p.category{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #f5333f;
	margin: 50px 0 40px 0;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
}
.journal-articles .articles .article .copy h3{
	font-family: 'Playfair-Display-SemiBold';
	font-size: 25px;
	line-height: 35px;
	font-weight: normal;
	padding: 0;
	letter-spacing: 0.150em;
	margin: 0;
	text-transform: uppercase;
}
.journal-articles .articles .article:hover .copy h3{
	cursor: pointer;
	color: #f5333f;
}
.journal-articles .articles .article .copy h3:after{
	display: block;
	content: '';
	height: 1px;
	width: 40px;
	background: #ccc;
	margin: 25px 0 25px 0;
}
.journal-articles .articles .article .copy p.date{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0.150em;
	text-transform: uppercase;
}
.journal-journal .home-instagram{
	background: #f4f4f4;
}
.load-more-button{
	margin-bottom: 120px;
}

.article-header p.category{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #f5333f;
	margin: 0 0 40px 0;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
}
.article-header p.category a{
	color: #f5333f;
}
.article-header h1{
	padding: 0 30px;
	
}
.article-header h1:after{
	display: block;
	content: '';
	height: 1px;
	width: 40px;
	background: #ccc;
	margin: 25px auto 25px auto;
}
.article-header .date{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0.150em;
	text-transform: uppercase;
	margin-bottom: 70px;
}
.article-content-blocks{
	max-width: 912px;
    margin: 0 auto;
    padding: 0 30px;
    text-align: center;
}
.article-content-blocks .article-image .image img{
	margin: 0 auto;
}
.article-content-blocks .article-image, .article-content-blocks .article-text{
	margin-bottom: 110px;
}

.article-content-blocks .article-image .image-caption {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.150em;
    text-transform: uppercase;
    margin: 30px 0 0 0;
}
.article-content-blocks .article-image.with-caption{
	margin-bottom: 65px;
}

.article-content-blocks .article-image.video{
	position: relative;
}
.article-content-blocks .article-image.video .button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0;
}


.journal.article p a{
	text-decoration: underline;
}


.article-image.with-quote{
	display: flex;
	justify-content: space-between;
}
.article-image.with-quote .image{
	width: calc(50% - 12px);
}
.article-image.with-quote .quote{
	display: flex;
	width: calc(50% - 12px);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	align-items: center;
}
.article-image.with-quote .quote .inner {
	font-size: 25px;
	line-height: 35px;
	padding: 0 70px;
}
.back-button{
	text-align: center;
}
.back-button .back-to-journal{
	margin: 75px 0;
}






/**  Terms Pages **/

.terms-content{
	background: #f4f4f4;
	padding: 120px 0 110px 0;
}
.terms-content h2{
	border-top: #cccccc 1px solid;
	font-family: 'Playfair-Display-SemiBold';
	font-size: 20px;
	line-height: 35px;
	padding: 60px 0 0 0;
	text-align: left;
}
.terms-content h2:after{
	display: block;
	content: '';
	height: 1px;
	width: 40px;
	background: #ccc;
	margin: 25px 0 25px 0;
}
.terms-content h3{
	font-family: 'Playfair-Display-SemiBold';
	font-size: 18px;
	line-height: 27px;
	padding: 30px 0 15px 0;
	text-align: left;
	margin: 0;
}
.terms-content p{
	font-size: 17px;
	line-height: 27px;
	padding: 0 0 15px 0;
}
.terms-content ul{
}
.terms-content li{
	font-size: 17px;
	line-height: 27px;
	padding: 0 0 5px 0;
	margin: 0;
}



/** Contact Page **/

.page.contact .block.header .inner {
    height: 70vh;
    max-height: 420px;
    background-color: #e9eaea;
    background-size: cover;
}
.page.contact .wpcf7-form {
    padding: 0;
}
.map-holder{
	padding: 100px 0 0 0;
}
.mapp-layout {
    border: none!important;
}
.map-holder .image img{
	margin: 0 auto;
}



/**  Video Page **/

.video-page{
	padding: 125px 0 110px 0;
}

.video-page .video-block{
	margin-top: 0;
}
.video-page .video-block p{
	position:relative;
padding-bottom:56.25%!important;
height:0;
overflow:hidden;
}
.video-page .video-block iframe{
	position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}



/** Forms **/

.col-half{
	float: left;
	width: calc(50% - 20px);
	margin: 0 10px 10px 10px;
}
.col-full{
	float: left;
	width: calc(100% - 20px);
	margin: 0 10px 10px 10px;
}
.wpcf7-form{
	padding: 75px 0 0 0;
}
.wpcf7-form .row{
	margin-bottom: 30px;
}
.wpcf7-form label{
	font-family: 'Playfair-Display-SemiBold';
	display: block;
	text-align: left;
	font-size: 13px;
  	line-height: 13px;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	letter-spacing: 0.1em;
}
.wpcf7-form input[type="email"],
.wpcf7-form input[type="text"],
.wpcf7-form select{	
	padding: 12px 10px; 
  	background-color: #fff;
  	border: none;
	border-radius: 0;
  	box-shadow: none;
  	box-sizing: border-box;
	width: 100%;
	margin: 0;
 	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-size: 12px;
  	line-height: 12px;
	min-height: 40px;
}
.wpcf7-form select{
  background: url(../images/icon-arrow-down.svg) 96% / 15% no-repeat #fff;
	background-size: 8px 4px; 
}
.wpcf7-form select::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}

textarea {
	resize: vertical;
	width: 100%;
  min-height: 65px;
  padding: 12px 10px; 
	font-size: 12px;
  	line-height: 12px;
	border: none;
  outline: 0;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: none;
  outline: 0; }

.wpcf7-form input[type="submit"]{
	font-size: 13px;
	line-height: 13px;
	padding: 12px 50px 12px 50px;
	 background: #989898;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	transition: background ease 0.5s;
  	cursor: pointer;
	outline: none;
	font-weight: 700;
	border: none;

}
.wpcf7-form input[type="submit"]:hover{
  background: #f5333f;
 color: #fff;
	
  outline: 0; 
}

input:focus::-webkit-input-placeholder { color:transparent!important; }
input:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent!important; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

::-webkit-input-placeholder {
   color:#4d4d4d;
}
:-moz-placeholder { 
  color:#4d4d4d;
}
::-moz-placeholder { 
   color:#4d4d4d;
}
:-ms-input-placeholder {  
   color:#4d4d4d;
}

div.wpcf7-response-output {
    margin: 0!important;
    padding: 0!important;
    border: none!important;
	font-size: 13px;
  line-height: 13px;
	color: #F41F22;
	text-transform: uppercase;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
	text-align: center;
    border: none!important;
	margin-bottom: 30px!important;
}
span.wpcf7-not-valid-tip{
	display: none!important;
}
.wpcf7-not-valid{
	background:rgba(241,215,215,1.00)!important;
}

span.wpcf7-list-item {
    margin: 0 10px 0 0!important;
}input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:35px;
							height:30px; 
							display:inline-block;
							line-height:30px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:30px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -30px;
						}
						label.css-label {
				background-image:url(https://anaengelhorn.com/wp-content/themes/anaengelhorn/images/checkbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


.home-contact.seo .wpcf7-form input[type="email"], .home-contact.seo .wpcf7-form input[type="text"], .home-contact.seo .wpcf7-form select, .home-contact.seo textarea{
	background-color: #f4f4f4;
}
.home-contact.seo .wpcf7-form {
    padding: 0;
}

.before-button{
	margin-bottom: 60px!important;
}



.align-center{
	text-align: center;
}


.anim, .instagram-pics li{
	opacity: 0;
}



/* Guide Downloads */

.journal-articles.guides h2{
    font-size: 24px;
    line-height: 40px;
    padding: 0 0 60px 0;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.15em;
    margin: 0;
    color: #f5333f;
}
.download-guide-single .article-image{
	padding-bottom: 110px;
}
.download-guide-single .article-image img{
	margin: 0 auto;
}

.download-guide-form {
    background: #f4f4f4;
    padding:0;
}
.download-guide-form .inner {
    max-width: 932px;
    margin: 0 auto;
    padding: 120px 0;
}
.download-guide-form h2 {
    font-family: 'Playfair-Display-SemiBold';
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 70px 0;
    color: #f5333f;
}

.download-form .wpcf7-form{
	padding: 0;
}
.download-form .wpcf7-form span.wpcf7-list-item {
    margin:0!important;
}
.download-form .wpcf7-form input[type="checkbox"], input[type="radio"] {
    margin: 0 10px 0 0;
}
.download-form .wpcf7-form .submit-button{
	text-align: center;
}
.download-form .wpcf7-form .submit-button input[type="submit"]{
	margin-left: 20px;
}
.download-form .wpcf7-form div.wpcf7-response-output{
	text-align: center;
	margin-bottom: 20px!important;
}
.download-guide-single .back-button{
	text-align: center;
}
.download-guide-single .back-button .back-to-journal{
	margin: 75px 0;
}
.download-form .wpcf7-form .wpcf7-mail-sent-ok{
	display: none!important;
}
#dl-file{
	display: none;
	text-align: center;
}
#dl-file .button{
	opacity: 0;
	transition: opacity 1s ease;
}
#dl-file.show .button{
	opacity: 1;
}



/* New Form work*/
.design-brief .block.header .inner{
	background-position: center right; 
	max-height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.design-brief .block.header .inner .headline h1{
	color: #fff;
	font-size: 50px;
	line-height: 55px;
	margin-left: 30px;
	margin-right: 30px;
}

.design-brief_wrapper.gform_wrapper.gravity-theme {
	text-align: left;
	margin: 50px 0 0 0;
}

.design-brief_wrapper.gform_wrapper.gravity-theme .gform_heading{
	margin-bottom: 30px;
}

.design-brief_wrapper.gform_wrapper.gravity-theme h2{
	padding: 0 0 20px 0;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gfield_html_formatted h2{
	font-size: 20px;
	line-height: 24px;
	padding: 20px 0;
	color: #f5333f;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gfield_label{
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0!important;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium{
	background: #f4f4f4;
	border: none;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gfield textarea.large{
	background: #f4f4f4;
	min-height: 100px;
	height: auto;
	line-height: 20px;
}
.gfield_checkbox, .gfield_radio{
	display: flex;
	flex-wrap: wrap;
}
.gfield_checkbox .gchoice, .gfield_radio .gchoice{
	width: 50%;
	display: flex;
	padding: 0 20px 0 0;
	justify-content: space-between;
	margin-bottom: 5px;
	align-items: flex-start;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gfield-choice-input+label{
	line-height: 19px;
	width: calc(100% - 20px);
	max-width: none;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gfield-choice-input{
	margin-top: 4px;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gform_footer, .design-brief_wrapper.gform_wrapper.gravity-theme .gform_page_footer{
	display: flex;
}

.design-brief_wrapper.gform_wrapper.gravity-theme .gfield_repeater legend.gfield_label{
	font-size: 20px;
	line-height: 24px;
	padding: 20px 0 0 0;
	text-align: center;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text, .design-brief_wrapper.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text{
	font-size: 14px;
	height: auto;
	padding: 5px 10px;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gfield_repeater_cell label, .design-brief_wrapper.gform_wrapper.gravity-theme .gfield_repeater .gfield_repeater_cell legend{
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	padding: 0;
	color: #666;
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input, #gform_send_resume_link_button_1{border: 0; outline: 0;}
.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button, #gform_send_resume_link_button_1{
	background: #989898!important;
    color: #fff!important;
	display: inline-flex;
	align-items: center;
}
.gform_wrapper.gravity-theme .gform_previous_button.button:hover, .gform_wrapper.gravity-theme .gform_save_link.button:hover, #gform_send_resume_link_button_1:hover{
    background: #f5333f!important;
    color: #fff;
}
#gform_send_resume_link_button_1{
	display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 12px 50px 14px 50px;
    background: #989898;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: background ease 0.5s;
    cursor: pointer;
    outline: none;
    font-weight: 700;
}



.gform_wrapper.gravity-theme .gform_save_link.button svg{
	margin-right: 10px!important;
}
.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button svg path{
	fill: #fff!important;
}
.gform_wrapper.gravity-theme .gf_step_number {
    background: 0 0;
    border: 2px solid #cfd3d9;
    border-radius: 20px;
    color: #585e6a;
    font-size: 14px;
    font-weight: 500;
    height: 30px!important;
    text-align: center;
    width: 30px!important;
}
.gform_wrapper.gravity-theme .gf_step {
    display: inline-block;
	width: calc(20% - 8px);
    margin: 4px 8px 4px 0!important;
}
.form_saved_message_sent{
	margin: 50px 0 0 0;
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
    background: #607382;
    border: 2px solid #607382;
    border-radius: 20px;
    content: "";
    display: table-cell;
    height: 30px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 30px;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
    background: #607382;
    border: none;
    border-radius: 20px;
    content: "";
    display: table-cell;
    height: 30px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 30px;
}
#field_1_1000 > .gfield_repeater_wrapper > .gfield_repeater > legend, #field_1_3000 > .gfield_repeater_wrapper > .gfield_repeater > legend, #field_1_2000 > .gfield_repeater_wrapper > .gfield_repeater > legend {
	display: none;
}
.gchoice a{
	text-decoration: underline;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number{
	    background: #607382;
	color: #fff;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before, .design-brief_wrapper.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after{
	display: none;
}
.design-brief_wrapper.gform_wrapper.gravity-theme .other .gfield_label{
	padding: 0 0 15px 0!important;
	margin: 0;
}



.page.newsletter .terms-content{
	padding: 0;
}



.mobileOnly{display: none;}
.highlight.mobile{display: none;}




@media only screen and (max-width: 1599px) {
	#header .inner {height: 115px;}
	.block.header {padding-top: 115px;}
	.page.press, .page.journal, .page.terms, .video-page{padding-top: 116px;}
}

@media only screen and (max-width: 1199px) {
	#header .inner {height: 105px;}
	.block.header {padding-top: 105px;}
	.page.press, .page.journal, .page.terms{padding-top: 106px;}
}

@media only screen and (max-width: 1099px) {
	#menu-header-menu li {margin: 30px 38px;}
}


@media only screen and (max-width: 959px) {
	#header .inner {height: 90px;}
	#menu-header-menu li {margin: 30px 25px;}
	a#nav-trigger {font-size: 11px; line-height: 35px; padding: 0 45px 0 0; background-size: 40px auto;}
	#header .logo {width: 160px; height: 36px;}
	
	footer {padding: 50px 0 60px 0;}
	
	footer .footer-columns{justify-content: flex-start;}
	footer .footer-columns .fc{width: calc(33.333% - 15px);}
	footer .footer-columns .fc.fc1 { order:1;}
	footer .footer-columns .fc.fc2 { order:4;}
	footer .footer-columns .fc.fc3 { order:2;}
	footer .footer-columns .fc.fc4 { order:5;}
	footer .footer-columns .fc.fc5 { order:3;}
	
	.block.header {padding-top: 90px;}
	.block.content-text, .block.content-quote {padding: 90px 0;}
	
	.home-highlight-projects {padding: 90px 0 0 0;}
	.home-highlight-projects .highlights .project .copy p {font-size: 22px; line-height: 26px; margin: 0 auto 25px auto; max-width: 80%;}
	.home-highlight-projects .highlights { padding: 100px 0 0 0;}
	.home-highlight-projects .highlights .project.copy-left, .home-highlight-projects .highlights .project.copy-right{margin-bottom: 100px;}
	.home-highlight-projects .highlights .project.copy-right .copy {top: 5%;}
	
	.home-contact .inner, .home-instagram, .home-featured-in, .portfolio-projects { padding: 100px 0;}
	
	.portfolio-projects .projects { margin: 100px 0 0 0;}
	.portfolio-projects .projects .project, .block.image-block, .back-to-portfolio {margin: 0 0 100px 0;}
	
	.process, .our-team  {padding: 100px 0 90px;}
	.our-services .block.content-text {padding: 100px 0 60px 0;}
	.block.services-list .inner {margin: 0 auto 100px auto;}
	
	.our-team .team-profiles {padding: 100px 0 0 0;}
	.our-team .team-profiles .profile{padding: 50px 0 100px 0;}
	
	.block.content-text.p-bottom{padding: 0 0 90px 0;}
	.press-articles {padding: 100px 0 0 0;}
	.press-articles .articles .article {margin: 0 12px 100px 12px;}
	.page.press, .page.journal, .page.terms {padding-top: 101px;}
	
	.journal-articles .articles .article {margin: 0 0 100px 0;}
	.article-content-blocks .article-image, .article-content-blocks .article-text {margin-bottom: 90px;}
	.back-to-journal {margin-bottom: 100px;}
	
	.video-page{padding: 90px 0 110px 0;}
	
	.download-guide-single .article-image{padding-bottom: 90px;}
	
	.design-diary-landing .process .copy .button{margin-top: 0;}
	
	.gform_wrapper.gravity-theme .gf_step {width: calc(33.333333% - 8px);}
	
}

@media only screen and (max-width: 767px) {
	#header .inner {height: 70px;}
	a#nav-trigger {font-size: 11px; line-height: 35px; padding: 0 45px 0 0; background-size: 40px auto;}
	#header .logo {left: auto; right: 0; transform: translateY(-50%); width: 120px; height: 26px;}
	#menu-header-menu {flex-direction: column; margin: 20px 0;}
	#menu-header-menu li {text-align: center; margin: 5px 10px;}
	
	footer {padding: 35px 0 15px 0;}
	footer .block-contact {padding: 20px 0; flex-direction: column; text-align: center;}
	footer p{padding: 0 0 10px 0;}
	footer .footer-socials {justify-content: center; margin-top: 20px; align-items: center;}
	footer .footer-socials ul {margin: 0 0 0 10px; }
	footer .block-signoff {flex-direction: column; padding: 0 0 20px 0;}
	footer .copyright {align-self: center;}
	footer ul.menu li {text-align: center;}
	
	footer ul.menu > li {margin-bottom: 20px;}
	
	footer .footer-columns .fc{width: calc(100%);}
	footer .footer-columns .fc.fc1 { order:1;}
	footer .footer-columns .fc.fc2 { order:2;}
	footer .footer-columns .fc.fc3 { order:3;}
	footer .footer-columns .fc.fc4 { order:4;}
	footer .footer-columns .fc.fc5 { order:5;}
	
	footer .footer-columns .fc.fc4 p{text-align: center;}
	
	footer .block-signoff ul.menu{margin-top: 20px;}
	footer .block-signoff ul.menu li {text-align: center;}

	body {font-size: 14px; line-height: 19px;}
	h1, .journal-articles.guides h2, .design-brief .block.header .inner .headline h1 {font-size: 20px; line-height: 30px; padding: 0 0 45px 0;}
	.button {font-size: 11px; line-height: 11px; padding: 10px 35px 10px 35px; margin: 20px 0 0 0;}
	.wpcf7-form input[type="submit"]{font-size: 11px; line-height: 11px; padding: 10px 35px 10px 35px; }
	p {padding: 0 0 25px 0;}

	
	
	.home-contact h2 {font-size: 18px; line-height: 26px; padding: 0 0 25px 0;}
	.page.home p, .page.contact p{padding: 0 0 20px 0;}
	
	.block.header {padding-top: 70px;}
	.block.header .inner, .page.contact .block.header .inner {max-height: 300px;}
	.block.header .inner .header-video{display: none;}
	
	.block.content-text .inner h2, .our-team h2 {font-size: 20px; line-height: 26px; padding: 0 0 35px 0;}
	.block.content-text .inner, .block.content-quote .inner {padding: 0;}
	.block.content-text, .block.content-quote {padding: 65px 0;}
	.block.content-text.p-bottom {padding: 0 0 65px 0;}
	.block.content-quote .quote p {padding: 0 0 20px 0;}
	.block.content-quote p.quote-name { margin: 30px 0 0 0;}
	
	.home-highlight-projects {padding: 65px 0 0 0;}
	.home-highlight-projects h2:before, .home-highlight-projects h2:after, .portfolio-projects h2:before, .portfolio-projects h2:after {width: 50px;}
	.home-highlight-projects h2:before, .portfolio-projects h2:before {left: -60px;}
	.home-highlight-projects .highlights .project.copy-left, .home-highlight-projects .highlights .project.copy-right{margin-top:110px; margin-bottom: 220px;}
	.home-highlight-projects .highlights .project.copy-left:last-of-type, .home-highlight-projects .highlights .project.copy-right:last-of-type{ margin-bottom: 110px;}
	.home-highlight-projects .highlights .project.copy-left .copy, .home-highlight-projects .highlights .project.copy-right .copy {width: 100%; top: -120px; left: 0; transform:none;}
	.home-highlight-projects .highlights .project .copy p {font-size: 18px; line-height: 22px; margin: 0 auto 5px auto; max-width: 90%;}
	.home-highlight-projects .highlights .project .button{margin-top: 10px;}
	.home-highlight-projects h2:after, .portfolio-projects h2:after {right: -60px;}
	
	.home-contact .inner {padding: 70px 0;}
	.home-contact .inner p { margin: 0;}
	
	.home-about .offset-image-block {width: 100%; margin: 0 auto 35px auto;}
	.home-about .offset-image-block .image-left{display: none;}
	.home-about .offset-image-block .image-right{display: none;}
	
	.home-instagram {padding: 70px 10px 58px 10px;}
	.home-instagram h2 {padding: 0 0 30px 0;}
	.instagram-pics li {width: calc(50% - 24px); margin: 12px;}
	.home-featured-in{padding: 70px 0 60px 0;}
	.home-featured-in .logos, .awards .logos{flex-wrap: wrap;}
	.home-featured-in .logos .logo{width: calc(50% - 20px); margin: 10px; align-self: center;}
	.awards .logos .logo {width: calc(100% - 20px); margin: 10px; align-self: center;}
	
	.portfolio-projects {padding: 70px 0 70px 0;}
	.portfolio-projects .projects { margin: 70px 0 0 0;}
	.portfolio-projects .projects .project .copy { margin: -50px auto 0 auto; width: 70%; padding: 30px 20px;}
	.portfolio-projects .projects .project .copy p {font-size: 16px; line-height: 21px;}
	.portfolio-projects .projects .project .copy .button {margin-top: 25px;}
	.portfolio-projects .projects .project, .block.image-block, .back-to-portfolio {margin: 0 0 70px 0;}
	
	.page.case-study .block.content-text .inner h2 {font-size: 15px; line-height: 20px;}
	.block.image-block, .back-to-portfolio {margin-bottom: 75px;}
	 
	.our-processes {padding: 0 0 40px 0;}
	.process {padding: 35px 0 30px;}
	.process .inner{flex-direction: column; justify-content: center;}
	.process:nth-child(odd) .inner .image {order: 0; }
	.process .inner .image {width: 100%; max-width: 561px; margin-bottom: 30px;}
	.process:nth-child(odd) .inner .copy {order: 1;}
	.process .inner .copy {width: 100%;}
	.process .inner .copy h3 {font-size: 18px; line-height: 25px;}
	.process .inner .copy h3:after {width: 30px; margin: 15px 0 15px 0;}
	.block.services-list .inner ul {font-size: 14px; line-height: 18px;}
	.block.services-list .inner {width: 100%; margin: 0 auto 60px auto;}
	.our-services .block.content-text {padding: 65px 0 35px 0;}
	
	.our-team {padding: 65px 0 65px 0;}
	.our-team .team-profiles {padding: 70px 0 0 0;}
	.our-team .team-profiles .profile {width: calc(50% - 12px); padding: 35px 0 75px 0;}
	.our-team .team-profiles .profile h3 {font-size: 18px; line-height: 24px; padding: 30px 0 10px 0;}
	.our-team .team-profiles .profile h4 { font-size: 16px; line-height: 22px;}
	.our-team .team-profiles .profile h4:after {width: 20px; margin: 15px 0 15px 0;}
	
	.page.press, .page.journal, .page.terms {padding-top: 71px;}
	.press-articles {padding: 70px 0 0 0;}
	.press-articles .articles .article {width: calc(50% - 24px); margin: 0 12px 70px 12px;}
	.journal-articles .articles .article {width: calc(50% - 12px); padding: 0 0 35px 0; margin: 0 0 70px 0;}
	.journal-articles .articles .article .copy h3 {font-size: 18px; line-height: 22px; padding: 15px 0 0 0;}
	.journal-articles .articles .article .copy h3:after {width: 20px; margin: 15px 0 15px 0;}
	.journal-articles .articles .article .copy p.date {font-size: 11px; line-height: 14px;}
	
	.cat-filter {font-size: 11px; line-height: 13px; margin: 0 auto 50px auto;}
	.journal-articles .articles .article .copy p.category  {margin: 20px 0 10px 0;font-size: 11px; line-height: 13px; padding: 0;}
	.article-header p.category{margin: 0 0 30px 0; font-size: 11px; line-height: 13px; padding: 0;}
	
	.article-content-blocks .article-image, .article-content-blocks .article-text {margin-bottom: 70px;}
	.article-content-blocks {padding: 0;}
	.article-content-blocks .article-image.with-caption {margin-bottom: 35px;}
	.article-image.with-quote .quote .inner {font-size: 18px; line-height: 28px; padding: 0 35px;}
	
	
	.terms-content, .video-page { padding: 70px 0 65px 0;}
	.terms-content h2 {font-size: 18px; line-height: 25px; padding: 30px 0 0 0;}
	.terms-content h2:after {width: 30px; margin: 15px 0 15px 0;}
	.terms-content h3 {font-size: 16px; line-height: 25px; padding: 20px 0 15px 0;}
	.terms-content p, .terms-content li {font-size: 13px; line-height: 18px;}
	.map-holder {padding: 70px 0 0 0;}
	
	.wpcf7-form {padding: 40px 0 0 0;}
	.wpcf7-form label {font-size: 11px; line-height: 11px;}
    
	#dl-guides{padding: 65px 0 0 0;	}
    .download-guide-form .inner {padding: 65px 0;}
    .download-guide-single .article-image{padding-bottom: 65px;}
	
	.design-diary-landing .process .copy h2 {font-size: 20px; line-height: 26px; padding: 0 0 10px 0;}
	
	.gform_wrapper.gravity-theme .gf_step {width: calc(50% - 8px);}
	
}


@media only screen and (max-width: 600px) {
	.col-half, .col-full {width: 100%; margin: 0 0 20px 0;}
	.wpcf7-form .row {margin-bottom: 0;}
	.block.services-list .inner ul {column-count: 2;}
	.our-team .team-profiles .profile {width: calc(100%); padding: 35px 0 75px 0;}
	.journal-articles .articles .article {width: calc(100%); padding: 0 0 35px 0; margin: 0 0 70px 0;}
	
	.article-image.with-quote{flex-direction: column;}
	.article-image.with-quote .image{width: 100%;}
	.article-image.with-quote .quote{width: 100%; margin-top: 30px;}
	.article-image.with-quote .quote .inner {padding: 20px 20px;}
	
	.design-diary-landing .process .copy .button{margin-top: 0;}
	
	
}

@media only screen and (max-width: 400px) {
	.design-brief_wrapper.gform_wrapper.gravity-theme .gform_footer, .design-brief_wrapper.gform_wrapper.gravity-theme .gform_page_footer{flex-wrap: wrap;}
}



@media only screen and (max-width: 320px) {
	.block.services-list .inner ul {column-count: 1;}
	
}

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

.grecaptcha-badge {
    display: none;
}
.shopify-buy-frame, .shopify-buy-frame--product{display: inline-block!important;}