/*  Local Overrides */

.xs-show {
	display: none;
}

@media only screen and (max-width: 374px) {
	.xs-show {
		display: block;
	}
}

/* hero */

html.hero-enhanced .section-hero .line-2 .transform {
	width: unset;
}

/* equity */

@media only screen and (min-width: 1069px) {
	.section-equity .stories-headline {
		max-width: 565px;
	}
}

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

.story-card .story-headline {
	max-width: 16ch;
}

@media only screen and (max-width: 734px) {
	.story-card .story-headline {
		font-size: 24px;
	}
	.section-opportunities #skills .story-card .story-headline {
		max-width: 13ch;
	}
	.section-equity #hispanic .story-card .story-headline {
		max-width: 14ch;
	}
	.section-opportunities #mentors .story-card .story-headline {
		max-width: 18ch;
		font-size: 19px;
	}
}

@media only screen and (max-width: 500px) {
	.story-card .story-headline {
		max-width: 14ch;
	}
}

@media only screen and (max-width: 374px) {
	.story-card .story-headline {
		font-size: 23px;
	}
}

/* boc */

@media only screen and (max-width: 1068px) {
	.modal-story .modal-copy-width {
		max-width: 400px;
		width: 400px;
	}
}

@media only screen and (max-width: 400px) {
	.modal-story .modal-copy-width {
		max-width: 350px;
		width: 350px;
	}
}

@media only screen and (max-width: 350px) {
	.modal-story .modal-copy-width {
		max-width: 320px;
		width: 320px;
	}
}

@media only screen and (max-width: 335px) {
	.modal-story .modal-copy-width {
		max-width: 300px;
		width: 300px;
	}
}

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

/* Section into */
.section-intro .section-content {
	max-width: 872px;
}

/* Section equity subtitle */
.section-equity .stories-subhead {
	max-width: 625px;
}

/* Section Router headline */
.section-router .headline {
	max-width: 620px;
}