.intro-content {
}
.intro-content--item {
}
.intro-content--item .item--inner {
	display: block;
	margin: 0 auto;
	padding: 1rem 0 2rem;
}
.intro-content--item .intro-content--media {
	margin: 0 0 4rem 0;
}
.intro-content--item .intro-content--media img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.intro-content--item .intro-content--text {
	margin: 0 0 4rem 0;
}

@media screen and (min-width: 1200px) {
	.intro-content--item .item--inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
	}
	.intro-content--item .intro-content--media {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		max-width: 20%;
	}
	.intro-content--item .intro-content--text {
		padding: 0 0 0 3em;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.intro-content--item.item__right-align .intro-content--media {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.intro-content--item.item__right-align .intro-content--text {
		padding: 0 3em 0 0;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.intro-content--item[data-size='50-50'] .intro-content--media {
		max-width: 50%;
	}
	.intro-content--item[data-size='60-40'] .intro-content--media {
		max-width: 40%;
	}
	.intro-content--item[data-size='70-30'] .intro-content--media {
		max-width: 30%;
	}
}