html {
	max-width: 90ch;
	width:100%;
	padding: 3em 1em;
	margin: auto;
	line-height: 1.25;
	font-size: 1em;
	font-family:arial;
	height:auto;
}
h1 {
	background-color:#163158;
	color:white;
	font-size:1.75em;
	max-width:300px;
}
h2 {
	font-size:1.1em;
}
img#logo {
	Max-width:250px;
	width:100%;
	padding-bottom:1em;
}
.footer {
	display:flex;
	justify-content:space-between;
	background-color:#163158;
	color:white;
	font-size:.7em;
	width:100%;
}
.flex-grid {
  display:flex;
  justify-content:space-between;
  width:100%;
}
.flex-grid .colleft {
  flex:1;
  width:45%;
  padding-left:0%;
  padding-right:2.5%;
  min-width:40ch;
}
.flex-grid .colright {
	flex:1;
	width:45%;
	padding-left:2.5%;
	padding-right:0%;
	min-width:40ch;
}
.center {
	width:100%;
	text-align:center;
}
.flex-grid .colleft2 {
  flex:1;
  width:50%;
  padding-left:0%;
  padding-right:0%;
}
.flex-grid .colright2 {
	flex:1;
	width:10%;
	padding-left:0%;
	padding-right:0%;
}

@media(max-width: 480px) {
	.flex-grid {
		display:block;
		width:100%;
	}
	.flex-grid .colleft {
		width:100%;
		float:left;
	}
	.flex-grid .colright {
		width:100%;
		float:left;
	}
	.flex-grid .colleft2 {
		width:100%;
		float:left;
	}
	.flex-grid .colright2 {
		width:100%;
		float:left;
	}
}