/*////////////////////////////////////////////
//// BEGIN: About Us Page
////////////////////////////////////////////*/
.about-us-container {
  overflow: hidden;
}

.about-us-container .about-details {
    padding: 0 0 10%;
}

.about-us-container .details-header {
	height: 30vw;
}

.about-us-container .about-the-team img {
	width: 50%;
	float: left;
}

.about-us-container .background-elements .bge {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.2;
	white-space: nowrap;
	font-size: 20vh;
	color: #999;
	text-transform: uppercase;
}

/*.background-elements #bge-hello {
	top: 22%;
	left: 5%;
}

.background-elements #bge-firefall {
	top: 46%;
	left: 46%;
}

.background-elements #bge-the-company {
	top: 76%;
    left: -41%;
}*/

.about-us-container .background-elements #bge-logo-1 {
	width: 15%;
	top: 7%;
	left: 1%;
	transform: rotate(45deg);
}

.about-us-container .background-elements #bge-logo-2 {
	width: 10%;
	top: 45%;
	left: 14%;
	transform: rotate(80deg);
}

.about-us-container .background-elements #bge-logo-3 {
	width: 5%;
	top: 77%;
	left: 6%;
	transform: rotate(140deg);
}

.about-us-container .background-elements #bge-logo-4 {
	width: 35%;
	top: -36%;
	left: 67%;
	transform: rotate(108deg);
}

.about-us-container .background-elements #bge-logo-5 {
	width: 20%;
	top: 66%;
	left: 70%;
	transform: rotate(31deg);
}

/* BEGIN: Mobile + iPad: Portrait */
@media only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	.about-us-container .details-header,
	.about-us-container .details-header .section-wrapper {
		height: 65vw;
	}

	body.ipad .about-us-container .details-header,
	body.ipad .about-us-container .details-header .section-wrapper {
		height: 45vw;
	}

	/* BEGIN: About - Meet the Team */

	.about-us-container .about-the-team img {
		width: 100%;
	}

	.ipad #bge-logo-2 {
		top: 20%;
	}

	.ipad #bge-logo-3 {
		width: 40%;
		top: 5%;
		left: 70%;
	}
}

/* BEGIN: Mobile Landscape */
@media only screen and (max-device-width: 767px) and (orientation: landscape),
(max-width: 767px) and (orientation: landscape) {

	.about-us-container .details-header,
	.about-us-container .details-header .section-wrapper {
		height: 25vw;
	}
}
/* FIN */