html, body{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Raleway', sans-serif;
	color: #3F3F3F;
	font-size: 10px;
	padding-bottom: 2em;
}

.container{
	max-width: 1024px;
	margin: 0 auto;
}

h1{font-size: 6em;}
h1 a{color: inherit;text-decoration: none;}
h1 a:hover{text-decoration: underlin;}
h2{font-size: 3em;margin-top:0;}
p{font-size: 1.8em;margin:.5em 0;}
a{color: #000;}
a:hover{color:#ccc;}
header p:last-child a{text-decoration: none;}

header, article{padding: 2em 0;}
article:after, header:after{
	content:"";
	display: block;
	width: 80%;
	margin: 2em 10% 0 10%;
	border-bottom: 1px solid #ccc;
}

footer{
	text-align: center;
	font-size: .7em;
	margin-top: 5em;
}
article div{font-size: 1.3em;}
article span{font-weight: 700;}
article ul{display: inline-block;padding:0;}
article li{list-style:none;display: inline-block;border: 1px solid #ccc;padding: .3em;margin: 0 .2em;}

nav{width:80%;margin:0 auto;}
nav a{
	display: block;
	border: 1px solid #ccc;
	background: white;
	width: 100px;
	padding: 1em 1.4em;
	text-align: center;
	color: #3F3F3F;
	text-decoration: none;
	font-size: 1.6em;
}
.prev{float: left;}
.next{float: right;}
.prev:before{
	vertical-align: middle;
	content:"";
	display: inline-block;
	border-style: solid;
	margin-right: .5em;
	border-width: 7.5px 13.0px 7.5px 0;
	border-color: transparent #898989 transparent transparent;
}
.next:after{
	vertical-align: middle;
	content:"";
	display: inline-block;
	border-style: solid;
	margin-left: .5em;
	border-width: 7.5px 0 7.5px 13.0px;
	border-color: transparent transparent transparent #898989;
}
nav a:hover{background: #ccc;color:#3F3F3F;}
nav:after{content:"";display: block;clear: both;}

a[download]{
	font-size: 1.3em;
	font-style: italic;
	text-decoration: none;
	border-bottom: 1px solid #000;
}