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

a {
color:#4ae;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

::-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 {
display:inline-block;
padding:4px;
margin:0 .5rem 1rem;
background-color:#fff;
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;
-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:.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;
}
}



#footer a{
	font-size:9pt;
	color:#999;
}
.small{
	font-size:10pt;
	font-weight:normal;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
.fn{
	float:none;
}
.tar{
	text-align:right;
}
.tal{
	text-align:left;
}
.tac{
	text-align:center;
}
input, select{
	width:50%;
}
textarea{
	width:50%;
	height:300px;
}
.tag{
	border:1px solid #999;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
.click{
	cursor:pointer;
}
.click:hover{
	background-color:#999;
}
input{
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.search{
	position:absolute;
	left:50%;
}