/*!
Pure v2.0.3
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/

/*!
normalize.css v | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* This is an extraction of purecss.io's Pure CSS Framework, to include just what I needed */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
main {
	display: block
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b,
strong {
	font-weight: bolder
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}
small {
	font-size: 80%
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
img {
	border-style: none
}
details {
	display: block
}
summary {
	display: list-item
}
template {
	display: none
}
[hidden] {
	display: none
}
html {
	font-family: sans-serif
}
.hidden,
[hidden] {
	display: none!important
}
.pure-img {
	max-width: 100%;
	height: auto;
	display: block
}

/* ::::: Pure CSS grids regular stripped ::::: */
.pure-g {
	letter-spacing: -.31em;
	text-rendering: optimizespeed;
	font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start
}
.opera-only :-o-prefocus,
.pure-g {
	word-spacing: -.43em
}
/*
I guess this pure-u style is here so that
a) if someone mistakenly leaves off the unit
b) if someone wants to match pure-u-* behaviors minus the specified width
I suppose this would not *always* be the same as width 100%
foo {width: inherit;} 
comes to mind
or floats?
*/
.pure-u {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto
}
.pure-g [class*=pure-u] {
	font-family: sans-serif
}
/* after removing ineffective units on logo, the only uses of pure-u* units 
except pure-u-1 are pure-u-md-1-4 and pure-u-md-3-4 on main navigation 
 A reduced set of the -md- responsive grid rules are at the bottom  of the file */
/* these apply when the screen is SMALLER than the -md- breakpoint (768px).
in that circumstance a one-column design is often advisable.
if you want pure-u-x for halves, 3rds, 4ths, 5ths, and 6ths, include the extra-no-media-query-grid.css,
or copy in its contents */
.pure-u-1 {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto
}
.pure-u-1 {
	width: 100%
}

/* ::::: Pure CSS menus stripped ::::: */
.pure-menu {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.pure-menu-item,
.pure-menu-list {
	position: relative
}
.pure-menu-list {
	list-style: none;
	margin: 0;
	padding: 0
}
.pure-menu-item {
	padding: 0;
	margin: 0;
	height: 100%
}
.pure-menu-heading,
.pure-menu-link {
	display: block;
	text-decoration: none;
	white-space: nowrap
}
.pure-menu-horizontal {
	width: 100%;
	white-space: nowrap
}
.pure-menu-horizontal .pure-menu-list {
	display: inline-block
}
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-separator {
	display: inline-block;
	vertical-align: middle
}
.pure-menu-item .pure-menu-item {
	display: block
}
.pure-menu-heading {
	text-transform: uppercase;
	color: #565d64
}
.pure-menu-link {
	color: #777
}
.pure-menu-disabled,
.pure-menu-heading,
.pure-menu-link {
	padding: .5em 1em
}
.pure-menu-active>.pure-menu-link,
.pure-menu-link:focus,
.pure-menu-link:hover {
	background-color: #eee
}
.pure-menu-selected>.pure-menu-link,
.pure-menu-selected>.pure-menu-link:visited {
	color: #000
}


/* ::::: Pure CSS responsive medium grid stripped ::::: */
@media screen and (min-width:48em) {
	.pure-u-md-1,
	.pure-u-md-1-2,
	.pure-u-md-1-3,
	.pure-u-md-1-4,
	.pure-u-md-1-5,
	.pure-u-md-1-6,
	.pure-u-md-2-3,
	.pure-u-md-2-5,
	.pure-u-md-3-4,
	.pure-u-md-3-5,
	.pure-u-md-4-5,
	.pure-u-md-5-6 {
		display: inline-block;
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto
	}
	.pure-u-md-1-6 {
		width: 16.6667%
	}
	.pure-u-md-1-5 {
		width: 20%
	}
	.pure-u-md-1-4 {
		width: 25%
	}
	.pure-u-md-1-3 {
		width: 33.3333%
	}
	.pure-u-md-2-5 {
		width: 40%
	}
	.pure-u-md-1-2 {
		width: 50%
	}
	.pure-u-md-3-5 {
		width: 60%
	}
	.pure-u-md-2-3 {
		width: 66.6667%
	}
	.pure-u-md-3-4 {
		width: 75%
	}
	.pure-u-md-4-5 {
		width: 80%
	}
	.pure-u-md-5-6 {
		width: 83.3333%
	}
	.pure-u-md-1 {
		width: 100%
	}
}