.backFromPost {
	width: 33%;
	height: 40px;
	text-align: left;
}

.backFromPost a {
	color: var(--dark);	
}

.post {
	margin: 0 auto;
	width: 33%;
	background-color: white;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,.4);
	overflow: auto; /* без этого игнорируются вертикальные маргины вложенных блочных элементов */
}

.post header {
	margin: 2rem;
}

.post header h2 {
	margin-bottom: 0;
}

.post time {
	color: darkgrey;
	font-size: .75rem;
}

.post .images img {
	width: 100%;
}

.post .text {
	margin: 2rem;
}

.post iframe {
	display: inline-block;
	/* margin: 0 0 4rem 0; */
	width: 100%;
	height: 350px;
}


@media(max-width: 1050px) {
	.backFromPost {
		width: 100%;
		padding: 0 var(--mobileGutter);
	}
	.post {
		width: 100%;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
		background-color: whitesmoke;
	}
	.post header {
		margin: var(--mobileGutter);
	}
	.post .text {
		margin: var(--mobileGutter);
	}

}