@media (max-width: 1350px) {
	.nav-toggle { display: block; }
	.main-nav {
		display: none;
		position: absolute;
		top: 104px;
		left: max(14px, calc((100% - 1180px) / 2));
		right: max(14px, calc((100% - 1180px) / 2));
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		padding: 18px;
		background: #0d241d;
		box-shadow: 6px 6px 0 rgba(0,0,0,.25);
	}
	.main-nav.open { display: flex; }
	.main-nav a { padding: 10px 14px; font-size: 18px; }
}
@media (max-width: 520px) {
	.main-nav { top: 88px; left: 12px; right: 12px; }
}