article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	color: #444
}

body {
	background-color: #fefefe;
	margin: 0;
	font-size: 1em;
	line-height: 1.4em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

::-moz-selection {
	background: #2a7bde;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #2a7bde;
	color: #fff;
	text-shadow: none
}

a:active,
a:focus,
a:hover {
	outline: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	margin: 15px 0;
	padding: 0
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}

body,
html {
	height: 100%;
	font-family: Lato, sans-serif
}

#wrapper {
	padding: 60px 0 60px 60px;
	width: 550px
}

#wrapper>img {
	display: block
}

h1,
h2,
li,
p {
	font-size: .9em
}

img {
	padding: 0 0 30px
}

a,
a:active,
a:link,
a:visited {
	color: #2a7bde;
	text-decoration: none;
	position: relative
}

a span {
	height: 2px;
	width: 0;
	position: absolute;
	left: auto;
	right: 0;
	bottom: -3px;
	background-color: #2a7bde;
	-webkit-transition: width .2s ease;
	transition: width .2s ease
}

.list--link a {
	color: #444;
	-webkit-transition: color .5s ease;
	transition: color .5s ease
}

.list--link a:hover {
	color: #2a7bde;
	text-decoration: none;
	border-bottom: 0
}

.list--link>li:after {
	content: "—";
	font-family: Arial, sans-serif;
	margin-left: 10px
}

a:hover {
	color: #2a7bde;
	text-decoration: none
}

a:hover span {
	width: 100%;
	left: 0;
	right: auto;
}

h1,
h2 {
	margin: 0;
	font-weight: 600;
	position: relative
}

p {
	color: #444
}

ul {
	margin: 0;
	padding: 0
}

ul li {
	list-style-type: none
}

@media only screen and (max-width:600px) {
	.list--link>li span {
		display: none
	}

	.list--link>li {
		display: block;
		line-height: 2
	}

	.list--link>li:after {
		display: none
	}

	#wrapper {
		width: 90%;
		padding: 40px 0;
		margin: 0 auto
	}

	hr {
		margin: 15px auto
	}
}

.hidden {
	display: none !important;
	visibility: hidden
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

@media print {
	* {
		background: 0 0 !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " (" attr(href) ")"
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""
	}

	img {
		page-break-inside: avoid max-width:100% !important
	}

	h2,
	p {
		orphans: 3;
		widows: 3
	}

	h2 {
		page-break-after: avoid
	}
}