/* Local Overrides */

/* educators */
@media only screen and (min-width: 735px) {
	.section-educators #communities .story-card .story-headline {
		max-width: 15ch;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-educators h2.stories-headline {
		max-width: 545px;
	}
}

/* opportunities */
@media only screen and (min-width: 735px) {
	.section-opportunities #apps .story-card .story-headline {
		max-width: 13ch;
	}
	.section-opportunities #technology .story-card .story-headline {
		max-width: 17ch;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-equity #neighborhoods .story-card .story-headline {
		max-width: 20ch;
	}
}

@media only screen and (max-width: 734px) {
	.section-opportunities #communities .story-card .story-headline {
		font-size: 27px;
	}
	.section-opportunities #mentors .story-card .story-headline {
		font-size: 23px;
		max-width: 11ch;
	}
}

/* router */
@media only screen and (min-width: 735px) {
	.section-router .routers .router-item-malala {
		grid-column: span 3;
	}
}
@media only screen and (min-width: 1069px) {
	.section-router .routers .router-item-content {
		padding: 52px 42px 74px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-router .routers .router-item-content {
		padding: 32px 22px 54px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-router .headline {
		max-width: 590px;
	}
}