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 0 0;
	background-color: transparent;
	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:#FFFFFF;
	-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:#FFFFFF;
	-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{
	display:block;
	padding:0.7rem 2rem;
	margin-bottom:0.5rem;
	border:none;
	color:#fff;
	background-color:#4ae;
	font-size:1.2rem;
	font-weight:bold;
	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 0.25rem}
}

.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}
}