h3 {
	font-weight: 600;
	letter-spacing: 1.5px;
}

h3, h5 {
	margin-bottom: 0.5em;
}

.box--green {
	background-color: var(--color-green);
	padding: 16px
}

.box--gray {
	background-color: #f6f8f8;
	padding: 16px
}

	.box--gray + .box--gray {
		margin-top: 1em;
	}

.column--55 img {
	height: auto;
	width: 100%;
	display: flex;
	aspect-ratio: 1;
}

@media (min-width: 992px) {

	.container--row {
		display: flex;
		gap: 10px;
	}

	.column--33 {
		flex: 1 1 calc(33.3333333333% - 16px);
		width: calc(33.3333333333% - 16px)
	}

	.column--22 {
		flex: 1 1 calc(22.2222222222% - 16px);
		width: calc(22.2222222222% - 16px)
	}

	.column--55 {
		flex: 1 1 calc(55.5555555555% - 16px);
		width: calc(55.5555555555% - 16px);
		display: flex;
		align-items: center;
		justify-items: center;
	}
}

@media (max-width: 991px) {
	.box--green {
		margin-bottom: 1em;
	}
}