@font-face{
	font-family:"Gotham-Bold";
	src:url("/inc/font/Gotham-Bold.woff2")format("woff2"),url("/inc/font/Gotham-Bold.woff")format("woff"),url("/inc/font/Gotham-Bold.ttf")format("truetype");
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:"SoinSansPro-Roman";
	src:url("/inc/font/SoinSansPro-Roman.woff2")format("woff2"),url("/inc/font/SoinSansPro-Roman.woff")format("woff"),url("/inc/font/SoinSansPro-Roman.ttf")format("truetype");
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:"SoinSansPro-Oblique";
	src:url("/inc/font/SoinSansPro-Oblique.woff2")format("woff2"),url("/inc/font/SoinSansPro-Oblique.woff")format("woff"),url("/inc/font/SoinSansPro-Oblique.ttf")format("truetype");
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family:"SoinSansPro-Bold";
    src:url("/inc/font/SoinSansPro-Bold.woff2")format("woff2"),url("/inc/font/SoinSansPro-Bold.woff")format("woff"),url("/inc/font/SoinSansPro-Bold.ttf")format("truetype");
    font-style:normal;
    font-weight:normal;
}
@font-face{
	font-family:"SurveyorDisplay-Bold";
	src:url("/inc/font/SurveyorDisplay-Bold.woff2")format("woff2"),url("/inc/font/SurveyorDisplay-Bold.woff")format("woff"),url("/inc/font/SurveyorDisplay-Bold.ttf")format("truetype");
	font-weight:normal;
	font-style:normal;
}
body{
	margin:0;
	padding:0;
	font-size:12px;
	background:#3A3A3A;
	z-index:1;
}
h1,h2{
	font:normal normal normal 8em/1em "SurveyorDisplay-Bold",sans-serif;
	text-align:center;
	color:#FFF;
}
h1{
	margin:3em auto 0 auto;
}
header.background h1{
	position:fixed;
	left:0;
	right:0;
	margin:50vh auto 40vh auto;
	margin:-webkit-calc(50vh - 1.4em) auto;
	margin:-moz-calc(50vh - 1.4em) auto;
	margin:calc(50vh - 1.4em) auto;
}
p,label,input,textarea{
	max-width:25em;
	margin:1.25em auto 0 auto;
	padding:0 .5em;
	font:normal normal normal 3em/1.2em "SoinSansPro-Roman",sans-serif;
	text-align:center;
	color:#FFF;
}
	p.small{
		max-width:37.5em;
		margin:7em auto 2em auto;
		padding:0 .75em;
		font-size:2em;
		line-height:1.25em;
	}
	p.small.left{
		margin-top: 2em;
		text-align: left;
	}
p a{
	font:inherit;
	color:#939597;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:.2em;
	cursor:pointer;
}
	p a:link,
	p a:active,
	p a:visited{
		color:#939597;
	}
	p a:hover{
		color:#FFF;
	}
	.top{
		margin-top:3.6em;
	}
	.detail-link{
		font-size:.44em;
		line-height:6em;
	}
h2{
	margin:1.2em .1875em 0 .1875em;
}
h2.right{
	position:relative;
	margin:1.42em .268em 0 50%;
	font:normal normal normal 5.6em/1.15em "SoinSansPro-Bold",sans-serif;
	text-align:left;
	color:#FFF;
}
	h2.right:before{
		position:absolute;
		content:"";
		width:5.18em;
		height:1.61em;
		top:1.5em;
		left:-6em;
		background:transparent url("/inc/asset.svg") 0 -1.78em/5.18em 3.39em no-repeat;
	}
h3,h4{
	margin:30% 1.5em 0 1.5em;
	font:normal normal normal 1.34em/1em "Gotham-Bold",sans-serif;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
}
h4{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	margin:3.125em 1.5em 0 1.5em;
}
label,input,textarea{
	font-size:2.5em;
}
label{
	display:inline-block;
	margin:.8em 1.2em 0 1.2em;
	padding:0;
	cursor:pointer;
}
label:first-child{
	margin:8.6em 1.2em 0 1.2em;
}
input,textarea{
	width:auto;
	width:-webkit-calc(100% - 2.8em);
	width:-moz-calc(100% - 2.8em);
	width:calc(100% - 2.8em);
	margin:.2em .6em 0 .6em;
	padding:.3em .6em;
	border-radius:0;
	text-align:left;
	color:#000;
	border:2px solid #3A3A3A;
}
input.error,
textarea.error{
	border:2px solid #E74C3C;
}
label.error{
	color:#E74C3C;
}
button{
	margin:1.7em 2.238em 4em 2.238em;
	font:normal normal normal 1.34em/2.6em "Gotham-Bold",sans-serif;
	color:#FFF;
	background:none;
	border:none;
	border-radius:0;
	text-transform:uppercase;
	letter-spacing:.2em;
	cursor:pointer;
}
	button:hover{
		color:#939597;
	}

header.background{
	max-width:100%;
	width:100%;
	height:90vh;
	background:transparent url("/inc/background-home-2.jpeg") no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	overflow:hidden;
}
	header.project-1{
		background-image:url("/files/1-header.jpg");
	}
	header.project-2{
		background-image:url("/files/2-header.jpg");
	}
	header.project-3{
		background-image:url("/files/3-header.jpg");
	}
	header.project-4{
		background-image:url("/files/4-header.jpg");
	}
	header.project-5{
		background-image:url("/files/5-header.jpg");
	}
	header.project-6{
		background-image:url("/files/6-header.jpg");
	}
	header.project-7{
		background-image:url("/files/7-header.jpg");
	}
nav{
	position:fixed;
	top:2.5em;
	right:3.5em;
	left:0;
	text-align:right;
	z-index:9;
}
	nav a{
		position:relative;
		display:inline-block;
		padding:1.3125em 1em;
		font:normal normal normal 1.34em/1em "Gotham-Bold",sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		color:#FFF;
		cursor:pointer;
	}
	nav a:link,
	nav a:active,
	nav a:visited{
		color:#FFF;
	}
	nav a:hover{
		color:rgba(255,255,255,.8);
	}
	nav a.active:after{
		display:block;
		position:absolute;
		content:"";
		right:1em;
		bottom:0;
		left:1em;
		height:3px;
		background:#FFF;
	}
	a.home{
		position:absolute;
		width:9.75em;
		height:7.5em;
		top:-1.9em;
		left:50%;
		margin-left:-29.1em;
		padding:.9em;
		background:#FFF url("/inc/asset.svg") .8em .9em/21.64em 14.18em no-repeat;
	}
	a.home:link,
	a.home:active,
	a.home:visited,
	a.home:hover{
		color:#FFF;
	}
.image-1{
	position:absolute;
	top:15em;
	left:50%;
	margin-left:-34.4%;
	z-index:2;
}
.image-2{
	position:relative;
	margin:12em 0 4em 0;
	z-index:2;
}
.image-3{
	position:absolute;
	top:17em;
	left:50%;
	margin-left:10%;
}
.full{
	margin:10em 0 0 0;
	width:100%;
	height:auto;
}
.detail-box{
	padding:12.5em 0 10em 0;
	text-align:center;
}
.detail{
	display:inline-block;
	height:30em;
	width:auto;
	margin:0;
	padding:.42em;
}
.box{
	display:table;
	max-width:78em;
	margin:0 auto;
}
.box{
	width:78em;
}
.box section{
	position:relative;
	display:table-cell;
	width:33.3333%;
	vertical-align:top;
}
.box.small section{
	padding:0 0 7em 0;
}
	.box.small p{
		max-width:100%;
		font-size:1.5em;
	}
section{
	position:relative;
	background:#3A3A3A;
	overflow:hidden;
	z-index:2;
}
body > section:last-of-type{
	padding-bottom:8em;
}
.last{
	padding:0 0 11.5em 0;
}
.project-item section{
	width:50%;
}
.project-item:first-of-type{
	margin:9em 0 0 0;
}
	.project-item section:first-child,
	.project-item:nth-child(odd) section:last-child{
		float:left;
	}
	.project-item section:last-child,
	.project-item:nth-child(odd) section:first-child{
		float:right;
	}
	.project-item p.small{
		margin:1em auto 0 auto;
	}
	.project-item img{
		width:100%;
		height:auto;
	}

footer{
	position:relative;
	background:#303030;
}
footer .box{
	background:transparent;
}
footer .box section{
	width:50%;
	background:transparent;
}
footer .box.small section{
	width:100%;
}
footer h2,
footer p{
	text-align:left;
}
footer p a{
	color:#FFF;
}
footer p a:link,
footer p a:active,
footer p a:visited{
	color:#FFF;
	text-transform:none;
}
footer p a:hover{
	color:rgba(255,255,255,.8);
}
.center{
	text-align:center;
}

@media(min-width:1px){
	.box{
		width:100%;
		max-width:78em;
	}
}
@media(max-width:1000px){
	h1{
		font-size:6em;
	}
	header.background h1{
		margin:50vh .25em 40vh .25em;
		margin:-webkit-calc(50vh - 1.4em) .25em;
		margin:-moz-calc(50vh - 1.4em) .25em;
		margin:calc(50vh - 1.4em) .25em;
	}
	a.home{
		left:1.5em;
		margin-left:0;
	}
	h2.right{
		font-size:4.5em;
	}
	.image-1{
		margin-left:-47%;
	}
	.image-3{
		margin-left:7%;
	}
}
@media(max-width:760px){
	h1{
		font-size:5em;
	}
	header.background h1{
		margin:50vh .3em 40vh .3em;
		margin:-webkit-calc(50vh - 1.4em) .3em;
		margin:-moz-calc(50vh - 1.4em) .3em;
		margin:calc(50vh - 1.4em) .3em;
	}
	p{
		font-size:2.5em;
		margin:1.25em .6em 0 .6em;
		padding:0;
	}
	h2.right{
		font-size:3.8em;
	}
	.box section,
	footer .box section{
		display:inline-block;
		width:80%;
		padding:0 10% 4em 10%;
	}
	.box.about section{
		width:100%;
		padding:0;
	}
	footer .box section{
		padding:0;
	}
	p.small{
		margin:5em auto 0 auto
	}
	label:first-child{
		margin:1.6em 1.2em 0 1.2em;
	}
	.image-1{
		margin-left:-47%;
	}
	.image-2{
		margin:12em 0 28em 20%;
	}
	.image-3{
		top:43em;
		margin-left:-.5%;
	}
	.detail{
		width:100%;
		height:auto;
		padding:1.5em 1.5em 0 1.5em;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
}
@media(max-width:650px){
	h1{
		font-size:3.5em;
	}
	header.background h1{
		margin:50vh .042em 40vh .042em;
		margin:-webkit-calc(50vh - 1.4em) .042em;
		margin:-moz-calc(50vh - 1.4em) .042em;
		margin:calc(50vh - 1.4em) .042em;
	}
	nav{
		top:1.4em;
		right:2em;
	}
	nav a{
		padding:1em .5em;
	}
	nav a.active:after{
		right:.5em;
		left:.5em;
	}
	a.home{
		left:1.8em;
		font-size:10px;
	}
	h2.right{
		margin:3.42em .395em 0 20%;
	}
	h2.right:before{
		top:-2em;
		left:0;
	}
	.image-1{
		top:40em;
		left:1.5em;
		margin-left:0;
	}
	.image-2{
		margin:12em 1.5em 65em 20%;
	}
	.image-3{
		top:80em;
		right:1.5em;
		left:auto;
		margin-left:0;
	}
	.project-item section:first-child,
	.project-item section:last-child,
	.project-item:nth-child(odd) section:first-child,
	.project-item:nth-child(odd) section:last-child{
		width:100%;
		float:none;
	}
	h3{
		margin:1.5em 1.5em 0 1.5em;
	}
}
@media(max-width:500px){
	h1{
		font-size:3em;
	}
	h2{
		font-size:5em;
		margin:1.2em .3em 0 .3em;
	}
	p{
		font-size:2em;
		margin:1.25em .75em 0 .75em;
	}
	header.background h1{
		margin:50vh .5em 40vh .5em;
		margin:-webkit-calc(50vh - 1.4em) .5em;
		margin:-moz-calc(50vh - 1.4em) .5em;
		margin:calc(50vh - 1.4em) .5em;
	}
	.hide-mobile{
		display:none;
	}
	h2.right{
		font-size:3.5em;
		margin:3.42em .428em 0 .428em;
	}
	.image-1{
		width:85%;
	}
	.image-2{
		width:70%;
	}
	.image-3{
		width:65%;
	}
	footer .box section{
		width:100%;
	}
}
@media(max-width:400px){
	a.home{
		left:0;
	}
}
@media(max-width:370px){
	nav{
		top:.9em;
		right:.4em;
	}
	a.home{
		font-size:8px;
	}
}