@media (max-width: 1023px) {
	.ngo-hero__grid,
	.ngo-story,
	.ngo-cta__inner,
	.ngo-volunteer,
	.ngo-donate-layout,
	.ngo-contact-layout,
	.ngo-footer__grid,
	.ngo-card-grid,
	.ngo-about-grid {
		grid-template-columns: 1fr 1fr;
	}

	.ngo-footer__grid,
	.ngo-impact__list { grid-template-columns: 1fr 1fr; }

	.ngo-nav-toggle { display: inline-flex; align-items: center; justify-content: center; }

	.ngo-nav {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: #fff;
		border-bottom: 1px solid var(--ngo-border);
		padding: 0.5rem 1rem 1rem;
	}

	.ngo-nav.is-open { display: block; }

	.ngo-nav__list { display: grid; }

	.ngo-header__inner {
		position: relative;
		flex-wrap: wrap;
	}
}

@media (max-width: 767px) {
	.ngo-hero__grid,
	.ngo-story,
	.ngo-cta__inner,
	.ngo-volunteer,
	.ngo-donate-layout,
	.ngo-contact-layout,
	.ngo-footer__grid,
	.ngo-card-grid,
	.ngo-team-grid,
	.ngo-about-grid,
	.ngo-impact__list,
	.ngo-amounts__grid,
	.ngo-gallery {
		grid-template-columns: 1fr;
	}

	.ngo-hero__img--desktop { display: none; }
	.ngo-hero__img--mobile { display: block; }

	.ngo-section { padding: 3rem 0; }

	.ngo-cookie__inner { align-items: stretch; flex-direction: column; }
}

@media (min-width: 1440px) {
	:root { --ngo-container-width: 1200px; }
}