.homepage-section-1{
	/*background-attachment:fixed;*/
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	height:70.4vw;
	position:relative;
}

.homepage-section-1 > a{
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
}

.homepage-section-1 .project-buttons{
	align-items:stretch;
	bottom:0;
	display:none;
	/*display:flex;*/
	justify-content:flex-end;
	position:absolute;
	right:0;
	width:auto;
}

.homepage-section-1 .project-buttons a,
.homepage-section-1 .project-buttons span{
	align-items:center;
	background-color:#637E28;
	box-sizing:border-box;
	color:#000000;
	display:flex;
	font-family:'Chivo_Mono';
	font-size:1rem;
	height:3.125rem;
	justify-content:center;
	letter-spacing:0.08em;
	line-height:1.1875em;
	padding:0.125rem 0.75rem;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
}

.homepage-section-1 .project-buttons a:nth-child(1),
.homepage-section-1 .project-buttons span:nth-child(1){
	background-color:#E0DCD1;
}

.homepage-section-1 .project-buttons a:nth-child(2),
.homepage-section-1 .project-buttons span:nth-child(2){
	background-color:#BD5D11;
	font-family:'TTCommonsPro';
	font-family: 'Chivo_Mono';
	font-weight:500;
	position:relative;
}
.homepage-section-1 .project-buttons a:nth-child(1) strong,
.homepage-section-1 .project-buttons span:nth-child(1) strong{
	font-weight:400;
	position:relative;
	z-index:8;
}
.homepage-section-1 .project-buttons a:nth-child(2) strong,
.homepage-section-1 .project-buttons span:nth-child(2) strong{
	font-weight:500;
	position:relative;
	z-index:8;
}
.homepage-section-1 .project-buttons a:nth-child(1):before,
.homepage-section-1 .project-buttons span:nth-child(1):before{
	background-color:#BD5D11;
	bottom:0;
	content:'';
	height:0;
	left:0;
	position:absolute;
	right:0;
	transition: height 0.3s ease-out 0s;
	z-index:7;
}
.homepage-section-1 .project-buttons a:nth-child(2):before,
.homepage-section-1 .project-buttons span:nth-child(2):before{
	background-color:#637E28;
	bottom:0;
	content:'';
	height:0;
	left:0;
	position:absolute;
	right:0;
	transition: height 0.3s ease-out 0s;
	z-index:7;
}

.homepage-section-1 .project-buttons a:hover:before,
.homepage-section-1 .project-buttons span:hover:before{
	height:100%;
}

@media screen and (min-width: 45em){

	.homepage-section-1{
		/*background-attachment:fixed;*/
		height:34.9vw;
	}

	.homepage-section-1 .project-buttons{
		display:flex;
	}

	.homepage-section-1 .project-buttons a,
	.homepage-section-1 .project-buttons span{
		font-size:1.125rem;
		height:3.25rem;
		padding:0.125rem 1rem;
	}

}

@media screen and (min-width:64em){

	.homepage-section-1 .project-buttons a,
	.homepage-section-1 .project-buttons span{
		font-size:1.25rem;
		height:3.5rem;
		padding:0.125rem 1.5rem;
	}
	
}

@media screen and (min-width:80em){
	
	.homepage-section-1{
		background-attachment:fixed;
	}

	.homepage-section-1 .project-buttons a,
	.homepage-section-1 .project-buttons span{
		font-size:1.3rem;
		height:4rem;
		padding:0.125rem 2rem;
	}

}

@media screen and (min-width: 90em){

	.homepage-section-1{
		height:41.875rem;
	}

}

.homepage-section-2{
	background-color:#000000;
	padding:1.875rem 0 5rem 0;
}

.homepage-section-2 h1{
	color:#E0DCD1;
	font-family:'PPEditorialNew';
	font-size:1.875rem;
	font-weight:200;
	line-height:1.3em;
	margin:0 0 0.75rem 0;
	max-width:16.875rem;
}

.homepage-section-2 p{
	color:#E0DCD1;
	font-family:'TTCommonsPro';
	font-size:1rem;
	font-weight:400;
	line-height:1.375em;
	margin:0;
	max-width:16.875rem;
}

@media screen and (min-width: 45em){

	.homepage-section-2{
		padding:4.375rem 0 9.75rem 0;
	}

	.homepage-section-2-inner{
		align-items:flex-end;
		display:flex;
		justify-content:space-between;
	}

	.homepage-section-2-inner > div:nth-child(1){
		max-width:45.875rem;
		width:47%;
	}

	.homepage-section-2-inner > div:nth-child(2){
		max-width:42.25rem;
		width:43.333%;
	}
	
	.homepage-section-2 h1{
		font-size:1.875rem;
		line-height:1.3em;
		margin:0.5em 0 0 0;
		max-width:none;
	}
	.homepage-section-2 h1:first-child{
		margin:0;
	}
	
	.homepage-section-2 p{
		font-size:1rem;
		line-height:1.375em;
		margin:0.8em 0;
		max-width:none;
	}
	.homepage-section-2 p:first-child{
		margin:0 0 0.8em 0;
	}

}

@media screen and (min-width:64em){
	
	.homepage-section-2{
		padding:5.575rem 0 11.75rem 0;
	}

	.homepage-section-2 h1{
		font-size:2.5rem;
		line-height:1.2875em;
	}
	
	.homepage-section-2 p{
		font-size:1.375rem;
		line-height:1.4em;
		margin:0.8em 0;
	}
	.homepage-section-2 p:first-child{
		margin:0 0 0.8em 0;
	}

}

@media screen and (min-width:80em){
	
	.homepage-section-2{
		padding:5.875rem 0 12.75rem 0;
	}
	
	.homepage-section-2 h1{
		font-size:3.25rem;
	}
	
	.homepage-section-2 p{
		font-size:1.75rem;
	}

}

@media screen and (min-width:90em){
	
	.homepage-section-2{
		padding:6.875rem 0 13.75rem 0;
	}
	
	.homepage-section-2 h1{
		font-size:3.75rem;
	}
	
	.homepage-section-2 p{
		font-size:1.875rem;
	}

}

@media screen and (min-width:100em){
	
	.homepage-section-2 h1{
		font-size:4.25rem;
	}

}



.homepage-section-3{
	margin:-2.5rem 0 0 0;
}

.homepage-section-3 .image{
	/*background-attachment:fixed;*/
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	height:65.6vw;
	margin:0 0 0 auto;
	width:78.3%;
}

.homepage-section-3-inner{
	margin:2.5rem 0 1.875rem 0;
}

.homepage-section-3 h1{
	color:#000000;
	font-family:'PPEditorialNew';
	font-size:1.875rem;
	font-weight:200;
	line-height:1.3em;
	margin:0 0 0.75rem 0;
	max-width:16.875rem;
}

.homepage-section-3 p{
	color:#000000;
	font-family:'TTCommonsPro';
	font-size:1rem;
	font-weight:400;
	line-height:1.375em;
	margin:0 0 1.875rem 0;
	max-width:16.875rem;
}

.homepage-section-3-inner div.image{
	display:none;
}

@media screen and (min-width: 45em){

	.homepage-section-3{
		margin:-3.875rem 0 0 0;
		padding:0rem 0 0 0;
	}
	
	.homepage-section-3 > div > div.image{
		display:none;
	}

	.homepage-section-3-inner{
		align-items:stretch;
		display:flex;
		justify-content:space-between;
		margin:0;
	}

	.homepage-section-3-inner > div:nth-child(1){
		align-items:center;
		display:flex;
		padding-bottom:1rem;
		padding-top:4.875rem;
		width:37.5%;
	}

	.homepage-section-3 h1{
		max-width:none;
	}
	
	.homepage-section-3 p{
		max-width:none;
	}

	.homepage-section-3-inner div.image{
		/*background-attachment:fixed;*/
		/*background-image:url('../../image/pages/Built-to-thrive.jpg');*/
		background-position:center center;
		background-repeat: no-repeat;
		background-size:cover;
		display:block;
		height:51.979vw;
		margin:0 0 0 0;
		width:55.9%;
	}

}

@media screen and (min-width:64em){

	.homepage-section-3-inner > div:nth-child(1){
		padding-bottom:2rem;
		padding-top:5.875rem;
	}

	.homepage-section-3 h1{
		font-size:3rem;
		line-height:1.142857em;
		margin:0 0 1.5rem 0;
	}
	
	.homepage-section-3 p{
		font-size:1.25rem;
		line-height:1.416em;
		margin:0 0 1.5rem 0;
	}

}

@media screen and (min-width:80em){

	.homepage-section-3 h1{
		font-size:4rem;
		line-height:1.142857em;
		margin:0 0 2.5rem 0;
	}
	
	.homepage-section-3 p{
		font-size:1.5rem;
		line-height:1.416em;
		margin:0 0 2.5rem 0;
	}

}

@media screen and (min-width:90em){

	.homepage-section-3 h1{
		font-size:4.375rem;
	}
}


.homepage-section-4{
	border-top:1px solid #000000;
	overflow:hidden;
}

.homepage-section-4 h1.h1-styled{
	font-family:'PPEditorialNew';
	font-size:4.625rem;
	font-weight:200;
	line-height:1.28378em;
	margin:-0.85rem 0 2rem 0;
	text-transform:uppercase;
}

@media screen and (min-width:45em){

	.homepage-section-4 h1.h1-styled{
		font-size:6rem;
		line-height:1.28378em;
		margin:-1.1rem 0 2rem 0;
	}

}

@media screen and (min-width:64em){

	.homepage-section-4 h1.h1-styled{
		font-size:8rem;
		line-height:1.28378em;
		margin:-1.5rem 0 2rem 0;
	}

	.homepage-section-4 p{
		width: 37.5%;
	}

}

@media screen and (min-width:80em){

	.homepage-section-4 h1.h1-styled{
		font-size:9.6875rem;
		line-height:1.28378em;
		margin:-2rem 0 2rem 0;
	}

}



/* ABOUT PAGE */

.about-section-1{
	padding:2rem 0 3.25rem 0;
}

.about-section-1 h1{
	color:#000000;
	font-family:'PPEditorialNew';
	font-size:1.25rem;
	font-weight:200;
	line-height:1.4em;
	margin:0 0 0.75rem 0;
	/*max-width:16.875rem;*/
}

.about-section-1 p{
	color:#000000;
	font-family:'TTCommonsPro';
	font-size:1rem;
	font-weight:400;
	line-height:1.375em;
	margin:0;
	/*max-width:16.875rem;*/
}

@media screen and (min-width: 45em){

	.about-section-1{
		/*padding:1rem 0 9.75rem 0;*/
		padding:3rem 0 9.75rem 0;
	}

	.about-section-1-inner{
		align-items:flex-end;
		display:flex;
		justify-content:space-between;
	}

	.about-section-1-inner > div:nth-child(1){
		max-width:45.875rem;
		width:47%;
	}

	.about-section-1-inner > div:nth-child(2){
		max-width:42.25rem;
		width:43.333%;
	}
	
	.about-section-1 h1{
		font-size:2.5rem;
		line-height:1.2em;
		margin:0.5em 0 0 0;
		max-width:none;
	}
	.about-section-1 h1:first-child{
		margin:0;
	}
	
	.about-section-1 p{
		font-size:1.125rem;
		line-height:1.4em;
		margin:0.8em 0;
		max-width:none;
	}
	.about-section-1 p:first-child{
		margin:0 0 0.5em 0;
	}

}

@media screen and (min-width:64em){
	
	.about-section-1{
		/*padding:3.5rem 0 11.75rem 0;*/
		padding:3.5rem 0 11.75rem 0;
	}

	.about-section-1 h1{
		font-size:2.75rem;
		line-height:1.2em;
	}
	
	.about-section-1 p{
		font-size:1.25rem;
		margin:0.8em 0;
	}
	.about-section-1 p:first-child{
		margin:0 0 0.5em 0;
	}

}

@media screen and (min-width:80em){
	
	.about-section-1{
		/*padding:4rem 0 12.75rem 0;*/
		padding:3.75rem 0 12.75rem 0;
	}
	
	.about-section-1 h1{
		font-size:3rem;
	}
	
	.about-section-1 p{
		font-size:1.4rem;
	}

}

@media screen and (min-width:90em){
	
	.about-section-1{
		/*padding:4rem 0 13.75rem 0;*/
		padding:4rem 0 13.75rem 0;
	}
	
	.about-section-1 h1{
		font-size:3.125rem;
	}
	
	.about-section-1 p{
		font-size:1.5rem;
	}

}

.about-section-2{
	/*margin:-2.5rem 0 0 0;*/
}

.about-section-2-inner{
	border-top:0;
	margin:2.5rem 0 1.875rem 0;
}

.about-section-2-inner > div:nth-child(1){
	padding-bottom:0.5rem;
	padding-top:0.5rem;
}

.about-section-2 .image{
	/*background-attachment:fixed;*/
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	border-top:1px solid #000000;
	height:81.7vw;
	margin:0 0 0 auto;
}

.about-section-2 h1{
	color:#000000;
	font-family:'PPEditorialNew';
	font-size:1.875rem;
	font-weight:200;
	line-height:1.3em;
	margin:0 0 0.75rem 0;
}

.about-section-2 p{
	color:#000000;
	font-family:'TTCommonsPro';
	font-size:1rem;
	font-weight:400;
	line-height:1.375em;
	margin:0 0 1.875rem 0;
}

.about-section-2-inner div.image{
	display:none;
}

@media screen and (min-width: 45em){

	.about-section-2{
		margin:-3.875rem 0 0 0;
		padding:0rem 0 0 0;
	}
	
	.about-section-2 > div > div.image{
		display:none;
	}

	.about-section-2-inner{
		align-items:stretch;
		border-top:1px solid #000000;
		display:flex;
		justify-content:space-between;
		margin:0;
	}

	.about-section-2-inner > div:nth-child(1){
		align-items:center;
		display:flex;
		padding-bottom:3rem;
        padding-top:2rem;
		width:37.5%;
	}

	.about-section-2 h1{
		max-width:none;
	}
	
	.about-section-2 p{
		font-size:1.125rem;
		max-width:none;
	}

	.about-section-2-inner div.image{
		/*background-attachment:fixed;*/
		background-position:center center;
		background-repeat: no-repeat;
		background-size:cover;
		border-top:0;
		display:block;
		/*height:51.979vw;*/
		height:auto;
		margin:0 0 0 0;
		position:relative;
		width:55.9%;
		z-index:18;
	}

}

@media screen and (min-width:64em){

	.about-section-2-inner > div:nth-child(1){
		padding-bottom:5rem;
        padding-top:3rem;
	}

	.about-section-2 h1{
		font-size:3rem;
		line-height:1.142857em;
		margin:0 0 1.5rem 0;
	}
	
	.about-section-2 p{
		font-size:1.25rem;
		line-height:1.416em;
		margin:0 0 1.5rem 0;
	}

}

@media screen and (min-width:80em){

	.about-section-2-inner div.image{
		/*background-image:url('../../image/pages/11-E19th-Ave-Vancouver-20-c.png');*/
	}

	.about-section-2 h1{
		font-size:4rem;
		line-height:1.142857em;
		margin:0 0 2.5rem 0;
	}
	
	.about-section-2 p{
		font-size:1.35rem;
		line-height:1.416em;
		margin:0 0 2.5rem 0;
	}

}

@media screen and (min-width:90em){

	.about-section-2 h1{
		font-size:4.375rem;
	}
	
	.about-section-2 p{
		font-size:1.5rem;
	}

}

.about-section-3{
	background-color:#000000;
	padding:6.25rem 0 6.25rem 0;
	position:relative;
	z-index:16;
}

.about-section-3 h1{
	color:#E0DCD1;
	font-family:'PPEditorialNew';
	font-size:3.375rem;
	font-weight:200;
	line-height:1.4em;
	margin:0 0 0.75rem 0;
	text-align:center;
	text-transform:uppercase;
}

.about-section-3 p{
	color:#E0DCD1;
	font-family:'TTCommonsPro';
	font-size:1rem;
	font-weight:400;
	line-height:1.375em;
	margin:0 0 1.75em 0;
	text-align:center;
}

.h1-styled-container{
	border-top:1px solid #E0DCD1;
	margin-top:6.5rem;
    overflow:hidden;
}

.about-section-3 h1.h1-styled{
	font-family:'PPEditorialNew';
	font-size:3.375rem;
	font-weight:200;
	line-height:1.277em;
	margin:-0.85rem 0 0rem 0;
	text-transform:uppercase;
}

@media screen and (min-width: 45em){

	.about-section-3{
		margin-top:-3rem;
		padding:8rem 0 8rem 0;
	}

	.about-section-3-inner{
		align-items:flex-start;
		display:flex;
		justify-content:space-between;
	}

	.about-section-3-inner > div:nth-child(1){
		max-width:none;
		width:46.3%;
	}

	.about-section-3-inner > div:nth-child(2){
		max-width:none;
		width:46.3%;
	}

	.about-section-3-inner > div:nth-child(2) p{
		max-width:36.875rem;
	}
	
	.about-section-3 h1{
		font-size:4rem;
		line-height:1.2em;
		margin:0.5em 0 0 0;
		max-width:none;
		text-align:left;
	}
	.about-section-3 h1:first-child{
		margin:0;
	}
	
	.about-section-3 p{
		font-size:1.125rem;
		line-height:1.4em;
		max-width:33.75rem;
		text-align:left;
	}

	.h1-styled-container{
		margin-top:7rem;
	}

	.about-section-3 h1.h1-styled{
		font-size:3rem;
		line-height:1.2875em;
		margin:-0.5rem 0 4rem 0;
	}

}

@media screen and (min-width:64em){
	
	.about-section-3{
		margin-top:-3.5rem;
		padding:11rem 0 9rem 0;
	}

	.about-section-3 h1{
		font-size:4.5rem;
		line-height:1.2em;
	}
	
	.about-section-3 p{
		font-size:1.25rem;
	}

	.h1-styled-container{
		margin-top:8.5rem;
	}

	.about-section-3 h1.h1-styled{
		font-size:4rem;
		margin:-0.75rem 0 4.5rem 0;
	}

}

@media screen and (min-width:80em){
	
	.about-section-3{
		margin-top:-4rem;
		padding:15rem 0 10rem 0;
	}
	
	.about-section-3 h1{
		font-size:4.75rem;
	}
	
	.about-section-3 p{
		font-size:1.4rem;
	}

	.h1-styled-container{
		margin-top:11rem;
	}

	.about-section-3 h1.h1-styled{
		font-size:4.5rem;
		margin:-0.9rem 0 5rem 0;
	}

}

@media screen and (min-width:90em){
	
	.about-section-3{
		margin-top:-4.25rem;
		padding:17.5rem 0 11.875rem 0;
	}
	
	.about-section-3 h1{
		font-size:5rem;
	}
	
	.about-section-3 p{
		font-size:1.5rem;
	}

	.h1-styled-container{
		margin-top:11.875rem;
	}

	.about-section-3 h1.h1-styled{
		font-size:5rem;
		margin:-1rem 0 5.625rem 0;
	}

}


.about-section-3-inner-2 > div{
	padding-top:3.75rem;
}

.about-section-3-inner-2 .icon{
	text-align:center;
}

.about-section-3-inner-2 .icon img{
	height:60px;
}

.about-section-3-inner-2 h2{
	color:#E0DCD1;
	font-weight:200;
	text-align:center;
}

.about-section-3-inner-2 p{
	margin-bottom:0;
}

@media screen and (min-width: 45em){

	.about-section-3-inner-2{
		align-items:flex-start;
		display:flex;
		justify-content:space-between;
	}

	.about-section-3-inner-2 > div{
		padding-top:0;
		width:19.5%;
	}

	.about-section-3-inner-2 .icon{
		height:77px;
		text-align:left;
	}

	.about-section-3-inner-2 .icon img{
		height:77px;
	}

	.about-section-3-inner-2 h2{
		text-align:left;
	}

}


.about-section-4{
	/*margin:-2.5rem 0 0 0;*/
}

.about-section-4-inner{
	margin:2.5rem 0 1.875rem 0;
}

.about-section-4-inner > div:nth-child(1){
	padding-bottom:4rem;
	padding-top:0.5rem;
}

.about-section-4 .image{
	/*background-attachment:fixed;*/
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	height:76.75vw;
	margin:0 0 0 auto;
}

.about-section-4 h1{
	color:#000000;
	font-family:'PPEditorialNew';
	font-size:1.875rem;
	font-weight:200;
	line-height:1.3em;
	margin:0 0 0.75rem 0;
	/*max-width:16.875rem;*/
}

.about-section-4 p{
	color:#000000;
	font-family:'TTCommonsPro';
	font-size:1rem;
	font-weight:400;
	line-height:1.375em;
	margin:0 0 1.875rem 0;
	/*max-width:16.875rem;*/
}

.about-section-4-inner div.image{
	display:none;
}

@media screen and (min-width: 45em){

	.about-section-4{
		margin:0 0 0 0;
		padding:0rem 0 8rem 0;
	}
	
	.about-section-4 > div > div.image{
		display:none;
	}

	.about-section-4-inner{
		align-items:stretch;
		/*border-top:1px solid #000000;*/
		display:flex;
		justify-content:space-between;
		margin:0;
	}

	.about-section-4-inner > div:nth-child(1){
		align-items:center;
		display:flex;
		padding-bottom:0;
		padding-top:0;
		width:37.5%;
	}

	.about-section-4 h1{
		max-width:none;
	}
	
	.about-section-4 p{
		max-width:none;
	}

	.about-section-4-inner div.image{
		/*background-attachment:fixed;*/
		background-position:center center;
		background-repeat: no-repeat;
		background-size:cover;
		display:block;
		height:51.979vw;
		margin:0 0 0 0;
		position:relative;
		width:55.9%;
		z-index:18;
	}

}

@media screen and (min-width:64em){

	.about-section-4{
		padding:0rem 0 9rem 0;
	}

	.about-section-4-inner > div:nth-child(1){
		padding-bottom:0;
		padding-top:0;
	}

	.about-section-4 h1{
		font-size:3rem;
		line-height:1.142857em;
		margin:0 0 1.5rem 0;
	}
	
	.about-section-4 p{
		font-size:1.25rem;
		line-height:1.416em;
		margin:0 0 1.5rem 0;
	}

}

@media screen and (min-width:80em){

	.about-section-4{
		padding:0rem 0 9.875rem 0;
	}

	.about-section-4 h1{
		font-size:4rem;
		line-height:1.142857em;
		margin:0 0 2.5rem 0;
	}
	
	.about-section-4 p{
		font-size:1.5rem;
		line-height:1.416em;
		margin:0 0 2.5rem 0;
	}

}

@media screen and (min-width:90em){

	.about-section-4{
		padding:0rem 0 10.875rem 0;
	}

	.about-section-4 h1{
		font-size:4.375rem;
	}

}


.projects-showcase-container{
	margin-top:2.5rem;
}

.projects-showcase{
}

.projects-showcase .project{
	background-color:#B5AB8F;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	/*height:12.5rem;*/
	height:14.375rem;
	margin:0 auto 3.125rem auto;
	max-width:420px;
	position:relative;
	width:100%;
}

.projects-showcase .project > a{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	bottom:0;
	left:0;
	opacity:0;
	position:absolute;
	right:0;
	top:0;
	transition: opacity 0.25s linear 0s;
	z-index:12;
}

.projects-showcase .project > a:hover{
	opacity:1;
	text-decoration:none;
}

.projects-showcase .project .project-title{
	align-items:center;
	display:flex;
	/*height:9.375rem;*/
	height:11.25rem;
	justify-content:center;
	width:100%;
}

.projects-showcase .project .project-title p{
	color:#E0DCD1;
	font-family:'PPEditorialNew';
	font-size:1.8125rem;
	font-weight:200;
	line-height:1.2758em;
	padding-top:0.25em;
}

.projects-showcase .project .project-buttons{
	align-items:stretch;
	bottom:0;
	display:flex;
	justify-content:flex-start;
	position:absolute;
	right:0;
	width:100%;
	z-index:14;
}

.projects-showcase .project .project-buttons > a,
.projects-showcase .project .project-buttons > span{
	align-items:center;
	background-color:#637E28;
	box-sizing:border-box;
	display:flex;
	font-family:'Chivo_Mono';
	font-size:1rem;
	height:3.125rem;
	justify-content:center;
	letter-spacing:0.08em;
	line-height:1.1875em;
	padding:0.125rem;
	text-align:center;
	text-transform:uppercase;
	width:50%;
}

.projects-showcase .project .project-buttons > a:nth-child(1),
.projects-showcase .project .project-buttons > span:nth-child(1){
	background-color:#637E28;
	font-family:'TTCommonsPro';
	font-family: 'Chivo_Mono';
	font-weight:500;
	position:relative;
	width:60%;
}
.projects-showcase .project .project-buttons > a:nth-child(1) strong,
.projects-showcase .project .project-buttons > span:nth-child(1) strong{
	font-weight:500;
	position:relative;
	z-index:8;
}
.projects-showcase .project .project-buttons > a:nth-child(1):before,
.projects-showcase .project .project-buttons > span:nth-child(1):before{
	background-color:#BD5D11;
	bottom:0;
	content:'';
	height:0;
	left:0;
	position:absolute;
	right:0;
	transition: height 0.3s ease-out 0s;
}
.projects-showcase .project .project-buttons > a:nth-child(1),
.projects-showcase .project a:hover .project-buttons > span:nth-child(1){
	text-decoration: none;
}
.projects-showcase .project .project-buttons > a:nth-child(2),
.projects-showcase .project .project-buttons > span:nth-child(2){
	background-color:#BD5D11;
	font-family:'TTCommonsPro';
	font-weight:500;
	position:relative;
	width:40%;
}
.projects-showcase .project .project-buttons > a:nth-child(2):before,
.projects-showcase .project .project-buttons > span:nth-child(2):before{
	background-color:#E0DCD1;
	bottom:0;
	content:'';
	height:0;
	left:0;
	position:absolute;
	right:0;
	transition: height 0.3s ease-out 0s;
}
.projects-showcase .project .project-buttons > a:hover:before{
	height:100%;
}
.projects-showcase .project .project-buttons > a:nth-child(2) strong,
.projects-showcase .project .project-buttons > span:nth-child(2) strong{
	font-weight:500;
	position:relative;
}

.projects-showcase-button-mobile{
	margin-bottom:5.625rem;
	text-align:center;
}

.projects-showcase-button-desktop{
	display:none;
}

.projects-showcase-nav{
	display:none;
	padding-right:2.25rem;
}

.projects-showcase-nav a{
	display:block;
	height:24px;
	overflow:hidden;
	text-decoration:none;
	width:78px;
}

.projects-showcase-nav a.icon-prev{
	background:url('../../image/global/arrow-left.svg') center center no-repeat;
}

.projects-showcase-nav a.icon-next{
	background:url('../../image/global/arrow-right.svg') center center no-repeat;
}

.project-button-label{
	cursor:pointer;
}

@media screen and (min-width: 45em){

	.projects-showcase-button-mobile{
		display:none;
	}

	.projects-showcase-button-desktop{
		display:block;
	}

	.projects-showcase-container{
		margin-bottom:11.875rem;
		margin-top:8.125rem;
	}

	.projects-showcase{
		display: flex;
		flex-wrap: nowrap;
		/*overflow-x: auto;*/
		overflow-x:hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style:-ms-autohiding-scrollbar;
	}

	.projects-showcase .project{
		/*flex: 0 0 auto;*/
		height:24.4375rem;
		margin:0 auto 0 auto;
		max-width:none;
		width:auto;
	}
	.projects-showcase .project{
		margin-right:1.73%;
		min-width:60.67%;
	}
	.projects-showcase .project.small{
		margin-right:1.73%;
		min-width:37.6%;
	}
	
	.projects-showcase .project:last-child{
		margin-right:0;
	}

	.projects-showcase .project .project-title{
		height:20.1875rem;
	}

	.projects-showcase .project .project-title p{
		font-size:3rem;
		line-height:1.2758em;
		padding-top:0.25em;
	}
	.projects-showcase .project .project-buttons > a,
	.projects-showcase .project .project-buttons > span{
		font-size:1.125rem;
		height:3.25rem;
		letter-spacing:0.08em;
		line-height:1.1875em;
		padding:0.125rem 1.875rem;
		width:auto;
	}

	.projects-showcase .project .project-buttons > a:nth-child(1),
	.projects-showcase .project .project-buttons > span:nth-child(1){
		width:auto;
	}
	.projects-showcase .project .project-buttons > a:nth-child(2),
	.projects-showcase .project .project-buttons > span:nth-child(2){
		width:auto;
	}

	.projects-showcase-nav{
		align-items:flex-start;
		box-sizing:border-box;
		display:flex;
		gap:60px;
		justify-content:flex-end;
		padding-right:4%;
		margin-top:2.375rem;
		width:100%;
	}

	.projects-showcase-nav a{
		display:block;
		height:24px;
		overflow:hidden;
		text-decoration:none;
		width:78px;
	}

	.projects-showcase-nav a:hover{
		opacity:0.7;
	}

}

@media screen and (min-width:64em){

	.projects-showcase-container{
		margin-bottom:11.875rem;
		margin-top:8.125rem;
	}
	.projects-showcase{
	}
	.projects-showcase .project{
		height:28.4375rem;
	}
	.projects-showcase .project .project-title{
		height:24.1875rem;
	}
	.projects-showcase .project .project-title p{
		font-size:4rem;
		padding-top:0.25em;
	}
	.projects-showcase .project .project-buttons > a,
	.projects-showcase .project .project-buttons > span{
		font-size:1.3rem;
		height:4rem;
	}
	.projects-showcase-nav{
		padding-right:7.29%;
		margin-top:3.375rem;		
	}

}

@media screen and (min-width:80em){

	.projects-showcase-container{
		margin-bottom:11.875rem;
		margin-top:8.125rem;
	}
	.projects-showcase{
	}
	.projects-showcase .project{
		height:32.4375rem;
	}
	.projects-showcase .project .project-title{
		height:28.1875rem;
	}
	.projects-showcase .project .project-title p{
		font-size:5.25rem;
		padding-top:0.35em;
	}

	.projects-showcase-nav{
		margin-top:4.375rem;
	}

}

@media screen and (min-width:90em){

	.projects-showcase-container{
		margin-bottom:11.875rem;
		margin-top:8.125rem;
	}
	.projects-showcase{
	}
	.projects-showcase .project{
		height:38.4375rem;
	}
	.projects-showcase .project .project-title{
		height:34.1875rem;
	}
	.projects-showcase .project .project-title p{
		font-size:6.25rem;
		padding-top:0.5em;
	}

}

/* PROJECTS LISTING PAGE */

main > .projects-listing,
main > .projects-listing-alt{
	margin-bottom:3rem;
}
main > .projects-listing:last-child{
	padding-bottom:2rem;
}

.projects-listing .project{
	position:relative;
}

.project-listing-alt .project{
	padding-bottom:2rem;
}

.projects-listing .project-image{
	align-items:center;
	background-color:#637E28;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	display:flex;
	height:51.282vw;
	justify-content: center;
	position:relative;
	z-index:8;
}

.projects-listing .project .project-title{
	text-align:center;
}

.projects-listing .project .project-title a{
	align-items: center;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	bottom:0;
	display:flex;
	justify-content: center;
	left:0;
	opacity:0;
	position:absolute;
	right:0;
	text-decoration:none;
	transition: opacity 0.25s linear 0s;
	top:0;
}

.projects-listing .project .project-title a.color-swap{
	background-color:rgba(0,0,0,0);
	opacity:1;
	transition: background 0.25s linear 0s;
}
.projects-listing .project .project-title a.color-swap:hover{
	background-color:rgba(0,0,0,1);
}

.projects-listing .project .project-title a:hover{
	opacity:1;
}

.projects-listing .project .project-title p{
	color:#E0DCD1;
	font-family:'PPEditorialNew';
	font-size:1.8125rem;
	font-weight:200;
	line-height:1.2758em;
	padding-top:0.25em;
}

.projects-listing .project-details{
	margin-top:3rem;
	position:relative;
	z-index:7;
}

.projects-listing .project-image-desktop{
	align-items:center;
	background-color:#637E28;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	display:none;
	justify-content: center;
	position:relative;
	z-index:9;
}

.project-listing-alt{
	margin-bottom:3.125rem;
	padding-bottom:1px;
	position:relative;
}
.project-listing-alt:before{
	background-color:#000000;
	bottom:0;
	content:'';
	left:0;
	position:absolute;
	right:0;
	top:2rem;
	z-index:2;
}

.project-listing-alt .project-details h1,
.project-listing-alt .project-details p{
	color:#E0DCD1;
}

.project-listing-alt .projects-listing .project-image{
	/*margin-top:-2rem;*/
}

@media screen and (min-width: 45em){	

	main > .projects-listing,
	main > .projects-listing-alt{
		margin-bottom:6rem;
	}
	main > .projects-listing:last-child{
		padding-bottom:3.625rem;
	}

	.project-listing-alt:before{
		background-color:#000000;
		bottom:0;
		content:'';
		left:0;
		position:absolute;
		right:4%;
		top:0;
		z-index:2;
	}

	.project-listing-alt .project{
		padding-bottom:3rem;
		padding-top:3rem;
	}
	.projects-listing .project{
		align-items: stretch;
		display:flex;
		justify-content:space-between;
	}
	.project-listing-alt{
		margin-bottom:6rem;
	}
	.projects-listing .project > div{
		align-items: center;
		box-sizing:border-box;
		display:flex;
		justify-content:center;
		padding:1.25rem;
		width:50%;
	}
	.projects-listing .project-image{
		max-height:41.9375rem;
		height:34.9479vw;
	}

	.projects-listing .project .project-details{
		margin-top:0;
		padding:1.25rem 5%;
	}

	.projects-listing .project .project-title p{
		font-size:3rem;
		line-height:1.2758em;
		padding-top:0.25em;
	}

	.project-listing-alt .projects-listing .project .project-image{
		display:none;
	}

	.project-listing-alt .projects-listing .project .project-image-desktop{
		display:block;
		max-height:41.9375rem;
		height:34.9479vw;
	}

}

@media screen and (min-width:64em){

	main > .projects-listing,
	main > .projects-listing-alt{
		margin-bottom:8rem;
	}
	main > .projects-listing:last-child{
		padding-bottom:4.625rem;
	}

	.project-listing-alt:before{
		right:7.29%;
	}

	.project-listing-alt{
		margin-bottom:8rem;
	}

	.projects-listing .project .project-details{
		padding:1.25rem 7.5%;
	}

	.projects-listing .project .project-title p{
		font-size:4rem;
		padding-top:0.25em;
	}

}

@media screen and (min-width:80em){

	main > .projects-listing,
	main > .projects-listing-alt{
		margin-bottom:9rem;
	}
	main > .projects-listing:last-child{
		padding-bottom:5rem;
	}

	.project-listing-alt{
		margin-bottom:9rem;
	}

	.projects-listing .project .project-details{
		padding:1.25rem 10%;
	}

	.projects-listing .project .project-title p{
		font-size:5.25rem;
		padding-top:0.25em;
	}

}

@media screen and (min-width:90em){

	main > .projects-listing,
	main > .projects-listing-alt{
		margin-bottom:10rem;
	}
	main > .projects-listing:last-child{
		padding-bottom:5.625rem;
	}

	.project-listing-alt{
		margin-bottom:10rem;
	}

	.projects-listing .project .project-title p{
		font-size:6.25rem;
		padding-top:0.25em;
	}

}

/* PROJECT PAGE */ 

.project-post .project-image{
	align-items:center;
	background-color:#637E28;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	display:flex;
	height:51.282vw;
	justify-content: center;
	position:relative;
	z-index:8;
}

.project-post .project-title p{
	color:#E0DCD1;
	font-family:'PPEditorialNew';
	font-size:1.8125rem;
	font-weight:200;
	line-height:1.2758em;
	padding-top:0.25em;
}

.project-post .project-title .project-logo img{
	max-width:80%;
}

@media screen and (min-width: 45em){

	.project-post .project-image{
		/*background-attachment:fixed;*/
		max-height:41.9375rem;
		height:34.9479vw;
	}

	.project-post .project-title p{
		font-size:3rem;
		line-height:1.2758em;
		padding-top:0.25em;
	}

	.project-post .project-title .project-logo img{
		height:auto;
		width:420px;
	}

}

@media screen and (min-width:64em){

	.project-post .project-title p{
		font-size:4rem;
		padding-top:0.25em;
	}

}

@media screen and (min-width:80em){
	
	.project-post .project-image{
		background-attachment:fixed;
	}

	.project-post .project-title p{
		font-size:5.25rem;
		padding-top:0.25em;
	}

}

@media screen and (min-width:90em){

	.project-post .project-title p{
		font-size:6.25rem;
		padding-top:0.25em;
	}

}


.project-post-content{
	margin:3rem 0 3rem 0;
}

.project-post-content h1{
	margin:0 0 1.5rem 0;
}

.project-post-content h2{
	color:#000000;
	font-family:'PPEditorialNew';
	/*font-size:2.41rem;*/
	font-size:1.75rem;
	font-weight:200;
	line-height:1.16em;
	margin:1.25rem 0;
	max-width:63.5rem;
}

.project-post-content p{
	max-width:53.75rem;
}

.project-post-specs{
	margin:3.375rem 0;
}

.project-post-specs > div{
	margin:2rem 0;
}

.project-post-specs > div h3{
	color:#BD5D11;
	font-family:'Chivo_Mono';
	font-size:1.125rem;
	font-weight:300;
	letter-spacing:0.05em;
	line-height:1em;
	margin:0 0 0.625rem 0;
	text-transform:uppercase;
}

.project-post-specs > div p{}

.project-post-specs > div p a{text-decoration: underline;}
.project-post-specs > div p a:hover{text-decoration: none;}

@media screen and (min-width: 45em){

	.project-post-content{
		margin:3.5rem 0 4.5rem 0;
	}

	.project-post-content h1{
		margin:0 0 3.375rem 0;
	}

	.project-post-content h2{
		line-height:1.2777em;
		margin:0 0 1.5rem 0;
	}

	.project-post-specs{
		align-items:stretch;
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		margin-bottom:0;
	}

	.project-post-specs.max-2-col{
		max-width:1040px;
	}

	.project-post-specs > div{
		margin:0 4% 3.375rem 0;
		width:46%;
	}

	.project-post-specs > div h3{
		font-size:1.5rem;
		margin:0 0 1.25rem 0;
	}
	
	.project-post-gallery .projects-showcase-container{
		margin-top:1.5rem;
	}

	.project-post-gallery .projects-showcase{
        
	}

}

@media screen and (min-width:64em){

	.project-post-content{
		margin:4.5rem 0 5.5rem 0;
	}

	.project-post-content h1{
		margin:0 0 3.375rem 0;
	}

	.project-post-content h2{
		/*font-size:4.125rem;*/
		font-size:2.5rem;		
		margin:0 0 1.5rem 0;
	}

	.project-post-specs > div{
		margin:0 3.333% 6.375rem 0;
		width:29%;
	}

	.project-post-specs.max-2-col > div{
		margin:0 4% 6.375rem 0;
		width:46%;
	}

	.project-post-specs > div h3{
		font-size:1.5rem;
		margin:0 0 1.25rem 0;
	}


}

@media screen and (min-width:80em){

	.project-post-content{
		margin:5.5rem 0 6.5rem 0;
	}

	.project-post-content h1{
		margin:0 0 3.375rem 0;
	}

	.project-post-content h2{
		/*font-size:5.125rem;*/
		font-size:3.25rem;
		margin:0 0 1.5rem 0;
	}

	.project-post-specs > div h3{
		font-size:1.75rem;
		margin:0 0 1.25rem 0;
	}

	
	.project-post-gallery .projects-showcase-container{
        margin-top:5.5rem;
	}
	.project-post-gallery .projects-showcase{
	}

}

@media screen and (min-width:90em){

	.project-post-content{
		margin:6.25rem 0 8.75rem 0;
	}

	.project-post-content h1{
		margin:0 0 3.375rem 0;
	}

	.project-post-content h2{
		/*font-size:5.625rem;*/
		font-size:3.75rem;
		margin:0 0 1.5rem 0;
	}

	.project-post-specs > div h3{
		font-size:1.875rem;
		margin:0 0 1.25rem 0;
	}


}


/* CONTACT PAGE */

.contact-content .col-1 h1{
	color:#000000;
	font-family:'PPEditorialNew';
	font-size:1.875rem;
	font-weight:200;
	line-height:1.266em;
	margin:0 0 2.5rem 0;
}

.contact-content .col-2{
	margin:4rem 0;
}

.contact-content .col-2 h1{
	color:#000000;
	font-family:'TTCommonsPro';
	font-size:1.25rem;
	font-weight:500;
	line-height:1.4em;
	margin:2.5rem 0 0.125rem 0;
}

.contact-content .col-2 h1:first-child{
	margin:0 0 0.125rem 0;
}

.contact-content .col-2 p{
	color:#000000;
	font-family:'TTCommonsPro';
	font-size:1rem;
	font-weight:400;
	line-height:1.5em;
	margin:0 0 0.125rem 0;
}

.contact-content .col-2 p a{
	text-decoration:underline;
}

.contact-content .col-2 p a:hover{
	text-decoration:none;
}

@media screen and (min-width: 45em){

	.contact-content-cols{
		align-content: flex-start;
		display:flex;
		justify-content: space-between;
	}

	.contact-content .col-1{
		margin:0 0 4rem 0;
		width:65.5%;
	}
	
	.contact-content .col-2{
		margin:0 0;
		width:19.5%;
	}

}

@media screen and (min-width:64em){

	.contact-content{
		/*padding:5rem 0 1rem 0; */
		padding:3rem 0 1rem 0; 
 	}

	.contact-content .col-1 h1{
		/*font-size:4rem;*/
		font-size:3rem;
		line-height:1.27777em;
		margin:0 0 3.625rem 0;
	}
	
	.contact-content .col-2{
		margin:0rem 0;
	}
	
	.contact-content .col-2 h1{
		font-size:1.75rem;
		line-height:1.4666em;
		margin:2.5rem 0 0.125rem 0;
	}
	
	.contact-content .col-2 h1:first-child{
		margin:0 0 0.125rem 0;
	}
	
	.contact-content .col-2 p{
		font-size:1.35rem;
		line-height:1.83em;
		margin:0 0 0.125rem 0;
	}

}

@media screen and (min-width:80em){

	.contact-content{
		/*padding:8rem 0 1rem 0;*/
		padding:4rem 0 1rem 0; 
 	}

	.contact-content .col-1 h1{
		/*font-size:5.625rem;*/
		font-size:4.375rem;
		line-height:1.27777em;
		margin:0 0 5.625rem 0;
	}
	
	.contact-content .col-2{
		margin:0rem 0;
	}
	
	.contact-content .col-2 h1{
		font-size:1.875rem;
		line-height:1.4666em;
		margin:2.5rem 0 0.125rem 0;
	}
	
	.contact-content .col-2 h1:first-child{
		margin:0 0 0.125rem 0;
	}
	
	.contact-content .col-2 p{
		font-size:1.5rem;
		line-height:1.83em;
		margin:0 0 0.125rem 0;
	}

}



.contact-form{
	margin-top:2.75rem;
}

.contact-form form > div > p{
	margin-bottom:2.5rem;
}
.contact-form form > div > p br{
	display:none;
}

.contact-form form label{
	color:#000000;
	display:block;
	font-family:'Chivo_Mono';
	font-size:1.125rem;
	font-style:normal;
	font-weight:300;
	letter-spacing:0.05em;
	padding-bottom:0.625rem;
}

.contact-form form input[type=text],
.contact-form form input[type=tel],
.contact-form form input[type=email]{
	background:#FFFFFF;
	border:0;
	box-sizing:border-box;
	color:#000000;
	display:block;
	font-size: 1.25rem;
	max-width:100%;
	padding:1.25rem 1.25rem;
	width:100%;
}

.contact-form form textarea{
	background:#FFFFFF;
	border:0;
	box-sizing:border-box;
	color:#000000;
	display:block;
	font-size:1.25rem;
	height:12.5rem;
	max-width:100%;
	padding:1.25rem 1.25rem;
	width:100%;
}

.contact-form form input[type=submit]{
	background-color:#637E28;
	border:2px solid #637E28;
	box-sizing:border-box;
	color:#000000;
	cursor:pointer;
	display:inline-block;
	font-family:'Chivo_Mono';
	font-size:1.25rem;
	font-weight:400;
	letter-spacing:0.08em;
	line-height:1em;
	margin:0.625rem 0 0 0;
	padding:1rem 3.125rem;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	width:auto;
}

.contact-form form input[type=submit]:hover{
	background-color:#FFF;
	color:#637E28;
}

@media screen and (min-width:64em){

	.contact-form form > div > p{
		margin-bottom:3rem;
	}
		
	.contact-form form label{
		font-size:1.35rem;
		padding-bottom:1.25rem;
	}
	.contact-form form input[type=text],
	.contact-form form input[type=tel],
	.contact-form form input[type=email]{
		font-size:1.5rem;
	}
	
	.contact-form form textarea{
		font-size:1.5rem;
		padding:1.25rem 1.25rem;
	}
	
	.contact-form form input[type=submit]{
		font-size:1.35rem;
		margin:0 0;
		padding:1.5rem 2.5rem;
	}

}

@media screen and (min-width:80em){

	.contact-form form > div > p{
		margin-bottom:3rem;
	}
		
	.contact-form form label{
		font-size:1.5rem;
		padding-bottom:1.25rem;
	}
	.contact-form form input[type=text],
	.contact-form form input[type=tel],
	.contact-form form input[type=email]{
		font-size:1.9rem;
	}
	
	.contact-form form textarea{
		font-size:1.9rem;
		height:14.375rem;
		padding:1.25rem 1.25rem;
	}
	
	.contact-form form input[type=submit]{
		font-size:1.5rem;
		padding:1.5rem 2.5rem;
	}

}