.about { color: #686868 }

.about--hr {
	background: #e0e0e0;
	height: 1px;
	margin: 20px 0 30px;
}

.about--row-1 > div ,
.about--row-2 > div {
	width: 50%;
	float: left;
}

.about--row-1 > div:first-child { overflow: hidden }

.about img {
	display: block;
	width: 590px;
}

.about--who {
	margin: 50px 0 0 -40px;
	padding: 50px;
	background: #fff;
	box-sizing: border-box;
}

.about--who h2 {
	font-size: 46px;
	line-height: 46px;
	font-weight: 500;
	margin: 0;
	color: #414141;
}

.about--who h2 span { color: #f6bf00 }


.about--row-2 { text-align: center }

.about--row-2 > div {
	box-sizing: border-box;
	padding: 30px;
}

.about--row-2 h3 {
	font-size: 26px;
	color: #414141;
}

.about--who p,
.about--row-2 p { line-height: 23px }


@media(max-width: 1080px) {

	.about--row-1 > div { width: 55% }

	.about--row-1 > div:first-child { width: 45% }

}

@media(max-width: 990px) {

	.about--row-1 > div { width: 65% }

	.about--row-1 > div:first-child { width: 35% }

}

@media(max-width: 850px) {

	.about--row-1 > div { width: 100% }

	.about--row-1 > div:first-child { display: none }

	.about--who {
		margin: 0;
		padding: 20px;
	}

	.about--row-2 > div {
		width: 80%;
		margin: 0 auto;
		float: none;
		padding: 10px;
	}

}