html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	color:#fff;
	font:17px/1.4 'Open Sans',sans-serif;
	text-align:center
}

body {
	margin:0;
	/*background-color:#2f3135; */
	background-color:#006699
}

a {
	background-color:transparent;
	color:#069;
	text-decoration:none
}

a:active,a:hover {
	outline-width:0
}

strong {
	font-weight:bolder
}

h1 {
	font-size:3em;
	line-height:1.2em;
	margin:0 .5em .75em;
	color: #FFF;
}

img {
	border-style:none;
	vertical-align:middle
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}

button:-moz-focusring,input:-moz-focusring {
	outline:1px dotted ButtonText
}

a:active,a:focus,a:hover {
	text-decoration:underline
}

::-moz-selection {
	background-color:#b3d4fc;
	text-shadow:none
}

::selection {
	background-color:#b3d4fc;
	text-shadow:none
}

h2 {
	font-size:2em;
	margin:1.5em 0
}

h3 {
	color:#555;
	font-size:1.25em;
	margin:0 0 .5em
}

p {
	margin:0 0 2em
}

.grid {
	margin:0 -15px;
	letter-spacing:-.31em;
	word-spacing:-.43em;
	text-rendering:optimizespeed
}

.grid-cell{display:inline-block;
letter-spacing:normal;
text-align:left;
text-rendering:auto;
vertical-align:top;
width:50%;
word-spacing:normal}
.grid-cell>*{padding:0 15px}
.inline-block-list{list-style-type:none;
margin:0;
padding:0}
.inline-block-list li{display:inline-block;
margin:0 0 0 1.5em;
padding:0;
vertical-align:top}
.inline-block-list li:first-child{margin-left:0}

.flex-embed {
	background-color:#000;
	box-shadow:0 0 10px #000;
	height:320px;
	overflow:hidden;
	/* padding-bottom:56.25%; */
	position:relative
}

.flex-embed a,.flex-embed img{bottom:0;
height:100%;
left:0;
position:absolute;
top:0;
width:100%}
.flex-embed .play-btn{background:url(data:image/svg+xml;
base64,PHN2ZyBmaWxsPSIjMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2LDkyLjQ4MWM0NC40MzMsMCw4Ni4xOCwxNy4wNjgsMTE3LjU1Myw0OC4wNjRDNDA0Ljc5NCwxNzEuNDExLDQyMiwyMTIuNDEzLDQyMiwyNTUuOTk5cy0xNy4yMDYsODQuNTg4LTQ4LjQ0OCwxMTUuNDU1Yy0zMS4zNzIsMzAuOTk0LTczLjEyLDQ4LjA2NC0xMTcuNTUyLDQ4LjA2NHMtODYuMTc5LTE3LjA3LTExNy41NTItNDguMDY0QzEwNy4yMDYsMzQwLjU4Nyw5MCwyOTkuNTg1LDkwLDI1NS45OTlzMTcuMjA2LTg0LjU4OCw0OC40NDgtMTE1LjQ1M0MxNjkuODIxLDEwOS41NSwyMTEuNTY4LDkyLjQ4MSwyNTYsOTIuNDgxIE0yNTYsNTIuNDgxIGMtMTEzLjc3MSwwLTIwNiw5MS4xMTctMjA2LDIwMy41MThjMCwxMTIuMzk4LDkyLjIyOSwyMDMuNTIsMjA2LDIwMy41MmMxMTMuNzcyLDAsMjA2LTkxLjEyMSwyMDYtMjAzLjUyQzQ2MiwxNDMuNTk5LDM2OS43NzIsNTIuNDgxLDI1Niw1Mi40ODFMMjU2LDUyLjQ4MXogTTIwNi41NDQsMzU3LjE2MVYxNTkuODMzbDE2MC45MTksOTguNjY2TDIwNi41NDQsMzU3LjE2MXoiPjwvcGF0aD48L3N2Zz4K);
height:150px;
left:50%;
margin-left:-75px;
margin-top:-75px;
position:absolute;
top:50%;
-webkit-transition:1s;
transition:1s;
width:150px}
.flex-embed:hover .play-btn{opacity:.5}

.clearfix:after,.clearfix:before {
	content:' ';
	display:table
}

.clearfix:after {
	clear:both
}

.clearfix {
	*zoom:1
}

.container {
	margin:0 auto;
	max-width:760px;
	padding:0 10px
}

.aside {
	background-color:#eee;
	border:solid #e3e3e3;
	border-width:1px 0;
	font-size:1.125em;
	padding:1em 0
}

.btn,.cta-option{display:inline-block;
position:relative}
.cta-option{margin:2.5em .5em 0;
vertical-align:top}

.btn {
	color:#fff;
	font-size:1.5em;
	padding:.6em 1em;
	text-decoration:none;
	text-shadow:0 -1px 0 rgba(0,0,0,.5);
	vertical-align:middle;
	border-radius:4px;
	border:1px solid #333
}

.btn:active,.btn:focus,.btn:hover {
	text-decoration:none
}

.btn-download {
	background-color:#d9750b;
	background-image:-webkit-linear-gradient(#f90 10%,#e76a00 100%);
	background-image:linear-gradient(#f90 10%,#e76a00 100%);
	box-shadow:0 1px 0 rgba(255,255,255,.5)inset,0 1px 3px rgba(0,0,0,.2);
	border:1px solid #995309
}

.btn-download:active,.btn-download:focus,.btn-download:hover {
	background-color:#e0811b;
	background-image:-webkit-linear-gradient(#f0a100 10%,#f70 100%);
	background-image:linear-gradient(#f0a100 10%,#f70 100%)
}
.btn-download:active{background-color:#cf6a00;
box-shadow:0 2px 3px 0 rgba(0,0,0,.2)inset}
.btn-alt{background-color:#444;
border-color:#222;
box-shadow:none;
font-size:1.25em;
margin-top:.25em}
.btn-alt:active,.btn-alt:focus,.btn-alt:hover{background-color:#555}
.star{color:#e08524}
.Icon{display:inline-block;
height:16px;
margin:-3px 1px 0 0;
vertical-align:middle;
width:16px}
.Icon--github{background-image:url(data:image/svg+xml;
base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjEgMTIxIj48ZyBmaWxsPSIjMTkxNzE3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYwLjUgMS42Yy0zMy4zIDAtNjAuNCAyNy02MC40IDYwLjQgMCAyNi43IDE3LjMgNDkuMyA0MS4zIDU3LjMgMyAuNiA0LjEtMS4zIDQuMS0yLjkgMC0xLjQtLjEtNi4yLS4xLTExLjItMTYuNyAzLjYtMjAuMy03LjItMjAuMy03LjItMi43LTctNi43LTguOC02LjctOC44LTUuNS0zLjcuNC0zLjcuNC0zLjcgNi4xLjQgOS4zIDYuMiA5LjMgNi4yIDUuNCA5LjIgMTQuMSA2LjYgMTcuNiA1IC41LTMuOSAyLjEtNi42IDMuOC04LjEtMTMuNC0xLjQtMjcuNS02LjYtMjcuNS0yOS44IDAtNi42IDIuNC0xMiA2LjItMTYuMi0uNi0xLjUtMi43LTcuNy42LTE2IDAgMCA1LjEtMS42IDE2LjYgNi4yIDQuOC0xLjMgMTAtMiAxNS4xLTJzMTAuMy43IDE1LjEgMmMxMS41LTcuOCAxNi42LTYuMiAxNi42LTYuMiAzLjMgOC4zIDEuMiAxNC41LjYgMTYgMy45IDQuMiA2LjIgOS42IDYuMiAxNi4yIDAgMjMuMi0xNC4xIDI4LjMtMjcuNSAyOS44IDIuMiAxLjkgNC4xIDUuNSA0LjEgMTEuMiAwIDguMS0uMSAxNC42LS4xIDE2LjYgMCAxLjYgMS4xIDMuNSA0LjEgMi45IDI0LTggNDEuMy0zMC42IDQxLjMtNTcuMyAwLTMzLjQtMjctNjAuNC02MC40LTYwLjR6Ii8+PHBhdGggZD0iTTIzIDg4LjNjLS4xLjMtLjYuNC0xIC4ycy0uNy0uNi0uNS0uOWMuMS0uMy42LS40IDEtLjJzLjYuNi41Ljl6bS0uOC0uNU0yNS40IDkxYy0uMy4zLS45LjEtMS4yLS4zLS40LS40LS41LTEtLjItMS4zLjMtLjMuOC0uMSAxLjIuMy41LjUuNSAxLjEuMiAxLjN6bS0uNS0uNk0yNy44IDk0LjVjLS40LjMtMSAwLTEuMy0uNS0uNC0uNS0uNC0xLjIgMC0xLjQuNC0uMyAxIDAgMS4zLjUuNC41LjQgMS4xIDAgMS40em0wIDBNMzEuMSA5Ny45Yy0uMy40LTEgLjMtMS42LS4yLS41LS41LS43LTEuMi0uMy0xLjUuMy0uNCAxLS4zIDEuNi4yLjUuNC42IDEuMS4zIDEuNXptMCAwTTM1LjYgOTkuOGMtLjEuNS0uOC43LTEuNS41LS43LS4yLTEuMS0uOC0xLTEuMi4xLS41LjgtLjcgMS41LS41LjcuMiAxLjEuNyAxIDEuMnptMCAwTTQwLjUgMTAwLjJjMCAuNS0uNi45LTEuMy45LS43IDAtMS4zLS40LTEuMy0uOXMuNi0uOSAxLjMtLjljLjcgMCAxLjMuNCAxLjMuOXptMCAwTTQ1LjEgOTkuNGMuMS41LS40IDEtMS4xIDEuMS0uNy4xLTEuMy0uMi0xLjQtLjctLjEtLjUuNC0xIDEuMS0xLjEuNy0uMSAxLjMuMiAxLjQuN3ptMCAwIi8+PC9nPjwvc3ZnPgo=)}
.Icon--html5{background-image:url(data:image/svg+xml;
base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjUwIDEwMSA0MTIgNDEyIj48cGF0aCBmaWxsPSIjRTQ0RDI2IiBkPSJNMTA3LjY0NCA0NzAuODc3bC0zMy4wMTEtMzcwLjI1N2gzNjIuNzM0bC0zMy4wNDYgMzcwLjE5OS0xNDguNTQzIDQxLjE4MXoiLz48cGF0aCBmaWxsPSIjRjE2NTI5IiBkPSJNMjU2IDQ4MC41MjNsMTIwLjAzLTMzLjI3NyAyOC4yNC0zMTYuMzUyaC0xNDguMjd6Ii8+PHBhdGggZmlsbD0iI0VCRUJFQiIgZD0iTTI1NiAyNjguMjE3aC02MC4wOWwtNC4xNS00Ni41MDFoNjQuMjR2LTQ1LjQxMWgtMTEzLjg2OGwxLjA4NyAxMi4xODMgMTEuMTYxIDEyNS4xMzloMTAxLjYyem0wIDExNy45MzZsLS4xOTkuMDUzLTUwLjU3NC0xMy42NTYtMy4yMzMtMzYuMjE3aC00NS41ODVsNi4zNjIgNzEuMzAxIDkzLjAyIDI1LjgyMy4yMDktLjA1OHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjU1Ljg0MyAyNjguMjE3djQ1LjQxaDU1LjkxOGwtNS4yNzEgNTguODk0LTUwLjY0NyAxMy42N3Y0Ny4yNDRsOTMuMDk0LTI1LjgwMS42ODMtNy42NzIgMTAuNjcxLTExOS41NTEgMS4xMDgtMTIuMTk0aC0xMi4yMzd6bTAtOTEuOTEydjQ1LjQxMWgxMDkuNjg4bC45MTEtMTAuMjA3IDIuMDY5LTIzLjAyMSAxLjA4Ni0xMi4xODN6Ii8+PC9zdmc+Cg==)}
.Icon--stackoverflow{background-image:url(data:image/svg+xml;
base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMgMi44IDU4LjIgNTgiPjxwYXRoIGQ9Ik05LjMwNSAzNi44NDhsNC40MDEuMDQzLS4xNTMgMTkuNTk4aDI5LjI5MXYtMTkuNTI4aDQuNjM4djI0LjI4N2gtMzguMjAxbC4wMjQtMjQuNDAxem03LjE3NyAxMS41ODZoMjIuOTQ1djQuODgyaC0yMi45NDV6IiBmaWxsPSIjOTE5MTkxIi8+PHBhdGggZmlsbD0iI2E3OGI2OCIgZD0iTTE3LjAyIDM5LjY0OGwyMi45NiAyLjIxNi0uNDgxIDQuOTgxLTIyLjk2LTIuMjE2eiIvPjxwYXRoIGZpbGw9IiNjMTk2NTMiIGQ9Ik0xOS4xMjEgMjkuNzEzbDIyLjIgNi4yNjYtMS4zNTkgNC44MTYtMjIuMi02LjI2NnoiLz48cGF0aCBmaWxsPSIjZDQ4YzI4IiBkPSJNMjQuNTAxIDE4LjQ4NGwxOS43NDUgMTEuOTI2LTIuNTg3IDQuMjgzLTE5Ljc0NS0xMS45MjZ6Ii8+PHBhdGggZmlsbD0iI2ZlODkwOCIgZD0iTTM1LjczMyA3Ljg0OWwxMy40MzUgMTguNzUxLTQuMDY4IDIuOTE0LTEzLjQzNS0xOC43NTF6Ii8+PHBhdGggZmlsbD0iI2ZmN2ExNSIgZD0iTTUxLjM0IDIuNzUxbDMuODAyIDIyLjc1Mi00LjkzNi44MjUtMy44MDItMjIuNzUyeiIvPjwvc3ZnPgo=)}

.site-header {
	padding-top:50px
}

.site-logo {
	color:#fff;
	float:left;
	font-size:25px;
	font-weight:700;
	line-height:32px;
	text-decoration:none;
	text-shadow:2px 2px 0 #000;
	text-transform:uppercase
}

.site-nav {
	float:right;
	list-style-type:none;
	margin:7px 0 0;
	padding:0
}

.site-nav a {
	/*color:#ffa000; */
	color:#999999;
	display:block;
	text-decoration:none;
	text-transform:uppercase
}

.site-nav a:active,.site-nav a:focus,.site-nav a:hover {
	color:#fff
}

.site-promo {
	padding:4em 0 6em
}

.site-promo .description {
	color:#ddd;
	font-size:1.2em;
	margin:1em 2em 0
}

.last-update {
	color:#999;
	display:block;
	font-size:.75em;
	margin-top:10px
}

.site-section {
	background-color:#f9f9f9;
	color:#333;
	overflow:hidden;
	padding:2em 0 6em
}

.site-section-video {
	background-color:transparent;
	color:#fff;
	text-align:center;
	padding:2em 0 3em
}

.site-section-video .content {
max-width:720px;
margin:auto;
padding:10px
}

.site-section-video h2 {
	margin:1em 0
}

.in-the-wild {
	font-size:1.25em;
	margin:0 auto;
	max-width:720px
}

.site-footer {
	font-size:.875em;
	padding:2em
}

.site-footer a{color:#ffa000}
@media only screen and (max-width:800px){.site-logo,.site-nav{float:none}
.site-nav li{margin:0 .5em}
.site-header{padding-top:40px}
.site-promo{padding:3em 0}
.site-section{padding:0 1em 4em}
}
@media only screen and (max-width:600px){html{font-size:14px}
.last-update,.site-footer{font-size:1em}
}
@media only screen and (max-width:460px){.grid-cell{width:100%}
}
@media only screen and (max-width:420px) {
	h1 {
		font-size:2.5em
	}
	html {
		font-size:13px
	}
}
@media print{*{background-color:transparent!important;
box-shadow:none!important;
color:#000!important;
text-shadow:none!important}
a,a:visited{text-decoration:underline}
img{page-break-inside:avoid;
max-width:100%!important}
h1{padding:1em 0 0}
.site-promo{margin:1em;
padding:0}
.site-section{padding:0;
margin:2em 1em}
.site-section-video{display:none}
h2,h3,p{orphans:3;
widows:3}
h2,h3{page-break-after:avoid}
}