/* RESET –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: inherit;
	font-family: inherit;
}

/* SITE-WIDE –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
	font-size: 14pt;
	line-height: 150%;
	font-family: Verdana, Geneva, sans-serif;

	height: 100%;

	/*background-color: #4597cb;*/
	color: #666;
}

body {
	position: relative;
	min-height: 100%;
}

h1 {
	font-size: 1.125em;
	line-height: 130%;
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-weight: bold;
}

h2 {
	font-size: 1.75em;
	font-family: Georgia, Palatino, serif;
	font-style: italic;
	font-weight: bold;
	line-height: 1em;
	color: #4597CB;
	text-align: center;

	margin-bottom: 0.25em;
}

h3 {

}

h4 {

}

p {
	margin-top: 1.35em;
}

/* HEADER ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;

	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;

	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;

	background-color: #4597CB;
	background-image: url('../assets/city-background.svg');
	background-size: contain;
	background-size: cover;
	background-position: top;

	min-height: 50vh;
}

.title-container {
	display: block;
	text-align: center;
	padding-bottom: 1em;
	border-bottom: 2px solid #666;
	margin-bottom: 2em;
}

/* FOOTER ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {

}

/* MAIN ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
main {
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;

	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;

	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;

	background-color: #efefef;
}

.main-container {
	max-width: 45em;
	width: 100%;
	padding: 2em 1em;
	background-color: #ffffff;
}

.num-img {
	display: block;
	margin: auto;
	margin-bottom: 1em;
}

.main-sections {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #ccc;
}

.button {
	display: block;
	text-align: center;
	padding: 0.5em 1em;
	color: #ffffff;
	max-width: 50%;
	margin: 2em auto;
	background-color: #4597CB;
}

a {
	transition: transform 0.25s, box-shadow 0.25s, background-color 0.25s;
}

a:hover, a:focus {
	transition: transform 0.25, box-shadow 0.25s, background-color 0.25s;
	transform: translateY(-0.125em);
	box-shadow: 0 0.25em 0.5em -0.25em #aaa;
	background-color: #4d9ed3;
}