#people {
	z-index:2;
	position: relative;
}

#people h2 {
	margin-top: 0;
	font-size: 2em;
}

.green-box {
	overflow: hidden;
	clear: both;
	position: relative;
	top: -8em;
	z-index:1;
	margin-bottom: -8em;
}

.green-box img {
	display: block;
	margin-bottom: -3em;
	margin-top: 1em;
}

#headquarters {
	background-image: url('watermark-ar-green.svg?ver=1');
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5em;
}

#headquarters h3 {
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 2.3em;
}

#headquarters h4 {
	font-size: 1.9em;
}

#background-bottom {
	background: url('background-footer.jpg?ver=1') bottom no-repeat;
	background-size: 100vw;
	padding-top: 5em;
	padding-bottom: 15em;
}

#background-bottom .black-box {
	padding-top: 8em;
	padding-bottom: 8em;
}

#background-bottom .black-box .lead{
	font-size: 3.3em;
}

#map {
	position: relative;
}

#map img {
	position: absolute;
	left: 50%;
	bottom: 50%;
	width: 220px;
	margin-left: -110px;
	z-index: 3;
}

@media(max-width: 1199px) {
	#background-bottom .black-box .lead{
		font-size: 2.8em;
	}

	#people img {
		margin-top: 5em;
	}
}

@media(max-width: 991px) {
	#background-bottom .black-box .lead{
		font-size: 2em;
	}

	#background-bottom .black-box {
		padding-top: 7em;
		padding-bottom: 7em;
	}

	#map img {
		width: 200px;
		margin-left: -100px;
	}
}

@media(max-width: 767px) {
	#people img {
		margin-top: 0;
	}

	#people .col-xs-6 {
		margin-bottom: 2em;
	}

	#people .col-xs-6 .button-circle-shadow{
		width: 70%;
		margin: auto;
	}

	#headquarters .shadow-circle {
		width: 60%;
	}

	#headquarters .col-sm-4 {
		margin-bottom: 3em;
	}

	#background-bottom .black-box {
		padding-top: 4em;
		padding-bottom: 4em;
	}

	#background-bottom {
		padding-top: 3em;
		padding-bottom: 6em;
	}
}