body.about-us {
	background-color:#C4B3D6;
}

body.about-us header,
body.about-us footer{
	background-color: #9B7CB8;
}

body.about-us #pencil-about {
	display: none;
}

body.about-us #main-side-menu a svg.pencil-shadow path {
    fill: #9B7CB8;
	opacity: .5;
}


#about-us-main-cont{
	width: 100%;
	display: block;
	overflow: hidden;
	height: auto; 
	min-height: 100vh;
	margin-bottom: 50px;
}

#about-us-main-cont .container {
	padding-top:200px;
}

#about-us-main-cont .wrapper {
	margin: 0;
	padding: 0 20px;
}

.about-us-intro {
	margin-bottom: 30px;
}
.about-us-intro h2 {
	margin-bottom: 10px;
}

.about-us-team {}

.about-us-team .team-member {
	margin: 20px 0 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.about-us-team .team-member .member-photo {
	width: 300px;
	height: 300px;
	background-size: cover;
	background-position: center;
	margin-bottom: 20px;
}

.about-us-team .team-member .member-info h3{
	margin-bottom: 10px;
}




@media (min-width: 768px) {
	#about-us-main-cont .wrapper {
		padding: 0 60px;
	}

	.about-us-team .team-member {
		flex-direction: row;
		align-items: center;
	}

	.about-us-team .team-member.img-right {
		flex-direction: row-reverse;
	}

	.about-us-team .team-member.img-left .member-photo {
		margin: 0 20px 0 0;
	}

	.about-us-team .team-member.img-right .member-photo {
		margin: 0 0 0 20px
	}

	.about-us-team .team-member .member-info {
		width: calc(100% - 320px);
	}

}

@media (min-width: 992px) {
	#about-us-main-cont .container {
		padding-top:230px;
	}


}

@media (min-width: 1400px) {

}