.callout {
	padding: 1rem 0;
	max-width: 1460px;
	margin: 0 auto;
}
.callout .callout--content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: var(--site-width, 2000px);
	margin: 0 auto;
	gap: 1.5rem;
}
.callout .callout--heading {
	font-size: calc(29px + (39 - 29) * (100vw - 380px) / (1920 - 380));
	font-family: var(--font__sans-serif);
	font-weight: 700;
}
.callout .callout--text {
	flex: 1 1 auto;
	display: flex;
	gap: 1.5rem;
	flex-direction: column;
	max-width: 660px;
}
.callout .callout--text > h4 {
	margin: 0;
}
.callout .callout--text p {
	width: 100%;
}
.callout .callout--text p:last-of-type {
	margin: 0;
}
.callout .callout--text a.button {
	width: max-content;
}
.callout .callout--image img {
	width: 100%;
	max-height: 400px;
	object-fit: cover;
}
.callout .callout--image {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.callout .callout--text h2 {
	font-size: calc(24px + (32 - 24) * (100vw - 380px) / (1920 - 380));
	margin: 0;
	line-height: 1.2;
}
.callout .callout--content.item__right-align .callout--image {
	order: 2;
}
.callout .callout--content.item__right-align .callout--text {
	order: 1;
}
.callout .callout-buttons {
	display: flex;
	gap: 1rem 3rem;
	align-items: center;
	justify-content: space-around;
}
.callout .tertiary-button {
	display: flex;
	justify-content: center;
}
.callout a.button.button__tertiary {
	padding: 0.5rem 1.15rem;
}
.callout a.button.button__tertiary.tertiary__alt {
	border: 1px solid #036895;
	background: #f5f5f5;
}
.callout a.button.button__tertiary.tertiary__alt:hover {
	background: #036895;
}
@media screen and (min-width: 850px) {
	.callout .callout-buttons {
		gap: 1rem;
	}
	.callout.item__right-align .callout--image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.callout.item__right-align .callout--text {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}
@media screen and (min-width: 900px) {
	.callout .callout--content {
		flex-wrap: nowrap;
		gap: 3rem;
	}
	.callout .callout--image img {
		min-width: 250px;
	}
}
@media screen and (min-width: 1100px) {
	.callout .callout--content {
		gap: 4rem;
	}
	.callout .callout--image img {
		min-width: 350px;
	}
}
@media screen and (min-width: 1200px) {
	.callout .callout--content {
		gap: 5rem;
	}
}