section.title {
	background-image:url('../images/header-who-we-are.jpg');
	background-size:cover;
	background-position:center center;
}

section.title div {
	padding:12em 0;
	text-align:center;
	background-color:rgba(0,0,0,0.5);
}

section.title h1 {
	color:#fff;
	position:relative;
	text-align:center;
	font-size:3.5em;
}

section.title h4 {
	color:#fff;
	margin:0.5em 0;
	font-size:1.125em;
	line-height:1.5em;
}

nav.section {
	background-color:#f3f3f3;
}

nav.section ul {
	text-align:center;
}

nav.section ul li {
	display:inline-block;
}

nav.section ul li a {
	display:block;
	text-transform:uppercase;
	padding:1.5em 2em;
	font-size:0.875em;
	transition:background-color 250ms;
}

nav.section ul li a:hover, nav.section ul li a.nav-selected {
	background-color:#fff;
}

section.content {
	background-color:#fff;
	padding:5em 0;	
}

.video-button {
	display:inline-block;
	margin:1em 0;
	padding:1em 1em 1em 3em;
	border:solid 1px #fff;
	background-image:url('../images/play.svg');
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:24px 24px;
	font-weight:400;
	color:#fff;
	background-color:rgba(0,134,184,0.4);
	transition:background-color 250ms, color 250ms;
}

.video-button:hover {
	background-color:rgba(219,72,0,0.4);
	color:#fff;
}

@media only screen and (max-width: 1100px) { 

	section.title div {
		padding:8em 4%;
	}

}