.media-container {
	position: relative;
	margin: 0 9px;
}
.media-container .plyr {
	background-color: black;
}
.media-container .plyr__video-wrapper {
	margin: 0 auto;
	max-height: 934px;
	max-width: 1657px;
}
.media-buttons {
	position: absolute;
	bottom: 80px;
	right: 40px;
	width: 100%;
	text-align: right;
	@media screen and (max-width: $bp-laptop) {
		position: static;
		padding: 15px;
		display: flex;
		justify-content: space-between;
		font-size: 80%;

		a {
			width: 49.75%;
		}
	}

	@media screen and (max-width: $bp-mobile) {
		flex-wrap: wrap;
		a {
			width: 100%;
		}
	}
}
.media-info {
	padding: 15px 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.media-info-col {
	width: 49.5%;
	@media screen and (max-width: 1200px) {
		width: 100%;
	}
}
.media-image {
	width: 221px;
	height: 221px;
	flex-shrink: 0;
	@media screen and (max-width: 780px) {
		display: none;
	}
}
.media-content {
	padding-left: 45px;
	flex-grow: 1;
	@media screen and (max-width: 780px) {
		padding-left: 25px;
		margin-top: 0 !important;
	}
	@media screen and (max-width: 550px) {
		padding-left: 0;
	}
}
.media-block {
	padding-right: 40px;
	@media screen and (max-width: 1500px) {
		p {
			margin-bottom: 10px;
		}
	}
	@media screen and (max-width: 1200px) {
		p {
			margin-bottom: 0;
		}
	}
	@media screen and (max-width: 780px) {
		min-width: 0;
	}
	@media screen and (max-width: 550px) {
		width: 100%;
	}
}
.media-block-label {
	min-width: 100px;
	@media screen and (max-width: 1500px) {
		min-width: 0;
		display: block;
		float: none;
		width: 100%;
	}
	@media screen and (max-width: 1200px) {
		min-width: 100px;
		float: left;
		width: 35%;
	}
}
.ar-subtitle {
	font-size: $font-small;
	line-height: 1.5;
}
.ar-copy {
	h4 {
		color: $color-secondary;
		font-size: em(14);
		line-height: 1.5;
	}
	p {
		font-size: $font-small;
		line-height: 1.5;
		color: #9e9e9e;
	}
	a {
		color: $color-accent;
		text-decoration: none;
		transition: color .3s;
		&:hover {
			color: $color-secondary;
		}
	}
}
.agency-icon {
	height: 30px;
	display: block;
} 
.agent-contact-label {
	width: 10%;
	display: block;
	float: left;

	@media screen and (min-width: $bp-tablet) {
		width: 35%;
	}
}
.agent-contact-number {
	width: 65%;
}
.media-pages-list > div {
	background-color: #f9f9f9;
	padding: 10px 60px 10px 15px;
	position: relative;
	p {
		color: #9e9e9e;
		font-size: $font-xs;
		padding: 2px 0;
	}
	&:nth-of-type(2n) {
		background-color: white;
	}
}
.media-pages-list-item {
	display: flex;
	align-items: center;
}
.media-pages-list-icon {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	height: 13px;
	svg {
		width: 13px;
		height: 13px;
		path {
			fill: #a7a7a7;
			transition: fill .3s;
		}
	}

	&:hover {
		svg path {
			fill: $color-accent;
		}
	}
}
.talent-credits-row {
	margin-bottom: 15px;
	p {
		color: #9e9e9e;
		font-size: $font-xs;
		line-height: 1.5;
	}
	@media screen and (min-width: $bp-tablet) {
		margin-bottom: 0;
	}
}