/* Social Media Toolkit */

.split-cols {
	background-color: #eee;
	color: #000;
    margin: 1em 0;
}

.image-col {
	max-width: 20em;
	padding: 1em;
}

.text-col {
	padding: 1em;
}

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

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

	.image-col {
		margin: 0;
		flex: 0 0 40%;
	}

	.text-col {
		flex: 1 1 0;
	}
}