.about-wrap {
	background-color: #f0f2f7;
	width: 100%;
	background-size: cover;
	padding-top: 15px;
	padding-bottom: 15px;
	align-items: center;
	/* vertical */
}

.about-wrap .about-right {
	display: inline-block;
	text-align: left;
	height: 70%;
}

.about-wrap .about-right .right-bg {
	object-fit: cover;
	object-position: right bottom;
	overflow: hidden;
	width: auto;
	height: 100%;
	padding-left: 20%;
}

.about-wrap .about-left {
	width: 20%;
	height: 100%;
	color: black;
	display: inline-block;
}

.about-wrap .about-left .left-bg {
	object-fit: cover;
	object-position: right bottom;
	overflow: hidden;
	height: 100%;
	margin-left: -30%;
}

.about-wrap .about-center {
	width: 59%;
	color: black;
	display: inline-block;
	overflow: hidden;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	vertical-align: top;
	padding-top: 15px;
}

@media(max-width:815px) {
	.about-wrap .about-center {
		width: 100%;
	}
}


@media(max-width:815px) {
	.about-wrap .about-center .h2 {
		font-size: 15px !important;
		width: 80%;
		margin: 0 auto;
	}
}

@media(max-width:815px) {

	.about-wrap .about-left,
	.about-wrap .about-right {
		display: none !important;
	}
}


.about-wrap .about-center .h1 {
	font-family: red hat display, sans-serif;
	text-align: center;
	position: relative;
	font-size: 28px;
	line-height: 28px;
}


.about-wrap .about-center .h2 {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	text-align: left;
	padding: 40px 0 0px;
	color: rgb(87, 87, 87);
}



.about-content h1 {
	margin-bottom: 94px;
	text-align: center;
	color: black;
}

.about-content h2 {
	margin-bottom: 14px;
	text-align: left;
	color: black;
}