article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
{
	display: block;
}
audio, canvas, video
{
	display: inline-block;
}
audio:not([controls])
{
	display: none;
	height: 0;
}
 [
hidden]
{
	display: none;
}
html
{
	background: #fff;
	color: #000;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body
{
	margin: 0;
}
a:focus
{
	outline: thin dotted;
}
a:active, a:hover
{
	outline: 0;
}
h1
{
	font-size: 2em;
	margin: 0.67em 0;
}
abbr[title]
{
	border-bottom: 1px dotted;
}
b, strong
{
	font-weight: bold;
}
dfn
{
	font-style: italic;
}
hr
{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
mark
{
	background: #ff0;
	color: #000;
}
code, kbd, pre, samp
{
	font-family: monospace,serif;
	font-size: 1em;
}
pre
{
	white-space: pre-wrap;
}
q
{
	quotes: "\201C" "\201D" "\2018" "\2019";
}
small
{
	font-size: 80%;
}
sub, sup
{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup
{
	top: -0.5em;
}
sub
{
	bottom: -0.25em;
}
img
{
	border: 0;
}
svg:not(:root)
{
	overflow: hidden;
}
figure
{
	margin: 0;
}
fieldset
{
	border: 1px solid silver;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend
{
	border: 0;
	padding: 0;
}
button, input, select, textarea
{
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
button, input
{
	line-height: normal;
}
button, select
{
	text-transform: none;
}
button, html input[type='button'], input[type='reset'], input[type='submit']
{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled]
{
	cursor: default;
}
input[type='checkbox'], input[type='radio']
{
	box-sizing: border-box;
	padding: 0;
}
input[type='search']
{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration
{
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner
{
	border: 0;
	padding: 0;
}
textarea
{
	overflow: auto;
	vertical-align: top;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
html
{
	font: 100%/1.5 "Karla" , "lucida grande" ,sans-serif,sans-serif;
	font-weight: 400;
}
@media (min-width: 40rem)
{
	html
	{
		font-size: 106%;
	}
}
@media (min-width: 64rem)
{
	html
	{
		font-size: 112%;
	}
}
body
{
	/*color: #777;
	background-color: #fff;*/
}
h1, h2, h3, h4, h5
{
	color: #222;
	line-height: 1.2em;
	font-family: "Montserrat" , "Helvetica" ,sans-serif;
	font-weight: 600;
}
h1
{
	font-size: 3.5rem;
	margin: 0 0 0.2em 0;
}
@media (min-width: 40rem)
{
	h1
	{
		font-size: 4.5rem;
	}
}
@media (min-width: 64rem)
{
	h1
	{
		font-size: 5rem;
	}
}
h2
{
	color: #e67e39;
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
	text-transform: uppercase;
}
@media (min-width: 40rem)
{
	h2
	{
		font-size: 2rem;
	}
}
h3
{
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}
blockquote
{
	margin: 0;
}
blockquote p
{
	color: #bbb;
	font-style: italic;
	margin-bottom: 1.5rem;
}
cite
{
	color: #bbb;
}
p
{
	margin: 0 auto 2em auto;
	text-align: left;
}
.lead
{
	max-width: 45rem;
	font-size: 1.25rem;
}
ol
{
	list-style-type: decimal;
}
ul, ol
{
	margin: 0 0 1.25em 0;
}
li
{
	margin-bottom: 2em;
}
li.last-list-item
{
	border-bottom: none;
}
dt
{
	font-weight: bold;
}
dd
{
	margin-bottom: 1.625em;
}
strong
{
	font-weight: bold;
}
i
{
	font-style: italic;
}
em
{
	font-style: normal;
}
a
{
	/*color: #4ae;*/
	text-decoration: none;
}
a:hover
{
	/*text-decoration: underline;*/
}
::-moz-selection, ::selection
{
	background: #e67e39;
	color: #fff;
}
.sub-point
{
	display: block;
	font-size: 0.75rem;
}
*, *:before, *:after
{
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
body
{
	margin: 0;
	padding: 0;
	background: #fff;
}
section
{
	border-top: 2px solid #f2f2f2;
	text-align: center;
	padding: 2rem 0;
}
section:first-of-type
{
	border-top: none;
}
@media (min-width: 40rem)
{
	section
	{
		padding: 4rem 0;
	}
}
.container
{
	margin: 0 auto;
	max-width: 40rem;
	width: 90%;
}
.row
{ *zoom:1}
.row:after
{
	content: "";
	display: table;
	clear: both;
}
header
{
	padding: 2rem 0;
	background-color: #f7f7f7;
	text-align: center;
}
header p
{
	text-align: center;
}
.example-image-link
{
	display: inline-block;
	padding: 4px;
	margin: 0 0.5rem 1rem 0.5rem;
	background-color: #fff;
	line-height: 0;
	-webkit-transition: background-color 0.1s ease-out;
	-moz-transition: background-color 0.1s ease-out;
	-o-transition: background-color 0.1s ease-out;
	transition: background-color 0.1s ease-out;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.example-image-link:hover
{
	background-color: #4ae;
}
.example-image
{
	width: 7rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.how-to-use-section p, .how-to-use-section ol, .how-to-use-section ul, .how-to-use-section pre
{
	text-align: left;
}
fieldset
{
	border: none;
}
.donate-button
{
	width: 100%;
}
@media (min-width: 40rem)
{
	.donate-button
	{
		width: auto;
	}
}
footer
{
	padding: 2rem 0;
	background-color: #f7f7f7;
	text-align: center;
}
footer p
{
	text-align: center;
}
footer .button
{
	margin-top: 0.5rem;
}
.sharing-section
{
	position: fixed;
	z-index: 10;
	top: 20px;
	right: 0;
}
code
{
	color: #777;
	background-color: #f2f2f2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font-family: Consolas,Courier,monospace;
	font-size: 0.9rem;
	padding: 0.1rem 0.3rem;
	position: relative;
	top: -1px;
}
pre
{
	background-color: #f2f2f2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	padding: 0 0.5rem 0.1rem 0.5rem;
}
pre code
{
	padding: 0;
	font-size: 0.7rem;
	border: none;
}
.column
{
	margin-bottom: 1.5rem;
}
@media (min-width: 40rem)
{
	.column
	{
		float: left;
		margin: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.column.full
	{
		width: 100%;
	}
	.column.two-thirds
	{
		width: 66.7%;
	}
	.column.half
	{
		width: 50%;
	}
	.column.third
	{
		width: 33.3%;
	}
	.column.fourth
	{
		width: 24.95%;
	}
	.column.flow-opposite
	{
		float: right;
	}
}
ul
{
	margin: 0;
	text-align: left;
}
@media (min-width: 40rem)
{
	ul
	{
		/*display: inline-block;*/
	}
}
.button-minor
{
	padding: 0.35rem 1rem;
	border: 2px solid #4ae;
	color: #4ae;
	background-color: transparent;
	font-size: 0.8rem;
}
.button-minor:hover
{
	color: #fff;
}
hr
{
	border: 0;
	border-top: 2px solid #f2f2f2;
	margin: 2rem auto;
	width: 3rem;
}
@media (min-width: 40rem)
{
	hr
	{
		margin: 2.5rem auto;
	}
}