h2{
	font-size: 2em;
	line-height: 3em;	
}

.unit {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.unit h4 {
	color: #ff6347; /* Tomato color */
	font-size: 1.5em;
	font-weight: bold; /* Make the text bold */
	margin-bottom: 10px;
	text-align: center;
}

.unit .left, .unit .right {
	padding: 20px;
	box-sizing: border-box;
}

.unit .left {
	flex: 1 0 100%;
	order: 2;
}

.unit .right {
	flex: 1 0 100%;
	order: 1;
	text-align: center;
}

.unit .right img {
	max-width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.unit .left {
		flex: 1 0 60%;
		order: 1;
	}

	.unit .right {
		flex: 1 0 40%;
		order: 2;
	}
}