:root {
	--font-family: 'Montserrat', sans-serif;
	--black: #000000;
	--white: #ffffff;
	--bg-primary: #0d0d0d;
	--primary: #c61f12;
	--secondary: #1f1f1f;
	--hover: #f03a28;
	--text-primary: rgba(255, 255, 255, 0.82);
	--bg-secondary: #1a1a1a;
	--button: #c61f12;
	--bg-secondary-hover: #262626;
	--tab: #141414;
	--tab-accent: #0a0a0a;
	--gradient: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.45) 13.62%,
		rgba(0, 0, 0, 0.92) 80%
	);
	--gradient-accent: linear-gradient(
		180deg,
		rgba(198, 31, 18, 0.08) 0%,
		rgba(198, 31, 18, 0.18) 40%,
		rgba(10, 10, 10, 0.76) 60%,
		rgba(5, 5, 5, 1) 100%
	);
}

.header__button {
	width: auto;
	min-width: 80px;
	max-width: 140px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 8px 12px;
	font-size: 11px;
}

.img-cov {
	width: 100%;
	height: 100%;
	max-width: 900px;
	margin: 15px auto;
}
.img-cov img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}

.pageMenu li a:hover {
	color: #c61f12;
}
.pageMenu li {
	margin: 0 0 10px 0;
}

@media (max-width: 767.98px) {
	.header__button {
		max-width: 120px;
		font-size: 10px;
		padding: 8px 10px;
	}
}