/* узкая колонка для повышения читабельности */

#article.narrow-column  {
	margin-left: calc((100vw - 700px) / 2);
	margin-right: calc((100vw - 700px) / 2);
}

@media (max-width: 800px) and (min-width: 0) {
	#article.narrow-column {
		margin-left: 30px;
		margin-right: 30px;
	}
}

/* блок расширения для узкой колонки для выделения картинок, примеров*/

#article.narrow-column .wide {
    margin-left: -150px;
    margin-right: -150px;
    padding: 30px 0;
}

@media (min-width: 801px) and (max-width: 1110px) {

	#article.narrow-column .wide {
		margin-left: calc((-100vw + 750px) / 2);
		margin-right: calc((-100vw + 750px) / 2);
	}
}

@media (max-width: 800px) {

	#article.narrow-column .wide {
		margin-left: -10px;
		margin-right: -10px;
	}
}

/* Отступы заголовков */

#article h1, #article h2, #article h3, #article h4, #article h5, #article h6 {
	margin-top: 40px;
	margin-bottom: 25px;
}