#about {
	background: white;
	color: var(--heading);
}

#about .about-hero {
	margin-bottom: 2.5rem;
}

#about .about-logo-wrap {
	float: right;
	width: min(500px, 50%);
	margin: 0 0 1.25rem 2rem;
	padding: 0.2rem;
	background: rgba(197, 208, 181, 0.14);
	border: 1px solid rgba(102, 122, 99, 0.16);
	border-radius: 1.5rem;
	box-shadow: 0 22px 52px rgba(35, 54, 38, 0.1);
}

#about .about-logo-wrap img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

#about .about-copy {
	min-width: 0;
}

#about .section-lead {
	margin: 0;
	line-height: 1.95;
}

@media (max-width: 900px) {
	#about .about-hero {
		overflow: hidden;
		padding-bottom: 0.5rem;
	}

	#about .about-logo-wrap {
		float: none;
		margin: 0 auto 1.5rem;
		width: 100%;
		max-width: 500px;
	}
}