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: 87%/1.5 "Karla", "lucida grande", sans-serif, sans-serif;font-weight: 400}
@media (min-width: 40rem) 
{
	html {font-size: 100%}
}
@media (min-width: 64rem) 
{
	html {font-size: 106%}
}
body {}
h1, h2, h3, h4, h5 {}
h1 {}
@media (min-width: 40rem) 
{
	h1 {font-size: 4.5rem}
}
@media (min-width: 64rem) 
{
	h1 {font-size: 5rem}
}
h2 {}
@media (min-width: 40rem) 
{
	h2 {}
}
h3 {}
blockquote {margin: 0}
blockquote p {color: #bbb;font-style: italic;margin-bottom: 1.5rem}
cite {color: #bbb}
p {text-align: left}
.lead {max-width: 45rem;margin-bottom: 1.1rem;font-size: 1.25rem}
ol {list-style-type: decimal}
ul, ol {}
li {}
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 {}
a:hover {}
::-moz-selection, ::selection {background:#e67e39;color:#fff}
.sub-point {display: block;font-size: 0.75rem}
code {color: #666;background-color: #f5f5f5;-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: #f5f5f5;-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.8rem;border: none}
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.1rem;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.3rem 1rem;border: 2px solid #4ae;color: #4ae;background-color: transparent;font-size: 0.8rem}
.button-minor:hover {color: #fff;background: #4ae}
hr {border: 0;border-top: 2px solid #f5f5f5;margin: 1rem auto 1.5rem auto;width: 3rem}
/**, *: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 #f5f5f5;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}
.backdrop {position: fixed;z-index: 5;width: 100%;height: 100%;background-color: #f5f5f5}
.picture-icon {width: 2.7rem;height: 2.7rem;margin-right: 0.5rem;-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.51, 1.285, 0.855, 1.185);-moz-transition: -moz-transform 0.4s cubic-bezier(0.51, 1.285, 0.855, 1.185);-o-transition: -o-transform 0.4s cubic-bezier(0.51, 1.285, 0.855, 1.185);transition: transform 0.4s cubic-bezier(0.51, 1.285, 0.855, 1.185)}
.picture-icon:hover {-webkit-transform: scale(3, 3);-moz-transform: scale(3, 3);-ms-transform: scale(3, 3);-o-transform: scale(3, 3);transform: scale(3, 3)}
@media (min-width: 40rem) 
{
	.picture-icon {width: 3.4rem;height: 3.4rem}
}
@media (min-width: 64rem) 
{
	.picture-icon {width: 3.75rem;height: 3.75rem}
}
header {padding-top: 5rem;text-align: center;color: #666}
header p {text-align: center}
@media (min-width: 40rem) 
{
	header {padding-top: 6.5rem}
}
.primary-actions {margin-bottom: 1.5rem}
.credits p {text-align: center}
.credits .button {margin-top: 0.5rem}
.content {position: absolute;z-index: 10;top: 28rem;width: 100%;border-top: 1px solid #e8e8e8;background-color: #fff}
@media (min-width: 40rem) 
{
	.content {top: 34rem}
}
.example-image-link {display: inline-block;padding: 4px;margin: 0 0.5rem 1rem 0.5rem;background-color: #fff;line-height: 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;-webkit-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out}
.example-image-link:hover {background-color: #4ae;-webkit-transition: background-color 0;-moz-transition: background-color 0;-o-transition: background-color 0;transition: background-color 0}
.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}
}
.sharing-section {position: fixed;z-index: 20;top: 20px;right: 0}