/**
 *	Homepage styles
 *	
 *	slideshow is separate
 *	content is in style.css
 */

#homepage-mission {
	opacity: 0;
}

#homepage-mission .excerpt {
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	width: 66%;
}
#homepage-mission .excerpt.inv {
	color: var(--clr-dark);
}

#homepage-editorial {
	--inter-section: 2rem;
	--flex-gap: 2rem;
}

#homepage-editorial.flex {
	justify-content: center;
}
	
@media screen and (max-width: 35em) {
	#homepage-mission .excerpt {
		width: 100%;
	}
}