header { background-size: cover; min-height: 620px; height: 20vw; align-items: flex-end; }
header h1 { font-size: 1.9em; line-height: 1em; color: #fff; }

a:link, a:visited, a:active {
	text-decoration: none;
}

#project-intro {
	color: #fff;
	background: rgba(11,38,70,0.96);
	padding: 50px 0;
	padding-left: 7.5vw;
	padding-right: 120px;
	line-height: 1.6em;
	clip-path: polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%);
}

#project-intro-text {
	
}

#project-lead {
	font-weight: 600;
}

#project-info {
	display: flex;
	flex-direction: column;
	color: #0B2646;
	background-color: #fff;
	margin-right: 7.5vw;
	margin-left: 12.5vw;
	padding: 56px 60px;
	float: right;
}

#project-info .label {
	display: inline-block;
	color: #3169ad;
	font-weight: 700;
	padding: 4px 10px; 
	margin-right: 2px;
	margin-top: 4px;
	background-color: #f5f5f5;
	border-radius: 100px;
}

#project-info h4 { font-size: 1.1em; margin-bottom: 4px; text-transform: uppercase; }
#project-info p { color: #0B2646; margin-bottom: 0px; margin-top: 16px; font-weight: 700; font-size: 0.9em; }
#project-info span { color: #aaa; display: block; font-size: 0.85em; line-height: 1.5; font-weight: 600; }


#project-text { padding: 70px 0 70px 120px; }
#project-text p:last-child {
	margin-bottom: 0;
}

#breadcrumbs {
	display: flex;
	align-items: center;
	height: 80px;
}

span#breadcrumb {
	color: #0b2646;
	font-size: 0.75em;
	font-weight: 700;
}

#reference {
	background-color: #f5f5f5;
}

#project-text a {
	margin-left: 8px;
	vertical-align: top;
	line-height: 20px;
}

.ref-image-container {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

#ref-image {
	display: flex;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
	nav #logo {
		background-image: url('../images/logo_white.svg');
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {

}