.MEDIA .container {
	margin: 0 auto;
}

.MEDIA[data-width="12"] .container {max-width: 100%;}
.MEDIA[data-width="10"] .container {max-width: 960rem;}
.MEDIA[data-width="8"] .container {max-width: 760rem;}
.MEDIA[data-width="6"] .container {max-width: 560rem;}

.MEDIA .content {
	text-align: center;
	margin-bottom: 30rem;
}

.MEDIA .oembed {
	position: relative;
}

.MEDIA .oembed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MEDIA .mobile {display: none;}

@media screen and (max-width: 960px) {
	.MEDIA .mobile {display: block;}
	.MEDIA .desktop {display: none;}
}



/* row */

.MEDIA[data-style="row"] .container {max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: -10rem;
	align-items: center;
}

.MEDIA[data-style="row"] .content {
	padding: 10rem;
	box-sizing: border-box;
	flex: 0 0 auto; 
	align-items: stretch;
	text-align: left;
}

.MEDIA[data-style="row"][data-width="12"] .content {width: 100%; text-align: center;}
.MEDIA[data-style="row"][data-width="10"] .content {width: 16.666666%; margin-bottom: 0;}
.MEDIA[data-style="row"][data-width="8"] .content {width: 33.333333%; margin-bottom: 0;}
.MEDIA[data-style="row"][data-width="6"] .content {width: 50%; margin-bottom: 0;}

.MEDIA[data-style="row"] .oembed {
	padding: 10rem;
	box-sizing: border-box;
	flex: 0 0 auto;
}

.MEDIA[data-style="row"][data-width="12"] .oembed {width: 100%;}
.MEDIA[data-style="row"][data-width="10"] .oembed {width: 83.333333%;}
.MEDIA[data-style="row"][data-width="8"] .oembed {width: 66.666666%;}
.MEDIA[data-style="row"][data-width="6"] .oembed {width: 50%;}

@media screen and (max-width: 960px) {
	.MEDIA[data-style="row"] .content {text-align: center; margin-bottom: 30rem;}
	.MEDIA[data-style="row"][data-width="10"] .content {width: 100%;}
	.MEDIA[data-style="row"][data-width="8"] .content {width: 100%;}
	.MEDIA[data-style="row"][data-width="6"] .content {width: 100%;}

	.MEDIA[data-style="row"][data-width="10"] .oembed {width: 100%;}
	.MEDIA[data-style="row"][data-width="8"] .oembed {width: 100%;}
	.MEDIA[data-style="row"][data-width="6"] .oembed {width: 100%;}
}



.MEDIA.alt-pon-video {
	position: relative;
}

.MEDIA.alt-pon-video .oembed {
	position: unset;
}

.MEDIA.alt-pon-video[data-style="row"][data-width="6"] .content {width: 40%;}

.MEDIA.alt-pon-video .oembed iframe {
	top: -70rem;
	right: -190rem;
	left: auto;
	z-index: -1;
	width: 860rem;
	height: 715rem;
}

@media screen and (max-width: 960px) {
	.MEDIA.alt-pon-video {position: relative;}
	.MEDIA.alt-pon-video[data-style="row"][data-width="6"] .content {order: 2; width: 100%;}
	.MEDIA.alt-pon-video .oembed {position: relative;}
	.MEDIA.alt-pon-video .oembed iframe {order: 1; top:0; right: 0; left: 0; width: 100%; height: 100%;}
}