/* Lupus Nexus */

h3 {
	color: #5c2f92;
}

.alt-bg {
	background-color: #ece3f7;
	color: #49494B;
	padding: 1.5em;
	margin: 3em 0;
	clear: both;
}

p:empty {
	margin: 0 !important;
}

.image-col {
	max-width: 15em;
	margin: 2em auto;
}

.image-col span {
  text-align: center;
	display: block;
	margin-top: 0.25em;
	font-size: 0.8em;
}

@media (min-width: 42em) {
	.split-cols {
		display: flex;
		gap: 2em;
		margin-bottom: 2em;
	}

	.split-cols.first-right {
		flex-direction: row-reverse;
	}

	.image-col {
		margin: 0;
		flex: 0 0 40%;
		align-content: center;
	}
	.image-col.align-top {
		align-content: flex-start;
	}

	.text-col {
		flex: 1 1 0;
		align-content: center;
	}
}

main .btn {
	margin: 0.25em;
}

.banner {
	margin-bottom: 1em;
	min-height: 0;
}

.value-statement {
	font-size: 1.2em;
	font-weight: normal;
	color: #5c2f92;
}