@charset "UTF-8";
@font-face {
    font-family: 'Source Sans';
    src: url('font/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-regular-webfont.woff') format('woff');
	font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans';
    src: url('font/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-it-webfont.woff') format('woff');
	font-weight: 400;
    font-style: italic;	 
}
@font-face {
    font-family: 'Source Sans';
    src: url('font/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-semibold-webfont.woff') format('woff');
	font-weight: 600;
    font-style: normal;	 
}
@font-face {
    font-family: 'Source Sans';
    src: url('font/sourcesanspro-semiboldit-webfont.woff2') format('woff2'),
         url('font/sourcesanspro-semiboldit-webfont.woff') format('woff');
	font-weight: 600;
    font-style: italic;	 
}
html {
	background: #d1e9ec;
	font-size: 100%;
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	font-family: 'Source Sans', sans-serif;
	color: #1c1c1c; 
	font-size: 1.4em;
	line-height: 1.55;
	letter-spacing: 0.01em;
}
*,
*::before,
*::after {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	-webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
a:link, a:visited {
	color: #1c1c1c;
	text-decoration: underline;
}
a:hover,
a:active
a:focus {
	color: #999;
}
a:active, 
a:focus {
	outline: 1px solid #999;
  	outline-offset: 2px;
}
strong {
	font-weight: 800;
}
em {
	font-style: italic;
}
img {
	width: 100%;
	vertical-align: bottom;
}
p {
	margin: 1.55em 0;
}
ol,
ul {
	list-style: none;
	padding-left: 0.9em;
	margin: 1em;
}
h1,
h2,
h3,
h4 {
	line-height: 1.2;
	font-weight: 600;
	margin: 3.5em 0 1.5em;
}
h1 {
	font-size: 4.2em;
	line-height: 1;
	margin: 0;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.2em;
}
.wrapper {
	margin: 0 auto;
	position: relative;
	padding: 1em 4% 5em 4%;
	max-width: 50em;
}
main {
	display: block;
}
ul li {
	position: relative;
}
ul li:before {
	content: "•";
	position: absolute;
	line-height: 1.45;
	top: 0;
	left: -0.9em;
}
ul li ul li:before {
	content: "◦";
}
ul li:not(:last-child) {
	margin-bottom: 1em;
}
.top-image {
	max-width: 12em;
	margin-bottom: 2em;
}
.subline {
	font-weight: 600;
	font-size: 0.9em;
	line-height: 1.3;
}
sup {
	font-size: 0.7em;
}
[hidden] {
	display: none;
}
	@media screen and (max-width: 58.5em) {

		html {
		  font-size: 90%;
		}
	}	   
	@media screen and (max-width: 30em) {

		html {
		  font-size: 85%;
		}
	}