.img-fluid {
	height: auto;
	max-width: 100%
}

.figure {
	display: inline-block
}

:root,
body {
	--bs-font-sans-serif: "Roboto", sans-serif;
	--bs-primary-rgb: 142, 202, 230;
	--bs-secondary-rgb: 33, 158, 188;
	--bs-success-rgb: 2, 48, 71;
	--bs-info-rgb: 255, 183, 3;
	--bs-warning-rgb: 251, 133, 0;
	--bs-danger-rgb: 188, 108, 37;
	--bs-primary: #8ecae6;
	--bs-secondary: #219ebc;
	--bs-success: #023047;
	--bs-info: #ffb703;
	--bs-warning: #fb8500;
	--bs-danger: #bc6c25;
	--bs-body-bg: #fff;
	--bs-body-color: #000;
	--bs-body-bg-rgb: 86, 85, 85;
	color: #000 !important;
}

.btn-primary {
	--bs-btn-bg: #8ecae6;
	--bs-btn-border-color: #8ecae6;
	--bs-btn-hover-bg: #80b6cf;
	--bs-btn-hover-border-color: #80b6cf;
	--bs-btn-active-bg: #80b6cf;
	--bs-btn-active-border-color: #80b6cf;
	--bs-btn-disabled-bg: #80b6cf;
	--bs-btn-disabled-border-color: #80b6cf
}

.header,
.header .offcanvas {
	background-color: #616060 !important
}

.header .nav-link {
	color: #c5bfbf
}

.header .nav-link.active,
.header .nav-link:hover {
	color: #fff
}

.footer,
.footer .offcanvas {
	background-color: #616060 !important
}

.footer .nav-link {
	color: #c5bfbf
}

.footer .nav-link.active,
.footer .nav-link:hover {
	color: #fff !important
}

.page-info {
	/* background-color: rgba(62, 6, 6, 0.3); */
	padding: 0 20px;
	font-family: 'Arial', sans-serif;
	color: #000;
	display: flex;
	/* column-gap: 30px; */
}

.page-info__item {
	display: flex;
	column-gap: 7px;
	align-items: center;
}

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

	.page-info,
	.page-info__item {
		display: block;
		text-align: center;
	}

	.page-info strong {
		display: block;
	}

	.hero_block h1 {
		font-size: 20px;
	}

	.hero_block p {
		font-size: 15px;
	}
}

.header,
.header .offcanvas {
	background: #fff !important;
}

.header .nav-link {
	color: #000 !important;
}

.header .nav-link.active,
.header .nav-link:hover {
	color: red !important;
}

.navbar-toggler,
.btn-close {
	background-color: #0000001d;
}

.footer {
	padding: 32px 0 10px;
	background: #000 !important;
	color: #fff;
	font-size: 12px;
}

.footer_nav {
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
	column-gap: 20px;
	font-size: 16px;
}

.mcp_page .footer_nav a {
	pointer-events: none;
}