html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* ================================================================================================
 * Fonts
 * ================================================================================================ */
/* Font Functions
 * ------------------------------------------------------------------------------------------------ */
/* Convenience Shortcuts for `font-key` */
/* Add/Remove Font */
/* Font Mixins
 * ------------------------------------------------------------------------------------------------ */
/* ================================================================================================
 * General
 * ================================================================================================ */
/* General Functions
 * ------------------------------------------------------------------------------------------------ */
/* General Mixins
 * ------------------------------------------------------------------------------------------------ */
/* ================================================================================================
 * Colors
 * ================================================================================================ */
/* ================================================================================================
 * Fonts
 *
 * To set your own fonts in your config, override $fonts or add to it.
 * ================================================================================================ */
/* ================================================================================================
 * Unit Helpers
 *
 * Simply for making rhythm units more readable. E.g. `height: rhythm($px9);`
 * ================================================================================================ */
/* ================================================================================================
 * Compass Defaults
 *
 * These settings are used when you call a Compass mixin or function without
 * supplying any arguments. E.g. `@include border-radius;`
 * ================================================================================================ */
/* Typography
 *
 * @reference http://compass-style.org/reference/compass/typography/
 * ------------------------------------------------------------------------------------------------ */
/* CSS3
 *
 * @reference http://compass-style.org/reference/compass/css3/
 * ------------------------------------------------------------------------------------------------ */
/* Support
 *
 * @reference http://compass-style.org/reference/compass/support/
 * ------------------------------------------------------------------------------------------------ */
/* ================================================================================================
 * Typography & Spacing
 * ================================================================================================ */
/* ================================================================================================
 * Images
 * ================================================================================================ */
/* ================================================================================================
 * Grid
 *
 * Grid is mobile-first. Use `@include at-breakpoint($desktop) {}` to target desktop layout.
 *
 * See grid module for device-based breakpoints.
 * ================================================================================================ */
/* Generated Classes
 * ------------------------------------------------------------------------------------------------ */
/* ================================================================================================
 * CSS3Pie
 *
 * Use `@include pie` to extend the .pie-element.
 * ================================================================================================ */
/* ================================================================================================
 * Extends
 *
 * Output-heavy functions that are used often should be `@extend`ed.
 * ================================================================================================ */
.layout--split, .layout--sidebar-left,
.layout--sidebar-right, .layout--thinbar-left,
.layout--thinbar-right, .layout--widebar-left,
.layout--widebar-right, .layout--3-columns, .header__download, .features, .swing-set-labs {
  *zoom: 1;
}
.layout--split:after, .layout--sidebar-left:after,
.layout--sidebar-right:after, .layout--thinbar-left:after,
.layout--thinbar-right:after, .layout--widebar-left:after,
.layout--widebar-right:after, .layout--3-columns:after, .header__download:after, .features:after, .swing-set-labs:after {
  content: "";
  display: table;
  clear: both;
}

/*
 * Retina helper mixins for Compass
 * http://www.joelambert.co.uk
 *
 * Copyright 2012, Joe Lambert.
 * Free to use under the MIT license.
 * http://joelambert.mit-license.org/
 *
 * Modifed by Eric Grossnickle:
 * - added $include-size argument, useful for when setting background-size to `cover`
 */
/* ================================================================================================
 * Colors
 * ================================================================================================ */
/* ================================================================================================
 * Fonts
 * ================================================================================================ */
/* ================================================================================================
 * Typography & Spacing
 * ================================================================================================ */
/* ================================================================================================
 * Images
 * ================================================================================================ */
/* ================================================================================================
 * Grid
 * ================================================================================================ */
/* Generated Classes
 * ------------------------------------------------------------------------------------------------ */
/* ================================================================================================
 * Settings
 * ================================================================================================ */
/* Device-Based Breakpoints
 * ------------------------------------------------------------------------------------------------ */
/* ================================================================================================
 * Functions
 * ================================================================================================ */
/* ================================================================================================
 * Mixins
 * ================================================================================================ */
/**
 * Generates (nested) grid class names
 *
 * @param string  $namespace Required to avoid deprecation errors when the placeholders are extended more than once
 * @param integer $columns   The number of columns to generate classes for
 */
/**
 * Generates class names for grid features like prefix, squish, etc.
 *
 * @param integer $count The column number
 * @param integer $max   The maximum number of columns (used to avoid generating meaningless classes)
 */
/* ================================================================================================
 * Container
 * ================================================================================================ */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container, .footer, .header > .wrap, .main {
  *zoom: 1;
  max-width: 37.5em;
  _width: 37.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-left: auto;
  margin-right: auto;
  -moz-background-origin: content;
  -o-background-origin: content-box;
  -webkit-background-origin: content;
  background-origin: content-box;
  -moz-background-clip: content;
  -o-background-clip: content-box;
  -webkit-background-clip: content;
  background-clip: content-box;
}
.container:after, .footer:after, .header > .wrap:after, .main:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 34.5em) and (max-width: 46.5em) {
  .container, .footer, .header > .wrap, .main {
    max-width: 49.5em;
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
  }
}
@media (min-width: 46.5em) {
  .container, .footer, .header > .wrap, .main {
    max-width: 73.5em;
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
  }
}
@media (min-width: 58.5em) {
  .container, .footer, .header > .wrap, .main {
    padding-left: 3em;
    padding-right: 3em;
  }
}

/* ================================================================================================
 * Generate Grid
 * ================================================================================================ */
/* ================================================================================================
 * Generate Layouts
 * ================================================================================================ */
/* Split Layout
 * ------------------------------------------------------------------------------------------------ */
@media (min-width: 34.5em) and (max-width: 46.5em) {
  .layout--split > * {
    margin-right: 3.22581%;
    width: 48.3871%;
  }
}
@media (min-width: 46.5em) {
  .layout--split > * {
    margin-right: 2.12766%;
    width: 48.93617%;
  }
}
@media (min-width: 34.5em) {
  .layout--split > * {
    float: left;
  }
  .layout--split > *:last-child {
    float: right;
    margin-right: 0;
  }
}

/* Sidebar Layout
 * ------------------------------------------------------------------------------------------------ */
.layout--sidebar-left > .sidebar:first-child,
.layout--sidebar-left > .content:first-child,
.layout--sidebar-right > .sidebar:first-child,
.layout--sidebar-right > .content:first-child {
  margin-bottom: 1.5em;
}

@media (min-width: 34.5em) and (max-width: 46.5em) {
  .layout--sidebar-left > .sidebar,
  .layout--sidebar-right > .sidebar {
    width: 35.48387%;
  }
  .layout--sidebar-left > .content,
  .layout--sidebar-right > .content {
    width: 61.29032%;
  }
}
@media (min-width: 46.5em) {
  .layout--sidebar-left > .sidebar,
  .layout--sidebar-right > .sidebar {
    width: 31.91489%;
  }
  .layout--sidebar-left > .content,
  .layout--sidebar-right > .content {
    width: 65.95745%;
  }
}
@media (min-width: 34.5em) {
  .layout--sidebar-left > .sidebar,
  .layout--sidebar-left > .content,
  .layout--sidebar-right > .sidebar,
  .layout--sidebar-right > .content {
    float: left;
  }
  .layout--sidebar-left > .sidebar:first-child,
  .layout--sidebar-left > .content:first-child,
  .layout--sidebar-right > .sidebar:first-child,
  .layout--sidebar-right > .content:first-child {
    margin-bottom: 0em;
  }

  .layout--sidebar-right > .sidebar {
    float: right;
    margin-right: 0;
  }

  .layout--sidebar-left > .content {
    float: right;
    margin-right: 0;
  }
}
/* Thinbar Layout
 * ------------------------------------------------------------------------------------------------ */
.layout--thinbar-left > .sidebar:first-child,
.layout--thinbar-left > .content:first-child,
.layout--thinbar-right > .sidebar:first-child,
.layout--thinbar-right > .content:first-child {
  margin-bottom: 1.5em;
}

@media (min-width: 46.5em) {
  .layout--thinbar-left > .sidebar,
  .layout--thinbar-right > .sidebar {
    width: 23.40426%;
  }
  .layout--thinbar-left > .content,
  .layout--thinbar-right > .content {
    width: 74.46809%;
  }

  .layout--thinbar-left > .sidebar,
  .layout--thinbar-left > .content,
  .layout--thinbar-right > .sidebar,
  .layout--thinbar-right > .content {
    float: left;
  }
  .layout--thinbar-left > .sidebar:first-child,
  .layout--thinbar-left > .content:first-child,
  .layout--thinbar-right > .sidebar:first-child,
  .layout--thinbar-right > .content:first-child {
    margin-bottom: 0em;
  }

  .layout--thinbar-right > .sidebar {
    float: right;
    margin-right: 0;
  }

  .layout--thinbar-left > .content {
    float: right;
    margin-right: 0;
  }
}
/* Widebar Layout
 * ------------------------------------------------------------------------------------------------ */
.layout--widebar-left > .sidebar:first-child,
.layout--widebar-left > .content:first-child,
.layout--widebar-right > .sidebar:first-child,
.layout--widebar-right > .content:first-child {
  margin-bottom: 1.5em;
}

@media (min-width: 34.5em) and (max-width: 46.5em) {
  .layout--widebar-left > .sidebar,
  .layout--widebar-right > .sidebar {
    width: 35.48387%;
  }
  .layout--widebar-left > .content,
  .layout--widebar-right > .content {
    width: 61.29032%;
  }
}
@media (min-width: 46.5em) {
  .layout--widebar-left > .sidebar,
  .layout--widebar-right > .sidebar {
    width: 40.42553%;
  }
  .layout--widebar-left > .content,
  .layout--widebar-right > .content {
    width: 57.44681%;
  }
}
@media (min-width: 34.5em) {
  .layout--widebar-left > .sidebar,
  .layout--widebar-left > .content,
  .layout--widebar-right > .sidebar,
  .layout--widebar-right > .content {
    float: left;
  }
  .layout--widebar-left > .sidebar:first-child,
  .layout--widebar-left > .content:first-child,
  .layout--widebar-right > .sidebar:first-child,
  .layout--widebar-right > .content:first-child {
    margin-bottom: 0em;
  }

  .layout--widebar-right > .sidebar {
    float: right;
    margin-right: 0;
  }

  .layout--widebar-left > .content {
    float: right;
    margin-right: 0;
  }
}
/* 3-Column Layout
 * ------------------------------------------------------------------------------------------------ */
@media (min-width: 34.5em) {
  .layout--3-columns > * {
    float: left;
  }
  .layout--3-columns > *:last-child {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 34.5em) and (max-width: 46.5em) {
  .layout--3-columns > * {
    width: 48.3871%;
  }
  .layout--3-columns > *:first-child {
    margin-right: 3.22581%;
  }
  .layout--3-columns > *:last-child {
    margin-left: 24.19355%;
    margin-right: 24.19355%;
    float: none;
    clear: both;
  }
}
@media (min-width: 46.5em) {
  .layout--3-columns > * {
    margin-right: 2.12766%;
    width: 31.91489%;
  }
}

html {
  font-size: 100%;
  line-height: 1em;
}

body {
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  text-rendering: optimizeLegibility;
}

/* ================================================================================================
 * Standard Elements
 * ================================================================================================ */
/* Links
 * ------------------------------------------------------------------------------------------------ */
a {
  color: blue;
}

/* Headers
 * ------------------------------------------------------------------------------------------------ */
h1, h2, h3, h4 {
  font-weight: 800;
}

h1 {
  font-size: 1.875em;
  line-height: 1.06667em;
}

h2 {
  font-size: 1.5em;
  line-height: 1.33333em;
}

h1 + h2 {
  font-size: 1.5em;
  line-height: 1.33333em;
  font-weight: 400;
}

h3 {
  font-size: 1.25em;
  line-height: 1.2em;
}

h2 + h3 {
  font-size: 1.25em;
  line-height: 1.2em;
  font-weight: 400;
}

h4 {
  font-size: 1em;
  line-height: 1.5em;
}

h3 + h4 {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 400;
}

/* Block
 * ------------------------------------------------------------------------------------------------ */
p {
  font-size: 1em;
  line-height: 1.5em;
}

/* Inline
 * ------------------------------------------------------------------------------------------------ */
strong {
  font-weight: 800;
}

em {
  font-style: italic;
}

abbr {
  cursor: help;
}

iframe {
  display: block;
}

/* Tables
 * ------------------------------------------------------------------------------------------------ */
/* ================================================================================================
 * Utility Classes
 * ================================================================================================ */
/* Alignment */
.align--center {
  margin-left: auto;
  margin-right: auto;
}

.align--vertical-middle {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.align--vertical-middle > * {
  display: table-cell;
  vertical-align: middle;
}

.text-align--left {
  text-align: left;
}

.text-align--center {
  text-align: center;
}

.text-align--right {
  text-align: right;
}

/* CSS3Pie */
body {
  color: #535d64;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ================================================================================================
 * Standard Elements
 * ================================================================================================ */
/* Links
 * ------------------------------------------------------------------------------------------------ */
/* Headers
 * ------------------------------------------------------------------------------------------------ */
h2 {
  color: #42a8f0;
}

/* Block
 * ------------------------------------------------------------------------------------------------ */
[data-picture] {
  display: block;
}

/* ================================================================================================
 * Prose
 * ================================================================================================ */
/* Common Prose Styles */
.prose, .features .feature, .prose--small, .prose--large, .swing-set-labs__content {
  /* Headers */
  /* Block */
}
.prose > :last-child, .features .feature > :last-child, .prose--small > :last-child, .prose--large > :last-child, .swing-set-labs__content > :last-child {
  margin-bottom: 0em;
}
.prose h1, .features .feature h1, .prose--small h1, .prose--large h1, .swing-set-labs__content h1 {
  margin-bottom: 0.53333em;
}
.prose h2, .features .feature h2, .prose--small h2, .prose--large h2, .swing-set-labs__content h2 {
  margin-bottom: 0.66667em;
}
.prose * + h2, .features .feature * + h2, .prose--small * + h2, .prose--large * + h2, .swing-set-labs__content * + h2 {
  margin-top: 1.33333em;
}
.prose h1 + h2, .features .feature h1 + h2, .prose--small h1 + h2, .prose--large h1 + h2, .swing-set-labs__content h1 + h2 {
  margin-top: -0.33333em;
  margin-bottom: 1.33333em;
}
.prose h3, .features .feature h3, .prose--small h3, .prose--large h3, .swing-set-labs__content h3 {
  margin-bottom: 0.8em;
}
.prose * + h3, .features .feature * + h3, .prose--small * + h3, .prose--large * + h3, .swing-set-labs__content * + h3 {
  margin-top: 1.2em;
}
.prose h2 + h3, .features .feature h2 + h3, .prose--small h2 + h3, .prose--large h2 + h3, .swing-set-labs__content h2 + h3 {
  margin-top: -0.4em;
  margin-bottom: 0.8em;
}
.prose h4, .features .feature h4, .prose--small h4, .prose--large h4, .swing-set-labs__content h4 {
  margin-bottom: 1.5em;
}
.prose h3 + h4, .features .feature h3 + h4, .prose--small h3 + h4, .prose--large h3 + h4, .swing-set-labs__content h3 + h4 {
  margin-top: -0.5em;
  margin-bottom: 1.5em;
}
.prose ol, .features .feature ol, .prose--small ol, .prose--large ol, .swing-set-labs__content ol {
  list-style: decimal;
}
.prose ul, .features .feature ul, .prose--small ul, .prose--large ul, .swing-set-labs__content ul {
  list-style: circle outside;
}
.prose dt, .features .feature dt, .prose--small dt, .prose--large dt, .swing-set-labs__content dt {
  font-weight: 800;
}
.prose blockquote, .features .feature blockquote, .prose--small blockquote, .prose--large blockquote, .swing-set-labs__content blockquote {
  background-color: #e5e5e5;
}

/* Variable Prose Styles */
/* Normal, Small & Large Prose */
.prose p, .features .feature p, .prose li, .features .feature li, .prose dt, .features .feature dt, .prose dd, .features .feature dd {
  font-size: 1em;
  line-height: 1.5em;
}
.prose p, .features .feature p {
  margin-bottom: 1.5em;
}
.prose ol, .features .feature ol, .prose ul, .features .feature ul, .prose dl, .features .feature dl, .prose .fluid-width-video-wrapper, .features .feature .fluid-width-video-wrapper {
  margin-bottom: 1.5em;
}
.prose ol, .features .feature ol, .prose ul, .features .feature ul {
  margin-left: 1.5em;
}
.prose li, .features .feature li, .prose dd, .features .feature dd {
  margin-bottom: 0.75em;
}
.prose li:last-child, .features .feature li:last-child, .prose dd:last-child, .features .feature dd:last-child {
  margin-bottom: 0em;
}
.prose table, .features .feature table {
  margin-bottom: 1.5em;
}
.prose blockquote, .features .feature blockquote {
  margin-bottom: 1.5em;
  padding: 1.5em;
}
.prose blockquote :last-child, .features .feature blockquote :last-child {
  margin-bottom: 0em;
}
.prose hr, .features .feature hr {
  margin: 1.5em 0;
}

.prose--small p, .prose--small li, .prose--small dt, .prose--small dd {
  font-size: 0.875em;
  line-height: 1.14286em;
}
.prose--small p {
  margin-bottom: 1.14286em;
}
.prose--small ol, .prose--small ul, .prose--small dl, .prose--small .fluid-width-video-wrapper {
  margin-bottom: 1em;
}
.prose--small ol, .prose--small ul {
  margin-left: 1em;
}
.prose--small li, .prose--small dd {
  margin-bottom: 0.57143em;
}
.prose--small li:last-child, .prose--small dd:last-child {
  margin-bottom: 0em;
}
.prose--small table {
  margin-bottom: 1em;
}
.prose--small blockquote {
  margin-bottom: 1em;
  padding: 1em;
}
.prose--small blockquote :last-child {
  margin-bottom: 0em;
}
.prose--small hr {
  margin: 1.14286em 0;
}

.prose--large p, .swing-set-labs__content p, .prose--large li, .swing-set-labs__content li, .prose--large dt, .swing-set-labs__content dt, .prose--large dd, .swing-set-labs__content dd {
  font-size: 1.125em;
  line-height: 1.77778em;
}
.prose--large p, .swing-set-labs__content p {
  margin-bottom: 1.77778em;
}
.prose--large ol, .swing-set-labs__content ol, .prose--large ul, .swing-set-labs__content ul, .prose--large dl, .swing-set-labs__content dl, .prose--large .fluid-width-video-wrapper, .swing-set-labs__content .fluid-width-video-wrapper {
  margin-bottom: 2em;
}
.prose--large ol, .swing-set-labs__content ol, .prose--large ul, .swing-set-labs__content ul {
  margin-left: 2em;
}
.prose--large li, .swing-set-labs__content li, .prose--large dd, .swing-set-labs__content dd {
  margin-bottom: 0.88889em;
}
.prose--large li:last-child, .swing-set-labs__content li:last-child, .prose--large dd:last-child, .swing-set-labs__content dd:last-child {
  margin-bottom: 0em;
}
.prose--large table, .swing-set-labs__content table {
  margin-bottom: 2em;
}
.prose--large blockquote, .swing-set-labs__content blockquote {
  margin-bottom: 2em;
  padding: 2em;
}
.prose--large blockquote :last-child, .swing-set-labs__content blockquote :last-child {
  margin-bottom: 0em;
}
.prose--large hr, .swing-set-labs__content hr {
  margin: 1.77778em 0;
}

/* ================================================================================================
 * Responsive Images
 * ================================================================================================ */
img {
  display: block;
  height: auto;
  max-width: 100%;
}

/* ================================================================================================
 * Sprites
 *
 * Use `@include sprite(logo);` to use sprite.
 * If retina sprites are enabled, retina version will be automatically included (if available).
 * ================================================================================================ */
/* No files to import found in modules/* */
/* ================================================================================================
   Footer Structure
   ================================================================================================ */
@media (min-width: 34.5em) and (max-width: 46.5em) {
  .footer__content {
    width: 74.19355%;
    float: left;
    margin-right: 3.22581%;
  }

  .footer__aside {
    width: 22.58065%;
    float: left;
    margin-right: 3.22581%;
  }
}
@media (min-width: 46.5em) {
  .footer__content {
    width: 65.95745%;
    float: left;
    margin-right: 2.12766%;
  }

  .footer__aside {
    width: 31.91489%;
    float: left;
    margin-right: 2.12766%;
  }
}
@media (min-width: 34.5em) {
  .footer__aside {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 58.5em) {
  .footer__content {
    padding-left: 8.51064%;
  }

  .footer__aside {
    padding-right: 8.51064%;
  }
}
/* ================================================================================================
   Footer Style
   ================================================================================================ */
.footer {
  padding-top: 4em;
  padding-bottom: 3em;
}

/* Content
   ------------------------------------------------------------------------------------------------ */
.footer__logo {
  height: 56px;
  width: 291px;
  background-image: url('./sprites-s4e403cebcc.png');
  background-position: 0 -56px;
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 0.33333em;
  margin-left: -28px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .footer__logo {
    background-image: url('./sprites@2x-saa956a83ae.png');
    background-position: 0 -56px;
    -moz-background-size: 291px auto;
    -o-background-size: 291px auto;
    -webkit-background-size: 291px auto;
    background-size: 291px auto;
  }
}

.footer__content {
  color: #a9b3ba;
}

.footer__inquiries {
  margin-bottom: 0.5em;
}
.footer__inquiries a {
  font-weight: 800;
  color: #a9b3ba;
  text-decoration: none;
}
.footer__inquiries a:hover {
  text-decoration: underline;
}

.footer__copyright {
  font-size: 0.875em;
  line-height: 1.14286em;
}

@media (max-width: 34.5em) {
  .footer__content {
    margin-bottom: 2em;
  }
}
/* Aside
   ------------------------------------------------------------------------------------------------ */
.footer__download {
  padding: 0.25em 0;
  text-align: right;
}

.footer__download__link {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

@media (max-width: 34.5em) {
  .footer__download {
    text-align: left;
  }
}
/* ================================================================================================
   Header Structure
   ================================================================================================ */
.header {
  position: relative;
}
.header > .wrap {
  overflow: hidden;
}

.header__content {
  padding-top: 2.5em;
}

.header__aside {
  height: 26em;
}

@media (min-width: 34.5em) and (max-width: 46.5em) {
  .header__content {
    width: 48.3871%;
    float: left;
    margin-right: 3.22581%;
    padding-top: 4.5em;
  }

  .header__aside {
    width: 48.3871%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 46.5em) {
  .header__content {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
    padding-top: 6.5em;
  }

  .header__aside {
    width: 48.93617%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 34.5em) {
  .header__aside {
    height: 40em;
  }
}
@media (min-width: 58.5em) {
  .header__content {
    padding-right: 17.02128%;
  }
}
/* ================================================================================================
   Header Style
   ================================================================================================ */
.header {
  background: #42a8f0 url('./header-bg--mobile.jpg') center center no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

@media (min-width: 34.5em) {
  .header {
    background-image: url('./header-bg.jpg');
  }
}
/* Content
   ------------------------------------------------------------------------------------------------ */
.header__app-icon {
  margin-bottom: 1em;
}

.header__logo {
  height: 56px;
  width: 291px;
  background-image: url('./sprites-s4e403cebcc.png');
  background-position: 0 -112px;
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 0.53333em;
  margin-left: -28px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .header__logo {
    background-image: url('./sprites@2x-saa956a83ae.png');
    background-position: 0 -112px;
    -moz-background-size: 291px auto;
    -o-background-size: 291px auto;
    -webkit-background-size: 291px auto;
    background-size: 291px auto;
  }
}

.header__description {
  margin-bottom: 2em;
  color: #fff;
  font-weight: 400;
}
.header__description em {
  font-weight: 800;
  font-style: normal;
}

.header__download__link {
  float: left;
}

.header__download__free {
  height: 56px;
  width: 64px;
  background-image: url('./sprites-s4e403cebcc.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  float: left;
  margin-left: 1em;
  display: block;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .header__download__free {
    background-image: url('./sprites@2x-saa956a83ae.png');
    background-position: 0 0;
    -moz-background-size: 291px auto;
    -o-background-size: 291px auto;
    -webkit-background-size: 291px auto;
    background-size: 291px auto;
  }
}

@media (max-width: 34.5em) {
  .header__content {
    margin-bottom: 1.75em;
  }

  .header__description {
    margin-bottom: 1em;
  }
}
/* Aside
   ------------------------------------------------------------------------------------------------ */
.header__aside {
  position: relative;
}

.header__iphone {
  position: absolute;
  left: -0.125em;
  top: 1.25em;
  height: 454.5px;
  width: 218px;
  background-image: url('./iphone-5c.png?1390927122');
  background-size: cover;
  -moz-transition: -moz-transform 0.4s ease-out;
  -o-transition: -o-transform 0.4s ease-out;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .header__iphone {
    background-image: url('./iphone-5c@2x.png?1390927140');
  }
}

.header__iphone__screenshot {
  position: relative;
  top: 67px;
  left: 19px;
  display: block;
  width: 180px;
}

.header__watch {
  position: absolute;
  bottom: 0;
  right: -3em;
  display: block;
}

.header__signs {
  position: absolute;
  left: -1.25em;
  bottom: 0;
  display: none;
  height: 238px;
  width: 170px;
  background-image: url('./sprites-s4e403cebcc.png');
  background-position: 0 -168px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .header__signs {
    background-image: url('./sprites@2x-saa956a83ae.png');
    background-position: 0 -168px;
    -moz-background-size: 291px auto;
    -o-background-size: 291px auto;
    -webkit-background-size: 291px auto;
    background-size: 291px auto;
  }
}

@media (min-width: 34.5em) and (max-width: 46.5em) {
  .header__iphone {
    bottom: 0;
    top: auto;
  }
}
@media (min-width: 46.5em) {
  .header__iphone {
    left: 0;
    height: 909px;
    width: 436px;
  }

  .header__iphone__screenshot {
    top: 135px;
    left: 38px;
    width: auto;
  }

  .header__signs {
    left: -4em;
    display: block;
  }
}
@media (min-width: 58.5em) {
  .header__signs {
    left: -12.5em;
  }

  .header__watch {
    right: 0;
  }
}
/* Snow Mounds
   ------------------------------------------------------------------------------------------------ */
.snow-mounds {
  background-image: url('./snow-mounds.png?1390938408');
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 176px;
  width: 100%;
  position: absolute;
  bottom: -114px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .snow-mounds {
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-image: url('./snow-mounds@2x.png?1390938441');
  }
}

/* ================================================================================================
   Main Structure
   ================================================================================================ */
/* ================================================================================================
   Features
   ================================================================================================ */
.features {
  padding-top: 4em;
  padding-bottom: 4em;
  position: relative;
}
.features .feature__description p {
  margin-bottom: 0em;
}
@media (max-width: 34.5em) {
  .features .feature {
    margin-bottom: 3em;
    text-align: center;
  }
  .features .feature:last-child {
    margin-bottom: 0em;
  }
  .features .feature__icon {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
@media (min-width: 34.5em) and (max-width: 46.5em) {
  .features .feature {
    margin-right: 3.22581%;
    float: left;
    width: 31.1828%;
  }
}
@media (min-width: 46.5em) {
  .features .feature {
    width: 31.91489%;
    float: left;
    margin-right: 2.12766%;
  }
}
@media (min-width: 34.5em) {
  .features .feature--three {
    margin-right: 0;
  }
}
@media (min-width: 58.5em) {
  .features .feature--one {
    padding-left: 8.51064%;
  }
  .features .feature--two {
    padding: 0 4.37766%;
  }
  .features .feature--three {
    padding-right: 8.51064%;
  }
}

/* ================================================================================================
   Swing Set Labs
   ================================================================================================ */
.swing-set-labs {
  padding-top: 4em;
  padding-bottom: 4em;
  background-image: url('./swing-set-labs__bg.jpg');
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #e5e5e5;
  background-position: center center;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .swing-set-labs {
    background-image: url('./swing-set-labs__bg@2x.jpg');
  }
}

@media (max-width: 34.5em) {
  .swing-set-labs {
    padding: 3em 1.5em;
  }
}
@media (max-width: 46.5em) {
  .swing-set-labs {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }
}
@media (min-width: 34.5em) and (max-width: 46.5em) {
  .swing-set-labs__content,
  .swing-set-labs__aside {
    width: 48.3871%;
    float: left;
    margin-right: 3.22581%;
  }
}
@media (min-width: 46.5em) {
  .swing-set-labs__content,
  .swing-set-labs__aside {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
}
@media (min-width: 34.5em) {
  .swing-set-labs__content {
    padding-left: 1.5em;
  }

  .swing-set-labs__aside {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 58.5em) {
  .swing-set-labs__content {
    padding-left: 8.51064%;
    padding-right: 8.51064%;
  }

  .swing-set-labs__aside {
    padding-right: 8.51064%;
  }
}
/* Content
   ------------------------------------------------------------------------------------------------ */
.swing-set-labs__content__link {
  color: #535d64;
  font-variant: small-caps;
  font-weight: 800;
  text-decoration: none;
  text-transform: lowercase;
}
.swing-set-labs__content__link:hover {
  text-decoration: underline;
}

@media (max-width: 34.5em) {
  .swing-set-labs__content {
    margin-bottom: 1em;
  }
}
/* Aside
   ------------------------------------------------------------------------------------------------ */
.swing-set-labs__aside {
  text-align: center;
}

.swing-set-labs__logo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}