/**
 * Промежуток как верхний отступ у глобальных h1 / h2 / h3 (style.css).
 * Высоты: >1024 | ≤1024 | ≤768 | ≤400 — как у margin-top заголовков.
 * data-level: 1 | 2 | 3
 */

.stomarus-heading-spacer {
	display: block;
	width: 100%;
	max-width: 100%;
	flex-shrink: 0;
	pointer-events: none;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

.stomarus-heading-spacer[data-level='1'] {
	height: 80px;
}

.stomarus-heading-spacer[data-level='2'] {
	height: 60px;
}

.stomarus-heading-spacer[data-level='3'] {
	height: 40px;
}

@media (max-width: 1024px) {
	.stomarus-heading-spacer[data-level='1'] {
		height: 60px;
	}

	.stomarus-heading-spacer[data-level='2'] {
		height: 40px;
	}

	.stomarus-heading-spacer[data-level='3'] {
		height: 32px;
	}
}

@media (max-width: 768px) {
	.stomarus-heading-spacer[data-level='1'] {
		height: 40px;
	}

	.stomarus-heading-spacer[data-level='2'] {
		height: 32px;
	}

	.stomarus-heading-spacer[data-level='3'] {
		height: 24px;
	}
}

@media (max-width: 400px) {
	.stomarus-heading-spacer[data-level='1'] {
		height: 32px;
	}

	.stomarus-heading-spacer[data-level='2'] {
		height: 24px;
	}

	.stomarus-heading-spacer[data-level='3'] {
		height: 18px;
	}
}