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:.67em 0
} */

abbr[title]
{
	border-bottom:1px dotted
}

b,strong
{
	font-weight:700
}

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:-.5em
}

sub
{
	bottom:-.25em
}

img
{
	border:0
}

svg:not(:root)
{
	overflow:hidden
}

figure
{
	margin:0
}

fieldset
{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .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 .2em
}

@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:.5rem
} */

blockquote
{
	margin:0
}

blockquote p
{
	color:#bbb;
	font-style:italic;
	margin-bottom:1.5rem
}

cite
{
	color:#bbb
}

p
{
	margin:0 auto 2em;
	text-align:left
}

.lead
{
	max-width:45rem;
	font-size:1.25rem
}

ol
{
	list-style-type:decimal
}

ul,ol
{
	margin:0 0 1.25em
}

li
{
	margin-bottom:2em
}

li.last-list-item
{
	border-bottom:none
}

dt
{
	font-weight:700
}

dd
{
	margin-bottom:1.625em
}

strong
{
	font-weight:700
}

i
{
	font-style:italic
}

em
{
	font-style:normal
}

::-moz-selection,::selection
{
	background:#e67e39;
	color:#fff
}

.sub-point
{
	display:block;
	font-size:.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
{
	opacity:1;
	display:inline-block;
	padding:4px;
	margin:0 .5rem 1rem;
	line-height:0;
	-webkit-transition:background-color .1s ease-out;
	-moz-transition:background-color .1s ease-out;
	-o-transition:background-color .1s ease-out;
	transition:background-color .1s ease-out
}

.example-image-link:hover
{
	opacity:.6
}

.example-image
{
	width:auto
}

.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:.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:.9rem;
	padding:.1rem .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 .5rem .1rem
}

pre code
{
	padding:0;
	font-size:.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
{
	display:block;
	padding:.7rem 2rem;
	margin-bottom:.5rem;
	border:none;
	color:#fff;
	background-color:#4ae;
	font-size:1.2rem;
	font-weight:700;
	text-transform:uppercase;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	vertical-align:middle;
	white-space:nowrap
}

.button:hover
{
	background:#1595ea;
	text-decoration:none
}

@media (min-width: 40rem) {
	.button
	{
		display:inline-block;
		margin:0 .25rem
	}
}

.button-minor
{
	padding:.35rem 1rem;
	border:2px solid #4ae;
	color:#4ae;
	background-color:transparent;
	font-size:.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
	}
}