div.footer {
	background-color: #EBEDF0;
	border-top: 1px solid #FAFCFF;
}

div.footer a {
	font-family: arial, sans-serif;
	text-decoration: none;
}

div.footer h3 {
	margin: auto;
	text-align: center;
	padding: 1.5em;
}

div.links {
	margin: auto;
	padding: 0 2em 2em 2em;
	font-size: 125%;
	display: flex;
	justify-content: space-around;
	max-width: 30em;
}

div.branding {
	width: 100%;
	text-align: center;
	display: block;
}

div.branding div {
	display: block;
	padding: 1em;
}

@media (max-width: 600px) {

	div.links {
		margin: auto;
		padding: 0 2em 2em 2em;
		font-size: 125%;
		display: flex;
		text-align: center;
		flex-direction: column;
		max-width: 30em;
	}
	div.links a {
		margin: 0.5em;
	}
}

.mission-banner {
    width: 100%;
    background-color: black;
    padding: 20px 0;
    margin: 20px 0;
}

.mission-container {
    width: 90%; /* Give some margin on smaller screens */
    max-width: 750px;
    margin: 0 auto;
}

.mission-container img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 600px) {
    .mission-container {
        width: 95%; /* More width on very small screens */
    }
}