@font-face {
	font-family: "iam-font-normal";
	src: url('font/ebgaramond.ttf');
}

@font-face {
	font-family: "iam-font-italics";
	src: url('font/ebgaramond-italics.ttf');
}

body {
	background-color: #E4E1DB;
}

.page {
	width: 40em;
	background-color: white;
	text-align: center;
	margin: 20px auto 150px;
	padding: 100px 75px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
}

.page * {
	margin-left: auto;
	margin-right: auto;
	font-family: "iam-font-normal";
	color: #333;
}

.page p {
	font-size: 22px;
	line-height: 30px;
	text-align: left;
	margin-bottom: 10px;
}

.page p.dense {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 10px;
}

.page em {
	font-family: "iam-font-italics";
	font-style: normal;
}

.page a {
	color: #327BBA;
	text-decoration: underline;
}

.page hr {
	color: #E4E4E4;
	border-top: solid 1px #e4e4e4;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 60px 0;
}

[type="paren-ol"] {
  list-style: paren-ol;
}

@counter-style paren-ol {
  system: extends decimal;
  prefix: "(";
  suffix: ") ";
}

ol, ul {
	padding-left: 30px;
}

ol li::marker {
	font-size: 20px;
	color: #666;
}

li {
	text-align: left;
	font-size: 20px;
}

/* ************************************************** */

#logo {
	width: 120px;
	display: block;
	margin-bottom: 30px;
}

#logo-text {
	width: 210px;
	display: block;
	margin-bottom: 70px;
}

#logo_footer {
	width: 50px;
	display: block;
	opacity: 0.5;
}

#mission {
	color: black;
	font-size: 22px;
}

#about {
	margin-top: 40px;
}