/* ============================================================================================
	ABOUT SECTION 2 / PATTERN
============================================================================================ */
.hhobar-about-section-2-content p {
	margin: 2em 0;
	line-height: 1.9
}

/* cover */
.hhobar-about-section-2-cover {
	width: 100%;
	aspect-ratio: 16 / 9;
	min-height: 100px !important;
	max-height: 600px
}

/* diagram */
.hhobar-about-section-2-diagram-images,
.hhobar-about-section-2-device-inner {
	flex-flow: column
}
.hhobar-about-section-2-diagram-image-2-wrapper {
	max-width: 420px
}

/* device */
.hhobar-about-section-2-device-content p {
	margin: 2em 0;
	line-height: 1.9
}

@media screen and (min-width: 768px) {
	.hhobar-about-section-2-diagram-images,
	.hhobar-about-section-2-device-inner {
		flex-flow: row nowrap
	}
	.hhobar-about-section-2-diagram-image-1 {
		width: 56%
	}
	.hhobar-about-section-2-device-image-wrapper {
		width: 50%
	}
	.hhobar-about-section-2-diagram-image-2-wrapper,
	.hhobar-about-section-2-device-content {
		flex: 1;
		min-width: 0
	}
}