.navbar-toggler {
	padding: .5rem .6rem;
}

.navbar-nav .nav-link.active {
	font-weight: 700;
	color: #cc0000;
}

.navbar-exit {
	font-size: .8rem;
}

/* на широких экранах меню стоит в одну строку с логотипом — выравниваем всё по центру строки */
@media screen and (min-width: 992px) {
	.navbar .container-fluid,
	.navbar .offcanvas-body,
	.navbar .navbar-nav {
		align-items: center;
	}

	.navbar-exit {
		margin-left: 1rem;
	}

	.navbar-nav .nav-link {
		font-size: .93rem;
	}
}

/* крупные, удобные для нажатия пункты — только пока меню открывается как выезжающая панель (ниже breakpoint navbar-expand-lg) */
@media screen and (max-width: 991.98px) {
	#navi.offcanvas .nav-link {
		font-size: 1.25rem;
		padding: 16px 8px;
		border-bottom: 1px solid #f0f0f0;
	}

	#navi.offcanvas .nav-link.active {
		background: #fff3f3;
		border-radius: 6px;
		padding-left: 12px;
	}

	#navi.offcanvas .navbar-exit {
		display: block;
		padding: 10px 8px;
	}
}