/* ============================================================================================
	ABOUT SECTION 1 / PATTERN
============================================================================================ */
.hhobar-about-section-1-inner {
	flex-flow: column
}
.hhobar-about-section-1-text p {
	margin: 2em 0;
	line-height: 1.9
}
.hhobar-about-section-1-image,
.hhobar-about-section-1-image img {
	width: 100%
}

@media screen and (min-width: 768px) {
	.hhobar-about-section-1-inner {
		flex-flow: row nowrap
	}
	.hhobar-about-section-1-text {
		width: 50%
	}
	.hhobar-about-section-1-image-wrapper {
		flex: 1;
		min-width: 0
	}
}