.media-docview__youtube {
	display: block;
    margin: 20px 0;
    transition: opacity ease .5s;
}

.media-docview__youtube:hover {
	opacity: .8;
}

.media-docview__link {
	display: block;
    position: relative;
    margin-top: 60px;
    transition: opacity ease .5s;
}

.media-docview__link::before {
	content: '';
	background: rgba(0, 0, 0, 0.24) url('/images/media-docview-play-big.svg') no-repeat center center;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}

.media-docview__link:hover {
	opacity: .9;
}

.media-docview__img {
    width: 100%;
    height: auto;
}

.media-docview__preview {
	position: absolute;
    bottom: 60px;
    left: 72px;
}

.media-docview__preview-img {
    display: block;
    margin-bottom: 30px;
    border: 5px solid #BDA10F;
    padding: 8px;
    border-radius: 18px;
}

.media-docview__episode {
	margin: 0;
    font-family: 'Halvar Breitschrift';
    font-size: 24px;
    line-height: 1.33;
    color: #fff;
}

.media-docview__episode-time {
    color: rgba(255, 255, 255, 0.7);
}

@media screen and (min-width: 1200px) {
	.media-docview__header {
		display: grid;
		grid-template-columns: auto 143px;
		column-gap: 40px;
	}

	.media-docview__header .section__text {
		grid-column: 1/2;
	}

	.media-docview__youtube {
		display: block;
	    margin: 0;
	    grid-row: 1/3;
    	grid-column: 2/3;
    	align-self: center;
	}
}

@media screen and (max-width: 1199px) {

	.media-docview__link {
		margin-top: 30px;
	}

	.media-docview__preview {
		bottom: 30px;
		left: 36px;
	}

	.media-docview__preview-img {
		max-width: 180px;
		border-width: 2px;
		margin-bottom: 16px;
	}

	.media-docview__episode {
		font-size: 18px;
	}
}

@media screen and (max-width: 575px) {

	.media-docview__preview {
		width: 100%;
	    text-align: center;
	    left: 0;
	    padding: 0 20px;
	    box-sizing: border-box;
	    bottom: 20px;
	}

	.media-docview__preview-img {
		display: none;
	}

	.media-docview__episode {
		font-size: 16px;
	}
}