/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 21 2025 | 15:12:51 */
@use 'bootstrap-variables';
@use 'bootstrap-mixins';


#mission-content section {
	max-width: 960px;
	margin: 5rem auto;
}
#mission-content h2 {
    font-size: 30px;
    font-weight: 500;
    color: var(--color-accent-navy);
    line-height: 1.2;
    margin: 0 0 1rem;
}
#mission-content p {
	margin-bottom: 1rem;
}
#mission-content a {
	color: #004080;
	text-decoration: underline;
}
#mission-content .quote {
    font-style: italic;
    border-left: 4px solid var(--color-accent-navy);
    margin: 2rem 0;
    padding-left: 1rem;
    padding-block: 1rem;
    margin-top: 0;
}
#mission-content .honoring {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	align-items: flex-start;
}
#mission-content .honoring img {
	max-width: 480px;
	height: auto;
	border-radius: 30px;
}
#mission-content .honoring-content {
	flex: 1;
	min-width: 260px;
}

@media (max-width: 640px) {
	#mission-content .honoring {
		flex-direction: column;
	}
}


/* Mobile */

@media screen and (max-width: 768px) {
	
	#mission-content {
		padding: 0 1.5rem;
	}
}