From 71911e10a2abf5e037bca3f10b5ed445b358b44b Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Wed, 16 Dec 2015 09:05:17 -0800
Subject: [PATCH] Migrate docs to external foundation-docs library and update
 HTML to match F4S docs

---
 docs/assets/js/docs.js               |  102 +
 docs/assets/scss/_foundation.scss    | 4902 --------------------------
 docs/assets/scss/docs.scss           |   20 +-
 docs/layouts/component.html          |    4 +-
 docs/layouts/default.html            |   82 +-
 docs/partials/component-list.html    |   12 +-
 docs/partials/footer.html            |    2 +-
 docs/partials/mobile-navigation.html |    6 +
 docs/partials/navigation.html        |   62 +
 gulpfile.js                          |   22 +-
 package.json                         |   13 +-
 11 files changed, 259 insertions(+), 4968 deletions(-)
 create mode 100644 docs/assets/js/docs.js
 delete mode 100644 docs/assets/scss/_foundation.scss
 create mode 100644 docs/partials/mobile-navigation.html
 create mode 100644 docs/partials/navigation.html

diff --git a/docs/assets/js/docs.js b/docs/assets/js/docs.js
new file mode 100644
index 00000000..e959a624
--- /dev/null
+++ b/docs/assets/js/docs.js
@@ -0,0 +1,102 @@
+$(document).foundation();
+
+// Adds a copy button to all code examples in the docs.
+
+!function() {
+
+ZeroClipboard.config({
+  swfPath: 'https://cdn.jsdelivr.net/zeroclipboard/2.2.0/ZeroClipboard.swf'
+});
+  
+if (!ZeroClipboard.isFlashUnusable()) {
+  var $buttonTemplate = $('<button class="docs-code-copy">Copy</button>');
+
+  // Look for code samples and set up a copy button on each
+  $('[data-docs-code]').each(function() {
+    var $button = $buttonTemplate.clone();
+    var text = $(this).find('code').text()
+      .replace('&lt;', '<')
+      .replace('&gt;', '>');
+
+    $(this).prepend($button);
+
+    var clipboard = new ZeroClipboard($button);
+    clipboard.on('copy', function(event) {
+      clipboard.setData('text/plain', text);
+    });
+
+    // Change the text of the copy button when it's clicked on
+    $button.click(function() {
+      $(this).text('Copied!');
+      window.setTimeout(function() {
+        $button.text('Copy');
+      }, 3000);
+    });
+  });
+}
+
+}();
+
+!function() {
+
+var source = {
+  limit: 10,
+  source: function(query, sync, async) {
+    query = query.toLowerCase();
+
+    $.getJSON('./data/search.json', function(data, status) {
+      async(data.filter(function(elem, i, arr) {
+        var name = elem.name.toLowerCase();
+        var terms = [name, name.replace('-', '')].concat(elem.tags || []);
+        for (var i in terms) if (terms[i].indexOf(query) > -1) return true;
+        return false;
+      }));
+    });
+  },
+  display: function(item) {
+    return item.name;
+  },
+  templates: {
+    notFound: function(query) {
+      return '<div class="tt-empty">No results for "' + query.query + '".</div>';
+    },
+    suggestion: function(item) {
+      return '<div><span class="name">' + item.name + '<span class="meta">' + item.type + '</span></span> <span class="desc">' + item.description + '</span></div>';
+    }
+  }
+}
+
+// Search
+$('[data-docs-search]')
+  .typeahead({ highlight: false }, source)
+  .on('typeahead:select', function(e, sel) {
+    window.location.href = sel.link;
+  });
+
+// Auto-highlight unless it's a phone
+if (!navigator.userAgent.match(/(iP(hone|ad|od)|Android)/)) {
+  $('[data-docs-search]').focus();
+}
+
+}();
+
+!function() {
+
+var $h2s = $('.docs-component h2');
+var $toc = $('[data-docs-toc]');
+
+$h2s.each(function() {
+  if ($(this).parents('.docs-code-live').length) return;
+
+  var text = $(this).text();
+  var anchor = $(this).children('a').attr('href');
+  
+  $toc.append('<li><a href="'+anchor+'">'+text+'</a></li>');
+});
+
+if ($toc.length) {
+  new Foundation.Magellan($toc, {});
+}
+
+}();
+
diff --git a/docs/assets/scss/_foundation.scss b/docs/assets/scss/_foundation.scss
deleted file mode 100644
index 9654db2d..00000000
--- a/docs/assets/scss/_foundation.scss
+++ /dev/null
@@ -1,4902 +0,0 @@
-@charset "UTF-8";
-/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-html {
-  font-family: sans-serif;
-  /* 1 */
-  -ms-text-size-adjust: 100%;
-  /* 2 */
-  -webkit-text-size-adjust: 100%;
-  /* 2 */ }
-
-/**
- * Remove default margin.
- */
-body {
-  margin: 0; }
-
-/* HTML5 display definitions
-   ========================================================================== */
-/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
- * and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
- */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
-  display: block; }
-
-/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-audio,
-canvas,
-progress,
-video {
-  display: inline-block;
-  /* 1 */
-  vertical-align: baseline;
-  /* 2 */ }
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-audio:not([controls]) {
-  display: none;
-  height: 0; }
-
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
- */
-[hidden],
-template {
-  display: none; }
-
-/* Links
-   ========================================================================== */
-/**
- * Remove the gray background color from active links in IE 10.
- */
-a {
-  background-color: transparent; }
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-a:active,
-a:hover {
-  outline: 0; }
-
-/* Text-level semantics
-   ========================================================================== */
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
-abbr[title] {
-  border-bottom: 1px dotted; }
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
-b,
-strong {
-  font-weight: bold; }
-
-/**
- * Address styling not present in Safari and Chrome.
- */
-dfn {
-  font-style: italic; }
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
- */
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0; }
-
-/**
- * Address styling not present in IE 8/9.
- */
-mark {
-  background: #ff0;
-  color: #000; }
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-small {
-  font-size: 80%; }
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline; }
-
-sup {
-  top: -0.5em; }
-
-sub {
-  bottom: -0.25em; }
-
-/* Embedded content
-   ========================================================================== */
-/**
- * Remove border when inside `a` element in IE 8/9/10.
- */
-img {
-  border: 0; }
-
-/**
- * Correct overflow not hidden in IE 9/10/11.
- */
-svg:not(:root) {
-  overflow: hidden; }
-
-/* Grouping content
-   ========================================================================== */
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
-figure {
-  margin: 1em 40px; }
-
-/**
- * Address differences between Firefox and other browsers.
- */
-hr {
-  box-sizing: content-box;
-  height: 0; }
-
-/**
- * Contain overflow in all browsers.
- */
-pre {
-  overflow: auto; }
-
-/**
- * Address odd `em`-unit font size rendering in all browsers.
- */
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em; }
-
-/* Forms
-   ========================================================================== */
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-/**
- * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
- */
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit;
-  /* 1 */
-  font: inherit;
-  /* 2 */
-  margin: 0;
-  /* 3 */ }
-
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
- */
-button {
-  overflow: visible; }
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
- */
-button,
-select {
-  text-transform: none; }
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-button,
-html input[type="button"], input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button;
-  /* 2 */
-  cursor: pointer;
-  /* 3 */ }
-
-/**
- * Re-set default cursor for disabled elements.
- */
-button[disabled],
-html input[disabled] {
-  cursor: default; }
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0; }
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-input {
-  line-height: normal; }
-
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box;
-  /* 1 */
-  padding: 0;
-  /* 2 */ }
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto; }
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
- *    (include `-moz` to future-proof).
- */
-input[type="search"] {
-  -webkit-appearance: textfield;
-  /* 1 */
-  /* 2 */
-  box-sizing: content-box; }
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none; }
-
-/**
- * Define consistent border, margin, and padding.
- */
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em; }
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-legend {
-  border: 0;
-  /* 1 */
-  padding: 0;
-  /* 2 */ }
-
-/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
- */
-textarea {
-  overflow: auto; }
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-optgroup {
-  font-weight: bold; }
-
-/* Tables
-   ========================================================================== */
-/**
- * Remove most spacing between table cells.
- */
-table {
-  border-collapse: collapse;
-  border-spacing: 0; }
-
-td,
-th {
-  padding: 0; }
-
-.slideInDown.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  -webkit-transform: translateY(-100%);
-      -ms-transform: translateY(-100%);
-          transform: translateY(-100%);
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.slideInDown.mui-enter.mui-enter-active {
-  -webkit-transform: translateY(0);
-      -ms-transform: translateY(0);
-          transform: translateY(0); }
-
-.slideInLeft.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  -webkit-transform: translateX(-100%);
-      -ms-transform: translateX(-100%);
-          transform: translateX(-100%);
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.slideInLeft.mui-enter.mui-enter-active {
-  -webkit-transform: translateX(0);
-      -ms-transform: translateX(0);
-          transform: translateX(0); }
-
-.slideInUp.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  -webkit-transform: translateY(100%);
-      -ms-transform: translateY(100%);
-          transform: translateY(100%);
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.slideInUp.mui-enter.mui-enter-active {
-  -webkit-transform: translateY(0);
-      -ms-transform: translateY(0);
-          transform: translateY(0); }
-
-.slideInRight.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  -webkit-transform: translateX(100%);
-      -ms-transform: translateX(100%);
-          transform: translateX(100%);
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.slideInRight.mui-enter.mui-enter-active {
-  -webkit-transform: translateX(0);
-      -ms-transform: translateX(0);
-          transform: translateX(0); }
-
-.slideOutDown.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  -webkit-transform: translateY(0);
-      -ms-transform: translateY(0);
-          transform: translateY(0);
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.slideOutDown.mui-leave.mui-leave-active {
-  -webkit-transform: translateY(-100%);
-      -ms-transform: translateY(-100%);
-          transform: translateY(-100%); }
-
-.slideOutRight.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  -webkit-transform: translateX(0);
-      -ms-transform: translateX(0);
-          transform: translateX(0);
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.slideOutRight.mui-leave.mui-leave-active {
-  -webkit-transform: translateX(100%);
-      -ms-transform: translateX(100%);
-          transform: translateX(100%); }
-
-.slideOutUp.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  -webkit-transform: translateY(0);
-      -ms-transform: translateY(0);
-          transform: translateY(0);
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.slideOutUp.mui-leave.mui-leave-active {
-  -webkit-transform: translateY(-100%);
-      -ms-transform: translateY(-100%);
-          transform: translateY(-100%); }
-
-.slideOutLeft.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  -webkit-transform: translateX(0);
-      -ms-transform: translateX(0);
-          transform: translateX(0);
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.slideOutLeft.mui-leave.mui-leave-active {
-  -webkit-transform: translateX(-100%);
-      -ms-transform: translateX(-100%);
-          transform: translateX(-100%); }
-
-.fadeIn.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  opacity: 0;
-  transition-property: opacity; }
-
-.fadeIn.mui-enter.mui-enter-active {
-  opacity: 1; }
-
-.fadeOut.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  opacity: 1;
-  transition-property: opacity; }
-
-.fadeOut.mui-leave.mui-leave-active {
-  opacity: 0; }
-
-.hingeInFromTop.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: perspective(2000px) rotateX(-90deg);
-          transform: perspective(2000px) rotateX(-90deg);
-  -webkit-transform-origin: top;
-      -ms-transform-origin: top;
-          transform-origin: top;
-  opacity: 0; }
-
-.hingeInFromTop.mui-enter.mui-enter-active {
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  opacity: 1; }
-
-.hingeInFromRight.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: perspective(2000px) rotateY(-90deg);
-          transform: perspective(2000px) rotateY(-90deg);
-  -webkit-transform-origin: right;
-      -ms-transform-origin: right;
-          transform-origin: right;
-  opacity: 0; }
-
-.hingeInFromRight.mui-enter.mui-enter-active {
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  opacity: 1; }
-
-.hingeInFromBottom.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: perspective(2000px) rotateX(90deg);
-          transform: perspective(2000px) rotateX(90deg);
-  -webkit-transform-origin: bottom;
-      -ms-transform-origin: bottom;
-          transform-origin: bottom;
-  opacity: 0; }
-
-.hingeInFromBottom.mui-enter.mui-enter-active {
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  opacity: 1; }
-
-.hingeInFromLeft.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: perspective(2000px) rotateY(90deg);
-          transform: perspective(2000px) rotateY(90deg);
-  -webkit-transform-origin: left;
-      -ms-transform-origin: left;
-          transform-origin: left;
-  opacity: 0; }
-
-.hingeInFromLeft.mui-enter.mui-enter-active {
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  opacity: 1; }
-
-.hingeInFromMiddleX.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: perspective(2000px) rotateX(-90deg);
-          transform: perspective(2000px) rotateX(-90deg);
-  -webkit-transform-origin: center;
-      -ms-transform-origin: center;
-          transform-origin: center;
-  opacity: 0; }
-
-.hingeInFromMiddleX.mui-enter.mui-enter-active {
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  opacity: 1; }
-
-.hingeInFromMiddleY.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: perspective(2000px) rotateY(-90deg);
-          transform: perspective(2000px) rotateY(-90deg);
-  -webkit-transform-origin: center;
-      -ms-transform-origin: center;
-          transform-origin: center;
-  opacity: 0; }
-
-.hingeInFromMiddleY.mui-enter.mui-enter-active {
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  opacity: 1; }
-
-.hingeOutFromTop.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transform-origin: top;
-      -ms-transform-origin: top;
-          transform-origin: top;
-  opacity: 1; }
-
-.hingeOutFromTop.mui-leave.mui-leave-active {
-  -webkit-transform: perspective(2000px) rotateX(-90deg);
-          transform: perspective(2000px) rotateX(-90deg);
-  opacity: 0; }
-
-.hingeOutFromRight.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transform-origin: right;
-      -ms-transform-origin: right;
-          transform-origin: right;
-  opacity: 1; }
-
-.hingeOutFromRight.mui-leave.mui-leave-active {
-  -webkit-transform: perspective(2000px) rotateY(-90deg);
-          transform: perspective(2000px) rotateY(-90deg);
-  opacity: 0; }
-
-.hingeOutFromBottom.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transform-origin: bottom;
-      -ms-transform-origin: bottom;
-          transform-origin: bottom;
-  opacity: 1; }
-
-.hingeOutFromBottom.mui-leave.mui-leave-active {
-  -webkit-transform: perspective(2000px) rotateX(90deg);
-          transform: perspective(2000px) rotateX(90deg);
-  opacity: 0; }
-
-.hingeOutFromLeft.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transform-origin: left;
-      -ms-transform-origin: left;
-          transform-origin: left;
-  opacity: 1; }
-
-.hingeOutFromLeft.mui-leave.mui-leave-active {
-  -webkit-transform: perspective(2000px) rotateY(90deg);
-          transform: perspective(2000px) rotateY(90deg);
-  opacity: 0; }
-
-.hingeOutFromMiddleX.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transform-origin: center;
-      -ms-transform-origin: center;
-          transform-origin: center;
-  opacity: 1; }
-
-.hingeOutFromMiddleX.mui-leave.mui-leave-active {
-  -webkit-transform: perspective(2000px) rotateX(-90deg);
-          transform: perspective(2000px) rotateX(-90deg);
-  opacity: 0; }
-
-.hingeOutFromMiddleY.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transform-origin: center;
-      -ms-transform-origin: center;
-          transform-origin: center;
-  opacity: 1; }
-
-.hingeOutFromMiddleY.mui-leave.mui-leave-active {
-  -webkit-transform: perspective(2000px) rotateY(-90deg);
-          transform: perspective(2000px) rotateY(-90deg);
-  opacity: 0; }
-
-.scaleInUp.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, property;
-  transition-property: transform, property;
-  -webkit-transform: scale(0.5);
-      -ms-transform: scale(0.5);
-          transform: scale(0.5);
-  opacity: 0; }
-
-.scaleInUp.mui-enter.mui-enter-active {
-  -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-          transform: scale(1);
-  opacity: 1; }
-
-.scaleInDown.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, property;
-  transition-property: transform, property;
-  -webkit-transform: scale(1.5);
-      -ms-transform: scale(1.5);
-          transform: scale(1.5);
-  opacity: 0; }
-
-.scaleInDown.mui-enter.mui-enter-active {
-  -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-          transform: scale(1);
-  opacity: 1; }
-
-.scaleOutUp.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, property;
-  transition-property: transform, property;
-  -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-          transform: scale(1);
-  opacity: 1; }
-
-.scaleOutUp.mui-leave.mui-leave-active {
-  -webkit-transform: scale(1.5);
-      -ms-transform: scale(1.5);
-          transform: scale(1.5);
-  opacity: 0; }
-
-.scaleOutDown.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, property;
-  transition-property: transform, property;
-  -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-          transform: scale(1);
-  opacity: 1; }
-
-.scaleOutDown.mui-leave.mui-leave-active {
-  -webkit-transform: scale(0.5);
-      -ms-transform: scale(0.5);
-          transform: scale(0.5);
-  opacity: 0; }
-
-.spinIn.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(-270deg);
-      -ms-transform: rotate(-270deg);
-          transform: rotate(-270deg);
-  opacity: 0; }
-
-.spinIn.mui-enter.mui-enter-active {
-  -webkit-transform: rotate(0);
-      -ms-transform: rotate(0);
-          transform: rotate(0);
-  opacity: 1; }
-
-.spinOut.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(0);
-      -ms-transform: rotate(0);
-          transform: rotate(0);
-  opacity: 1; }
-
-.spinOut.mui-leave.mui-leave-active {
-  -webkit-transform: rotate(270deg);
-      -ms-transform: rotate(270deg);
-          transform: rotate(270deg);
-  opacity: 0; }
-
-.spinInCCW.mui-enter {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(270deg);
-      -ms-transform: rotate(270deg);
-          transform: rotate(270deg);
-  opacity: 0; }
-
-.spinInCCW.mui-enter.mui-enter-active {
-  -webkit-transform: rotate(0);
-      -ms-transform: rotate(0);
-          transform: rotate(0);
-  opacity: 1; }
-
-.spinOutCCW.mui-leave {
-  transition-duration: 500ms;
-  transition-timing-function: linear;
-  transition-property: -webkit-transform, opacity;
-  transition-property: transform, opacity;
-  -webkit-transform: rotate(0);
-      -ms-transform: rotate(0);
-          transform: rotate(0);
-  opacity: 1; }
-
-.spinOutCCW.mui-leave.mui-leave-active {
-  -webkit-transform: rotate(-270deg);
-      -ms-transform: rotate(-270deg);
-          transform: rotate(-270deg);
-  opacity: 0; }
-
-.slow {
-  transition-duration: 750ms !important; }
-
-.fast {
-  transition-duration: 250ms !important; }
-
-.linear {
-  transition-timing-function: linear !important; }
-
-.ease {
-  transition-timing-function: ease !important; }
-
-.easeIn {
-  transition-timing-function: ease-in !important; }
-
-.easeOut {
-  transition-timing-function: ease-out !important; }
-
-.easeInOut {
-  transition-timing-function: ease-in-out !important; }
-
-.bounceIn {
-  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
-
-.bounceOut {
-  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
-
-.bounceInOut {
-  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
-
-.short-delay {
-  transition-delay: 300ms !important; }
-
-.long-delay {
-  transition-delay: 700ms !important; }
-
-@-webkit-keyframes shake-7 {
-  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-    -webkit-transform: translateX(7%);
-            transform: translateX(7%); }
-  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-    -webkit-transform: translateX(-7%);
-            transform: translateX(-7%); } }
-
-@keyframes shake-7 {
-  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-    -webkit-transform: translateX(7%);
-            transform: translateX(7%); }
-  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-    -webkit-transform: translateX(-7%);
-            transform: translateX(-7%); } }
-
-@-webkit-keyframes spin-cw-360deg {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg); } }
-
-@keyframes spin-cw-360deg {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg); } }
-
-@-webkit-keyframes spin-ccw--360deg {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(-360deg);
-            transform: rotate(-360deg); } }
-
-@keyframes spin-ccw--360deg {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(-360deg);
-            transform: rotate(-360deg); } }
-
-@-webkit-keyframes wiggle-7deg {
-  40%, 50%, 60% {
-    -webkit-transform: rotate(7deg);
-            transform: rotate(7deg); }
-  35%, 45%, 55%, 65% {
-    -webkit-transform: rotate(-7deg);
-            transform: rotate(-7deg); }
-  0%, 30%, 70%, 100% {
-    -webkit-transform: rotate(0);
-            transform: rotate(0); } }
-
-@keyframes wiggle-7deg {
-  40%, 50%, 60% {
-    -webkit-transform: rotate(7deg);
-            transform: rotate(7deg); }
-  35%, 45%, 55%, 65% {
-    -webkit-transform: rotate(-7deg);
-            transform: rotate(-7deg); }
-  0%, 30%, 70%, 100% {
-    -webkit-transform: rotate(0);
-            transform: rotate(0); } }
-
-.mui-animate.infinite {
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite; }
-
-.mui-animate.slow {
-  transition-duration: 750ms !important; }
-
-.mui-animate.fast {
-  transition-duration: 250ms !important; }
-
-.mui-animate.linear {
-  transition-timing-function: linear !important; }
-
-.mui-animate.ease {
-  transition-timing-function: ease !important; }
-
-.mui-animate.easeIn {
-  transition-timing-function: ease-in !important; }
-
-.mui-animate.easeOut {
-  transition-timing-function: ease-out !important; }
-
-.mui-animate.easeInOut {
-  transition-timing-function: ease-in-out !important; }
-
-.mui-animate.bounceIn {
-  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
-
-.mui-animate.bounceOut {
-  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
-
-.mui-animate.bounceInOut {
-  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
-
-.mui-animate.short-delay {
-  transition-timing-function: 300ms !important; }
-
-.mui-animate.long-delay {
-  transition-timing-function: 700ms !important; }
-
-.accordion {
-  list-style-type: none;
-  background: #fefefe;
-  border: 1px solid #f3f3f3;
-  margin-left: 0; }
-  .accordion > .accordion-item .content {
-    padding: 1.25rem 1rem;
-    display: none;
-    border-bottom: 1px solid #f3f3f3; }
-  .accordion > .accordion-item > a {
-    display: block;
-    padding: 1.25rem 1rem;
-    line-height: 1;
-    font-size: 12px;
-    color: #2199e8;
-    position: relative;
-    border-bottom: 1px solid #f3f3f3; }
-    .accordion > .accordion-item > a:last-child {
-      border-bottom: 0 solid #f3f3f3; }
-    .accordion > .accordion-item > a:hover,
-    .accordion > .accordion-item > a:focus {
-      background: #f3f3f3; }
-    .accordion > .accordion-item > a::before {
-      content: '+';
-      position: absolute;
-      right: 1rem;
-      top: 50%;
-      margin-top: -0.5rem;
-      font-size: 0.9rem; }
-  .accordion > .accordion-item:last-child a {
-    border-bottom: 0 solid #f3f3f3; }
-  .accordion > .is-active > a {
-    background: #f3f3f3; }
-    .accordion > .is-active > a::before {
-      content: '-'; }
-
-.close-button {
-  position: absolute;
-  color: #8a8a8a;
-  right: 1rem;
-  top: 0.5rem;
-  font-size: 2em;
-  line-height: 1;
-  cursor: pointer; }
-  .close-button:hover {
-    color: #0a0a0a; }
-
-.is-drilldown {
-  position: relative;
-  overflow: hidden; }
-
-.is-drilldown-sub {
-  position: absolute;
-  top: 0;
-  left: 100%;
-  width: 100%;
-  background: #fefefe;
-  transition: -webkit-transform 0.15s linear;
-  transition: transform 0.15s linear; }
-  .is-drilldown-sub.is-active {
-    -webkit-transform: translateX(-100%);
-        -ms-transform: translateX(-100%);
-            transform: translateX(-100%); }
-
-.dropdown.menu-bar .has-submenu {
-  position: relative; }
-
-.dropdown.menu-bar .submenu {
-  display: none;
-  position: absolute;
-  top: 100%;
-  width: auto;
-  white-space: nowrap;
-  background: #fefefe;
-  z-index: 1; }
-  .dropdown.menu-bar .submenu:not(.js-dropdown-nohover) > .has-submenu:hover > .dropdown.menu-bar .submenu,
-  .dropdown.menu-bar .submenu.js-dropdown-active {
-    display: block; }
-
-.dropdown.menu-bar.vertical > li > .submenu {
-  top: 0;
-  left: 100%; }
-
-.dropdown-pane {
-  background-color: #fefefe;
-  border: 1px solid #cacaca;
-  display: block;
-  padding: 1rem;
-  position: absolute;
-  visibility: hidden;
-  width: 300px;
-  z-index: 10; }
-  .dropdown-pane.tiny {
-    width: 100px; }
-  .dropdown-pane.small {
-    width: 200px; }
-  .dropdown-pane.large {
-    width: 400px; }
-  .dropdown-pane.is-open {
-    visibility: visible; }
-
-.slider-fill {
-  background: #cacaca;
-  display: inline-block;
-  height: 0.5rem;
-  position: absolute; }
-
-.slider-handle {
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-          transform: translateY(-50%);
-  background: #2199e8;
-  cursor: pointer;
-  display: inline-block;
-  z-index: 1;
-  height: 1.4rem;
-  width: 1.4rem;
-  -ms-touch-action: manipulation;
-      touch-action: manipulation; }
-  .slider-handle:hover {
-    background: #1583cc; }
-
-.slider {
-  background: #f3f3f3;
-  position: relative;
-  height: 0.5rem;
-  margin-top: 1.25rem;
-  margin-bottom: 2.25rem; }
-  .slider.disabled,
-  .slider.slider[disabled] {
-    cursor: not-allowed;
-    opacity: 0.5; }
-    .slider.disabled .slider-handle,
-    .slider.slider[disabled] .slider-handle {
-      cursor: not-allowed; }
-  .slider.vertical {
-    display: inline-block;
-    height: 12.5rem;
-    width: 0.5rem;
-    margin: 0 1.25rem; }
-    .slider.vertical .slider-fill {
-      top: 0;
-      width: 0.5rem; }
-    .slider.vertical .slider-handle {
-      position: absolute;
-      left: 50%;
-      -webkit-transform: translateX(-50%);
-          -ms-transform: translateX(-50%);
-              transform: translateX(-50%);
-      top: 0;
-      height: 1.4rem;
-      width: 1.4rem; }
-
-body.is-reveal-open {
-  overflow: hidden; }
-
-.switch {
-  border: 0;
-  margin-bottom: 1rem;
-  outline: 0;
-  padding: 0;
-  position: relative;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none; }
-  .switch.tiny .switch-handle {
-    height: 1.5rem;
-    width: 3rem; }
-    .switch.tiny .switch-handle:after {
-      height: 1rem;
-      width: 1rem; }
-    .switch.tiny .switch-handle .switch-active, .switch.tiny .switch-handle .switch-disabled {
-      font-size: 0.625rem; }
-  .switch.small .switch-handle {
-    height: 1.75rem;
-    width: 3.5rem; }
-    .switch.small .switch-handle:after {
-      height: 1.25rem;
-      width: 1.25rem; }
-    .switch.small .switch-handle .switch-active, .switch.small .switch-handle .switch-disabled {
-      font-size: 0.75rem; }
-  .switch.large .switch-handle {
-    height: 2.5rem;
-    width: 5rem; }
-    .switch.large .switch-handle:after {
-      height: 2rem;
-      width: 2rem; }
-    .switch.large .switch-handle .switch-active, .switch.large .switch-handle .switch-disabled {
-      font-size: 1rem; }
-  .switch.tiny .switch-input:checked ~ .switch-handle:after {
-    left: 1.75rem; }
-  .switch.small .switch-input:checked ~ .switch-handle:after {
-    left: 2rem; }
-  .switch.large .switch-input:checked ~ .switch-handle:after {
-    left: 2.75rem; }
-
-.switch-handle {
-  background: #cacaca;
-  cursor: pointer;
-  display: block;
-  margin-bottom: 1rem;
-  position: relative;
-  text-indent: 100%;
-  width: 4rem;
-  height: 2rem;
-  transition: all 0.25s ease-out;
-  border-radius: 0; }
-  .switch-handle:after {
-    background: #fefefe;
-    content: '';
-    display: block;
-    position: absolute;
-    height: 1.5rem;
-    left: 0.25rem;
-    top: 0.25rem;
-    width: 1.5rem;
-    transition: all 0.25s ease-out;
-    -webkit-transform: translate3d(0, 0, 0);
-            transform: translate3d(0, 0, 0); }
-
-.switch-input {
-  opacity: 0;
-  position: absolute; }
-  .switch-input ~ .switch-handle {
-    margin-left: 0;
-    margin-right: 0; }
-  .switch-input:checked ~ .switch-handle {
-    background: #2199e8; }
-    .switch-input:checked ~ .switch-handle:after {
-      left: 2.25rem; }
-  .switch-input:checked ~ .switch-handle .switch-active {
-    display: block; }
-  .switch-input:checked ~ .switch-handle .switch-disabled {
-    display: none; }
-  .switch-input:focus ~ .switch-handle {
-    outline: thin dotted #333;
-    outline: 5px auto -webkit-focus-ring-color;
-    outline-offset: -2px;
-    overflow: hidden; }
-
-.switch-active, .switch-disabled {
-  position: absolute;
-  padding: 0;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-          transform: translateY(-50%);
-  color: #fefefe;
-  font-weight: bold;
-  font-size: 0.875rem; }
-
-.switch-active {
-  left: -90%;
-  display: none; }
-
-.switch-disabled {
-  right: 15%; }
-
-.tabs {
-  margin: 0;
-  list-style-type: none;
-  background: #fefefe;
-  border: 1px solid #f3f3f3; }
-  .tabs::before,
-  .tabs::after {
-    content: ' ';
-    display: table; }
-  .tabs::after {
-    clear: both; }
-  .tabs.simple > li > a {
-    padding: 0; }
-    .tabs.simple > li > a:hover {
-      background: transparent; }
-  .tabs.vertical > li {
-    width: auto;
-    float: none;
-    display: block; }
-  .tabs.primary {
-    background: #2199e8; }
-    .tabs.primary > li > a {
-      color: #fefefe; }
-      .tabs.primary > li > a:hover,
-      .tabs.primary > li > a:focus {
-        background: #1893e4; }
-
-.tabs-title {
-  float: left; }
-  .tabs-title > a {
-    display: block;
-    padding: 1.25rem 1.5rem;
-    line-height: 1;
-    font-size: 12px;
-    color: #2199e8; }
-    .tabs-title > a:hover,
-    .tabs-title > a:focus,
-    .tabs-title > a[aria-selected="true"] {
-      background: #f3f3f3; }
-
-.tabs-content {
-  background: #fefefe;
-  transition: all 0.5s ease;
-  border: 1px solid #f3f3f3;
-  border-top: 0; }
-  .tabs-content.vertical {
-    border: 1px solid #f3f3f3;
-    border-left: 0; }
-
-.tabs-panel {
-  display: none;
-  padding: 1rem; }
-  .tabs-panel.is-active {
-    display: block; }
-
-.has-tip {
-  border-bottom: dotted 1px #8a8a8a;
-  font-weight: bold;
-  position: relative;
-  display: inline-block; }
-  .has-tip:hover {
-    cursor: help; }
-
-.tooltip {
-  background-color: #0a0a0a;
-  color: #fefefe;
-  font-size: 80%;
-  padding: 0.75rem;
-  position: absolute;
-  z-index: 10;
-  top: calc(100% + 0.6495rem);
-  max-width: 10rem !important; }
-  .tooltip::before {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border: inset 0.75rem;
-    border-color: transparent transparent #0a0a0a;
-    border-bottom-style: solid;
-    bottom: 100%;
-    position: absolute;
-    left: 50%;
-    -webkit-transform: translateX(-50%);
-        -ms-transform: translateX(-50%);
-            transform: translateX(-50%); }
-  .tooltip.top::before {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border: inset 0.75rem;
-    border-color: #0a0a0a transparent transparent;
-    border-top-style: solid;
-    top: 100%;
-    bottom: auto; }
-  .tooltip.left::before {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border: inset 0.75rem;
-    border-color: transparent transparent transparent #0a0a0a;
-    border-left-style: solid;
-    bottom: auto;
-    left: 100%;
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-        -ms-transform: translateY(-50%);
-            transform: translateY(-50%); }
-  .tooltip.right::before {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border: inset 0.75rem;
-    border-color: transparent #0a0a0a transparent transparent;
-    border-right-style: solid;
-    bottom: auto;
-    left: auto;
-    right: 100%;
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-        -ms-transform: translateY(-50%);
-            transform: translateY(-50%); }
-
-.foundation-mq {
-  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
-
-html,
-body {
-  font-size: 100%;
-  box-sizing: border-box; }
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit; }
-
-body {
-  padding: 0;
-  margin: 0;
-  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  font-weight: normal;
-  line-height: 1.5;
-  color: #0a0a0a;
-  background: #fefefe;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale; }
-
-img {
-  max-width: 100%;
-  height: auto;
-  -ms-interpolation-mode: bicubic;
-  display: inline-block;
-  vertical-align: middle; }
-
-textarea {
-  height: auto;
-  min-height: 50px; }
-
-select {
-  width: 100%; }
-
-#map_canvas img,
-#map_canvas embed,
-#map_canvas object,
-.map_canvas img,
-.map_canvas embed,
-.map_canvas object,
-.mqa-display img,
-.mqa-display embed,
-.mqa-display object {
-  max-width: none !important; }
-
-button {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  background: transparent;
-  padding: 0;
-  border: 0;
-  line-height: 1; }
-
-.row {
-  max-width: rem-calc(1000);
-  margin-left: auto;
-  margin-right: auto; }
-  .row::before,
-  .row::after {
-    content: ' ';
-    display: table; }
-  .row::after {
-    clear: both; }
-  .row.collapse > .column, .row.collapse > .columns {
-    padding-left: 0;
-    padding-right: 0; }
-  .row .row,
-  .column-row .row {
-    margin-left: -0.9375rem;
-    margin-right: -0.9375rem; }
-    .row .row.collapse,
-    .column-row .row.collapse {
-      margin-left: 0;
-      margin-right: 0; }
-  @media screen {
-    .row.small-collapse > .column, .row.small-collapse > .columns {
-      padding-left: 0;
-      padding-right: 0; }
-    .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
-      padding-left: 0.9375rem;
-      padding-right: 0.9375rem; } }
-  @media screen and (min-width: 40em) {
-    .row.medium-collapse > .column, .row.medium-collapse > .columns {
-      padding-left: 0;
-      padding-right: 0; }
-    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
-      padding-left: 0.9375rem;
-      padding-right: 0.9375rem; } }
-  @media screen and (min-width: 64em) {
-    .row.large-collapse > .column, .row.large-collapse > .columns {
-      padding-left: 0;
-      padding-right: 0; }
-    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
-      padding-left: 0.9375rem;
-      padding-right: 0.9375rem; } }
-  .row.expanded {
-    max-width: none; }
-
-.column, .columns {
-  width: 100%;
-  float: left;
-  padding-left: 0.9375rem;
-  padding-right: 0.9375rem; }
-  .column.end, .end.columns {
-    float: right; }
-
-.column-row {
-  max-width: rem-calc(1000);
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: 0.9375rem;
-  padding-right: 0.9375rem; }
-  .column-row .row {
-    margin-left: -0.9375rem;
-    margin-right: -0.9375rem; }
-
-@media screen {
-  .small-1 {
-    width: 8.33333%; }
-  .small-push-1 {
-    position: relative;
-    left: 8.33333%; }
-  .small-pull-1 {
-    position: relative;
-    left: -8.33333%; }
-  .small-offset-0 {
-    margin-left: 0%; }
-  .small-2 {
-    width: 16.66667%; }
-  .small-push-2 {
-    position: relative;
-    left: 16.66667%; }
-  .small-pull-2 {
-    position: relative;
-    left: -16.66667%; }
-  .small-offset-1 {
-    margin-left: 8.33333%; }
-  .small-3 {
-    width: 25%; }
-  .small-push-3 {
-    position: relative;
-    left: 25%; }
-  .small-pull-3 {
-    position: relative;
-    left: -25%; }
-  .small-offset-2 {
-    margin-left: 16.66667%; }
-  .small-4 {
-    width: 33.33333%; }
-  .small-push-4 {
-    position: relative;
-    left: 33.33333%; }
-  .small-pull-4 {
-    position: relative;
-    left: -33.33333%; }
-  .small-offset-3 {
-    margin-left: 25%; }
-  .small-5 {
-    width: 41.66667%; }
-  .small-push-5 {
-    position: relative;
-    left: 41.66667%; }
-  .small-pull-5 {
-    position: relative;
-    left: -41.66667%; }
-  .small-offset-4 {
-    margin-left: 33.33333%; }
-  .small-6 {
-    width: 50%; }
-  .small-push-6 {
-    position: relative;
-    left: 50%; }
-  .small-pull-6 {
-    position: relative;
-    left: -50%; }
-  .small-offset-5 {
-    margin-left: 41.66667%; }
-  .small-7 {
-    width: 58.33333%; }
-  .small-push-7 {
-    position: relative;
-    left: 58.33333%; }
-  .small-pull-7 {
-    position: relative;
-    left: -58.33333%; }
-  .small-offset-6 {
-    margin-left: 50%; }
-  .small-8 {
-    width: 66.66667%; }
-  .small-push-8 {
-    position: relative;
-    left: 66.66667%; }
-  .small-pull-8 {
-    position: relative;
-    left: -66.66667%; }
-  .small-offset-7 {
-    margin-left: 58.33333%; }
-  .small-9 {
-    width: 75%; }
-  .small-push-9 {
-    position: relative;
-    left: 75%; }
-  .small-pull-9 {
-    position: relative;
-    left: -75%; }
-  .small-offset-8 {
-    margin-left: 66.66667%; }
-  .small-10 {
-    width: 83.33333%; }
-  .small-push-10 {
-    position: relative;
-    left: 83.33333%; }
-  .small-pull-10 {
-    position: relative;
-    left: -83.33333%; }
-  .small-offset-9 {
-    margin-left: 75%; }
-  .small-11 {
-    width: 91.66667%; }
-  .small-push-11 {
-    position: relative;
-    left: 91.66667%; }
-  .small-pull-11 {
-    position: relative;
-    left: -91.66667%; }
-  .small-offset-10 {
-    margin-left: 83.33333%; }
-  .small-12 {
-    width: 100%; }
-  .small-offset-11 {
-    margin-left: 91.66667%; }
-  .small-up-1 .column, .small-up-1 .columns {
-    width: 100%;
-    float: left; }
-    .small-up-1 .column:nth-of-type(1n), .small-up-1 .columns:nth-of-type(1n) {
-      clear: none; }
-    .small-up-1 .column:nth-of-type(1n+1), .small-up-1 .columns:nth-of-type(1n+1) {
-      clear: both; }
-  .small-up-2 .column, .small-up-2 .columns {
-    width: 50%;
-    float: left; }
-    .small-up-2 .column:nth-of-type(1n), .small-up-2 .columns:nth-of-type(1n) {
-      clear: none; }
-    .small-up-2 .column:nth-of-type(2n+1), .small-up-2 .columns:nth-of-type(2n+1) {
-      clear: both; }
-  .small-up-3 .column, .small-up-3 .columns {
-    width: 33.33333%;
-    float: left; }
-    .small-up-3 .column:nth-of-type(1n), .small-up-3 .columns:nth-of-type(1n) {
-      clear: none; }
-    .small-up-3 .column:nth-of-type(3n+1), .small-up-3 .columns:nth-of-type(3n+1) {
-      clear: both; }
-  .small-up-4 .column, .small-up-4 .columns {
-    width: 25%;
-    float: left; }
-    .small-up-4 .column:nth-of-type(1n), .small-up-4 .columns:nth-of-type(1n) {
-      clear: none; }
-    .small-up-4 .column:nth-of-type(4n+1), .small-up-4 .columns:nth-of-type(4n+1) {
-      clear: both; }
-  .small-up-5 .column, .small-up-5 .columns {
-    width: 20%;
-    float: left; }
-    .small-up-5 .column:nth-of-type(1n), .small-up-5 .columns:nth-of-type(1n) {
-      clear: none; }
-    .small-up-5 .column:nth-of-type(5n+1), .small-up-5 .columns:nth-of-type(5n+1) {
-      clear: both; }
-  .small-up-6 .column, .small-up-6 .columns {
-    width: 16.66667%;
-    float: left; }
-    .small-up-6 .column:nth-of-type(1n), .small-up-6 .columns:nth-of-type(1n) {
-      clear: none; }
-    .small-up-6 .column:nth-of-type(6n+1), .small-up-6 .columns:nth-of-type(6n+1) {
-      clear: both; }
-  .small-center {
-    margin-left: auto;
-    margin-right: auto; }
-  .small-uncenter,
-  .small-push-0,
-  .small-pull-0 {
-    position: static;
-    margin-left: 0;
-    margin-right: 0; } }
-
-@media screen and (min-width: 40em) {
-  .medium-1 {
-    width: 8.33333%; }
-  .medium-push-1 {
-    position: relative;
-    left: 8.33333%; }
-  .medium-pull-1 {
-    position: relative;
-    left: -8.33333%; }
-  .medium-offset-0 {
-    margin-left: 0%; }
-  .medium-2 {
-    width: 16.66667%; }
-  .medium-push-2 {
-    position: relative;
-    left: 16.66667%; }
-  .medium-pull-2 {
-    position: relative;
-    left: -16.66667%; }
-  .medium-offset-1 {
-    margin-left: 8.33333%; }
-  .medium-3 {
-    width: 25%; }
-  .medium-push-3 {
-    position: relative;
-    left: 25%; }
-  .medium-pull-3 {
-    position: relative;
-    left: -25%; }
-  .medium-offset-2 {
-    margin-left: 16.66667%; }
-  .medium-4 {
-    width: 33.33333%; }
-  .medium-push-4 {
-    position: relative;
-    left: 33.33333%; }
-  .medium-pull-4 {
-    position: relative;
-    left: -33.33333%; }
-  .medium-offset-3 {
-    margin-left: 25%; }
-  .medium-5 {
-    width: 41.66667%; }
-  .medium-push-5 {
-    position: relative;
-    left: 41.66667%; }
-  .medium-pull-5 {
-    position: relative;
-    left: -41.66667%; }
-  .medium-offset-4 {
-    margin-left: 33.33333%; }
-  .medium-6 {
-    width: 50%; }
-  .medium-push-6 {
-    position: relative;
-    left: 50%; }
-  .medium-pull-6 {
-    position: relative;
-    left: -50%; }
-  .medium-offset-5 {
-    margin-left: 41.66667%; }
-  .medium-7 {
-    width: 58.33333%; }
-  .medium-push-7 {
-    position: relative;
-    left: 58.33333%; }
-  .medium-pull-7 {
-    position: relative;
-    left: -58.33333%; }
-  .medium-offset-6 {
-    margin-left: 50%; }
-  .medium-8 {
-    width: 66.66667%; }
-  .medium-push-8 {
-    position: relative;
-    left: 66.66667%; }
-  .medium-pull-8 {
-    position: relative;
-    left: -66.66667%; }
-  .medium-offset-7 {
-    margin-left: 58.33333%; }
-  .medium-9 {
-    width: 75%; }
-  .medium-push-9 {
-    position: relative;
-    left: 75%; }
-  .medium-pull-9 {
-    position: relative;
-    left: -75%; }
-  .medium-offset-8 {
-    margin-left: 66.66667%; }
-  .medium-10 {
-    width: 83.33333%; }
-  .medium-push-10 {
-    position: relative;
-    left: 83.33333%; }
-  .medium-pull-10 {
-    position: relative;
-    left: -83.33333%; }
-  .medium-offset-9 {
-    margin-left: 75%; }
-  .medium-11 {
-    width: 91.66667%; }
-  .medium-push-11 {
-    position: relative;
-    left: 91.66667%; }
-  .medium-pull-11 {
-    position: relative;
-    left: -91.66667%; }
-  .medium-offset-10 {
-    margin-left: 83.33333%; }
-  .medium-12 {
-    width: 100%; }
-  .medium-offset-11 {
-    margin-left: 91.66667%; }
-  .medium-up-1 .column, .medium-up-1 .columns {
-    width: 100%;
-    float: left; }
-    .medium-up-1 .column:nth-of-type(1n), .medium-up-1 .columns:nth-of-type(1n) {
-      clear: none; }
-    .medium-up-1 .column:nth-of-type(1n+1), .medium-up-1 .columns:nth-of-type(1n+1) {
-      clear: both; }
-  .medium-up-2 .column, .medium-up-2 .columns {
-    width: 50%;
-    float: left; }
-    .medium-up-2 .column:nth-of-type(1n), .medium-up-2 .columns:nth-of-type(1n) {
-      clear: none; }
-    .medium-up-2 .column:nth-of-type(2n+1), .medium-up-2 .columns:nth-of-type(2n+1) {
-      clear: both; }
-  .medium-up-3 .column, .medium-up-3 .columns {
-    width: 33.33333%;
-    float: left; }
-    .medium-up-3 .column:nth-of-type(1n), .medium-up-3 .columns:nth-of-type(1n) {
-      clear: none; }
-    .medium-up-3 .column:nth-of-type(3n+1), .medium-up-3 .columns:nth-of-type(3n+1) {
-      clear: both; }
-  .medium-up-4 .column, .medium-up-4 .columns {
-    width: 25%;
-    float: left; }
-    .medium-up-4 .column:nth-of-type(1n), .medium-up-4 .columns:nth-of-type(1n) {
-      clear: none; }
-    .medium-up-4 .column:nth-of-type(4n+1), .medium-up-4 .columns:nth-of-type(4n+1) {
-      clear: both; }
-  .medium-up-5 .column, .medium-up-5 .columns {
-    width: 20%;
-    float: left; }
-    .medium-up-5 .column:nth-of-type(1n), .medium-up-5 .columns:nth-of-type(1n) {
-      clear: none; }
-    .medium-up-5 .column:nth-of-type(5n+1), .medium-up-5 .columns:nth-of-type(5n+1) {
-      clear: both; }
-  .medium-up-6 .column, .medium-up-6 .columns {
-    width: 16.66667%;
-    float: left; }
-    .medium-up-6 .column:nth-of-type(1n), .medium-up-6 .columns:nth-of-type(1n) {
-      clear: none; }
-    .medium-up-6 .column:nth-of-type(6n+1), .medium-up-6 .columns:nth-of-type(6n+1) {
-      clear: both; }
-  .medium-center {
-    margin-left: auto;
-    margin-right: auto; }
-  .medium-uncenter,
-  .medium-push-0,
-  .medium-pull-0 {
-    position: static;
-    margin-left: 0;
-    margin-right: 0; } }
-
-@media screen and (min-width: 64em) {
-  .large-1 {
-    width: 8.33333%; }
-  .large-push-1 {
-    position: relative;
-    left: 8.33333%; }
-  .large-pull-1 {
-    position: relative;
-    left: -8.33333%; }
-  .large-offset-0 {
-    margin-left: 0%; }
-  .large-2 {
-    width: 16.66667%; }
-  .large-push-2 {
-    position: relative;
-    left: 16.66667%; }
-  .large-pull-2 {
-    position: relative;
-    left: -16.66667%; }
-  .large-offset-1 {
-    margin-left: 8.33333%; }
-  .large-3 {
-    width: 25%; }
-  .large-push-3 {
-    position: relative;
-    left: 25%; }
-  .large-pull-3 {
-    position: relative;
-    left: -25%; }
-  .large-offset-2 {
-    margin-left: 16.66667%; }
-  .large-4 {
-    width: 33.33333%; }
-  .large-push-4 {
-    position: relative;
-    left: 33.33333%; }
-  .large-pull-4 {
-    position: relative;
-    left: -33.33333%; }
-  .large-offset-3 {
-    margin-left: 25%; }
-  .large-5 {
-    width: 41.66667%; }
-  .large-push-5 {
-    position: relative;
-    left: 41.66667%; }
-  .large-pull-5 {
-    position: relative;
-    left: -41.66667%; }
-  .large-offset-4 {
-    margin-left: 33.33333%; }
-  .large-6 {
-    width: 50%; }
-  .large-push-6 {
-    position: relative;
-    left: 50%; }
-  .large-pull-6 {
-    position: relative;
-    left: -50%; }
-  .large-offset-5 {
-    margin-left: 41.66667%; }
-  .large-7 {
-    width: 58.33333%; }
-  .large-push-7 {
-    position: relative;
-    left: 58.33333%; }
-  .large-pull-7 {
-    position: relative;
-    left: -58.33333%; }
-  .large-offset-6 {
-    margin-left: 50%; }
-  .large-8 {
-    width: 66.66667%; }
-  .large-push-8 {
-    position: relative;
-    left: 66.66667%; }
-  .large-pull-8 {
-    position: relative;
-    left: -66.66667%; }
-  .large-offset-7 {
-    margin-left: 58.33333%; }
-  .large-9 {
-    width: 75%; }
-  .large-push-9 {
-    position: relative;
-    left: 75%; }
-  .large-pull-9 {
-    position: relative;
-    left: -75%; }
-  .large-offset-8 {
-    margin-left: 66.66667%; }
-  .large-10 {
-    width: 83.33333%; }
-  .large-push-10 {
-    position: relative;
-    left: 83.33333%; }
-  .large-pull-10 {
-    position: relative;
-    left: -83.33333%; }
-  .large-offset-9 {
-    margin-left: 75%; }
-  .large-11 {
-    width: 91.66667%; }
-  .large-push-11 {
-    position: relative;
-    left: 91.66667%; }
-  .large-pull-11 {
-    position: relative;
-    left: -91.66667%; }
-  .large-offset-10 {
-    margin-left: 83.33333%; }
-  .large-12 {
-    width: 100%; }
-  .large-offset-11 {
-    margin-left: 91.66667%; }
-  .large-up-1 .column, .large-up-1 .columns {
-    width: 100%;
-    float: left; }
-    .large-up-1 .column:nth-of-type(1n), .large-up-1 .columns:nth-of-type(1n) {
-      clear: none; }
-    .large-up-1 .column:nth-of-type(1n+1), .large-up-1 .columns:nth-of-type(1n+1) {
-      clear: both; }
-  .large-up-2 .column, .large-up-2 .columns {
-    width: 50%;
-    float: left; }
-    .large-up-2 .column:nth-of-type(1n), .large-up-2 .columns:nth-of-type(1n) {
-      clear: none; }
-    .large-up-2 .column:nth-of-type(2n+1), .large-up-2 .columns:nth-of-type(2n+1) {
-      clear: both; }
-  .large-up-3 .column, .large-up-3 .columns {
-    width: 33.33333%;
-    float: left; }
-    .large-up-3 .column:nth-of-type(1n), .large-up-3 .columns:nth-of-type(1n) {
-      clear: none; }
-    .large-up-3 .column:nth-of-type(3n+1), .large-up-3 .columns:nth-of-type(3n+1) {
-      clear: both; }
-  .large-up-4 .column, .large-up-4 .columns {
-    width: 25%;
-    float: left; }
-    .large-up-4 .column:nth-of-type(1n), .large-up-4 .columns:nth-of-type(1n) {
-      clear: none; }
-    .large-up-4 .column:nth-of-type(4n+1), .large-up-4 .columns:nth-of-type(4n+1) {
-      clear: both; }
-  .large-up-5 .column, .large-up-5 .columns {
-    width: 20%;
-    float: left; }
-    .large-up-5 .column:nth-of-type(1n), .large-up-5 .columns:nth-of-type(1n) {
-      clear: none; }
-    .large-up-5 .column:nth-of-type(5n+1), .large-up-5 .columns:nth-of-type(5n+1) {
-      clear: both; }
-  .large-up-6 .column, .large-up-6 .columns {
-    width: 16.66667%;
-    float: left; }
-    .large-up-6 .column:nth-of-type(1n), .large-up-6 .columns:nth-of-type(1n) {
-      clear: none; }
-    .large-up-6 .column:nth-of-type(6n+1), .large-up-6 .columns:nth-of-type(6n+1) {
-      clear: both; }
-  .large-center {
-    margin-left: auto;
-    margin-right: auto; }
-  .large-uncenter,
-  .large-push-0,
-  .large-pull-0 {
-    position: static;
-    margin-left: 0;
-    margin-right: 0; } }
-
-div,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-pre,
-form,
-p,
-blockquote,
-th,
-td {
-  margin: 0;
-  padding: 0; }
-
-p {
-  font-size: inherit;
-  line-height: 1.6;
-  margin-bottom: 1rem;
-  text-rendering: optimizeLegibility; }
-
-em,
-i {
-  font-style: italic;
-  line-height: inherit; }
-
-strong,
-b {
-  font-weight: bold;
-  line-height: inherit; }
-
-small {
-  font-size: 80%;
-  line-height: inherit; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  font-weight: normal;
-  font-style: normal;
-  color: #0a0a0a;
-  text-rendering: optimizeLegibility;
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-  line-height: 1.4; }
-  h1 small,
-  h2 small,
-  h3 small,
-  h4 small,
-  h5 small,
-  h6 small {
-    color: #cacaca;
-    line-height: 0; }
-
-h1 {
-  font-size: 1.383rem; }
-  @media screen and (min-width: 40em) {
-    h1 {
-      font-size: 1.80203rem; } }
-  @media screen and (min-width: 64em) {
-    h1 {
-      font-size: 3.05176rem; } }
-
-h2 {
-  font-size: 1.29616rem; }
-  @media screen and (min-width: 40em) {
-    h2 {
-      font-size: 1.60181rem; } }
-  @media screen and (min-width: 64em) {
-    h2 {
-      font-size: 2.44141rem; } }
-
-h3 {
-  font-size: 1.21477rem; }
-  @media screen and (min-width: 40em) {
-    h3 {
-      font-size: 1.42383rem; } }
-  @media screen and (min-width: 64em) {
-    h3 {
-      font-size: 1.95312rem; } }
-
-h4 {
-  font-size: 1.13849rem; }
-  @media screen and (min-width: 40em) {
-    h4 {
-      font-size: 1.26562rem; } }
-  @media screen and (min-width: 64em) {
-    h4 {
-      font-size: 1.5625rem; } }
-
-h5 {
-  font-size: 1.067rem; }
-  @media screen and (min-width: 40em) {
-    h5 {
-      font-size: 1.125rem; } }
-  @media screen and (min-width: 64em) {
-    h5 {
-      font-size: 1.25rem; } }
-
-h6 {
-  font-size: 1rem; }
-
-a {
-  color: #2199e8;
-  text-decoration: none;
-  line-height: inherit;
-  cursor: pointer; }
-  a:hover,
-  a:focus {
-    color: #1585cf; }
-  a img {
-    border: 0; }
-
-hr {
-  max-width: rem-calc(1000);
-  height: 0;
-  border-top: 0;
-  border-bottom: 1px solid #cacaca;
-  margin: 1.25rem 0;
-  clear: both; }
-
-ul,
-ol,
-dl {
-  line-height: 1.6;
-  margin-bottom: 1rem;
-  list-style-position: outside; }
-
-li {
-  font-size: inherit; }
-
-ul {
-  list-style-type: disc;
-  margin-left: 1.25rem; }
-
-ol {
-  margin-left: 1.25rem; }
-
-ul ul, ol ol {
-  margin-left: 1.25rem;
-  margin-bottom: 0;
-  list-style-type: inherit; }
-
-dl {
-  margin-bottom: 1rem; }
-  dl dt {
-    margin-bottom: 0.3rem;
-    font-weight: bold; }
-
-blockquote {
-  margin: 0 0 1rem;
-  padding: 0.5625rem 1.25rem 0 1.1875rem;
-  border-left: 1px solid #cacaca; }
-  blockquote, blockquote p {
-    line-height: 1.6;
-    color: #8a8a8a; }
-
-cite {
-  display: block;
-  font-size: 0.8125rem;
-  color: #8a8a8a; }
-  cite:before {
-    content: '\2014 \0020'; }
-
-abbr,
-acronym {
-  color: #0a0a0a;
-  cursor: help;
-  border-bottom: 1px dotted #0a0a0a; }
-
-code {
-  font-family: Consolas, "Liberation Mono", Courier, monospace;
-  font-weight: normal;
-  color: #0a0a0a;
-  background-color: #f3f3f3;
-  border: 1px solid #cacaca;
-  padding: 0.125rem 0.3125rem 0.0625rem; }
-
-kbd {
-  padding: 0.125rem 0.25rem 0;
-  margin: 0;
-  background-color: #f3f3f3;
-  color: #0a0a0a;
-  font-family: Consolas, "Liberation Mono", Courier, monospace; }
-
-.subheader {
-  margin-top: 0.2rem;
-  margin-bottom: 0.5rem;
-  font-weight: normal;
-  line-height: 1.4;
-  color: #8a8a8a; }
-
-.lead {
-  font-size: 125%;
-  line-height: 1.6; }
-
-.stat {
-  font-size: 2.5rem;
-  line-height: 1; }
-  p + .stat {
-    margin-top: -1rem; }
-
-.no-bullet {
-  margin-left: 0;
-  list-style: none; }
-
-.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale; }
-
-.text-left {
-  text-align: left; }
-
-@media screen and (min-width: 40em) {
-  .medium-text-left {
-    text-align: left; } }
-
-@media screen and (min-width: 64em) {
-  .large-text-left {
-    text-align: left; } }
-
-.text-right {
-  text-align: right; }
-
-@media screen and (min-width: 40em) {
-  .medium-text-right {
-    text-align: right; } }
-
-@media screen and (min-width: 64em) {
-  .large-text-right {
-    text-align: right; } }
-
-.text-center {
-  text-align: center; }
-
-@media screen and (min-width: 40em) {
-  .medium-text-center {
-    text-align: center; } }
-
-@media screen and (min-width: 64em) {
-  .large-text-center {
-    text-align: center; } }
-
-.text-justify {
-  text-align: justify; }
-
-@media screen and (min-width: 40em) {
-  .medium-text-justify {
-    text-align: justify; } }
-
-@media screen and (min-width: 64em) {
-  .large-text-justify {
-    text-align: justify; } }
-
-.show-for-print {
-  display: none !important; }
-
-@media print {
-  * {
-    background: transparent !important;
-    color: black !important;
-    box-shadow: none !important;
-    text-shadow: none !important; }
-  .show-for-print {
-    display: block !important; }
-  .hide-for-print {
-    display: none !important; }
-  table.show-for-print {
-    display: table !important; }
-  thead.show-for-print {
-    display: table-header-group !important; }
-  tbody.show-for-print {
-    display: table-row-group !important; }
-  tr.show-for-print {
-    display: table-row !important; }
-  td.show-for-print {
-    display: table-cell !important; }
-  th.show-for-print {
-    display: table-cell !important; }
-  a,
-  a:visited {
-    text-decoration: underline; }
-  a[href]:after {
-    content: " (" attr(href) ")"; }
-  .ir a:after,
-  a[href^='javascript:']:after,
-  a[href^='#']:after {
-    content: ''; }
-  abbr[title]:after {
-    content: " (" attr(title) ")"; }
-  pre,
-  blockquote {
-    border: 1px solid #999;
-    page-break-inside: avoid; }
-  thead {
-    display: table-header-group; }
-  tr,
-  img {
-    page-break-inside: avoid; }
-  img {
-    max-width: 100% !important; }
-  @page {
-    margin: 0.5cm; }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3; }
-  h2,
-  h3 {
-    page-break-after: avoid; } }
-
-.button {
-  display: inline-block;
-  text-align: center;
-  line-height: 1;
-  cursor: pointer;
-  -webkit-appearance: none;
-  transition: all 0.25s ease-out;
-  vertical-align: middle;
-  border: 1px solid transparent;
-  padding: 0.85em 1em;
-  margin: 0 1rem 1rem 0;
-  font-size: 0.9rem;
-  background: #2199e8;
-  color: #fff; }
-  .button:hover, .button:focus {
-    background: #1583cc;
-    color: #fff; }
-  .button.tiny {
-    font-size: 0.63rem; }
-  .button.small {
-    font-size: 0.72rem; }
-  .button.large {
-    font-size: 1.17rem; }
-  .button.expanded {
-    display: block;
-    width: 100%;
-    margin-left: 0;
-    margin-right: 0; }
-  .button.primary {
-    background: #2199e8;
-    color: #fff; }
-    .button.primary:hover, .button.primary:focus {
-      background: #147cc0;
-      color: #fff; }
-  .button.secondary {
-    background: #777;
-    color: #fff; }
-    .button.secondary:hover, .button.secondary:focus {
-      background: #5f5f5f;
-      color: #fff; }
-  .button.success {
-    background: #3adb76;
-    color: #fff; }
-    .button.success:hover, .button.success:focus {
-      background: #22bb5b;
-      color: #fff; }
-  .button.alert {
-    background: #ec5840;
-    color: #fff; }
-    .button.alert:hover, .button.alert:focus {
-      background: #da3116;
-      color: #fff; }
-  .button.warning {
-    background: #ffae00;
-    color: #fff; }
-    .button.warning:hover, .button.warning:focus {
-      background: #cc8b00;
-      color: #fff; }
-  .button.hollow {
-    border: 1px solid #2199e8;
-    color: #2199e8; }
-    .button.hollow,
-    .button.hollow:hover {
-      background: transparent; }
-    .button.hollow:hover, .button.hollow:focus {
-      border-color: #0c4d78;
-      color: #0c4d78; }
-    .button.hollow.primary {
-      border: 1px solid #2199e8;
-      color: #2199e8; }
-      .button.hollow.primary:hover, .button.hollow.primary:focus {
-        border-color: #0c4d78;
-        color: #0c4d78; }
-    .button.hollow.secondary {
-      border: 1px solid #777;
-      color: #777; }
-      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
-        border-color: #3b3b3b;
-        color: #3b3b3b; }
-    .button.hollow.success {
-      border: 1px solid #3adb76;
-      color: #3adb76; }
-      .button.hollow.success:hover, .button.hollow.success:focus {
-        border-color: #157539;
-        color: #157539; }
-    .button.hollow.alert {
-      border: 1px solid #ec5840;
-      color: #ec5840; }
-      .button.hollow.alert:hover, .button.hollow.alert:focus {
-        border-color: #881f0e;
-        color: #881f0e; }
-    .button.hollow.warning {
-      border: 1px solid #ffae00;
-      color: #ffae00; }
-      .button.hollow.warning:hover, .button.hollow.warning:focus {
-        border-color: #805700;
-        color: #805700; }
-  .button.disabled {
-    opacity: 0.25;
-    cursor: default;
-    pointer-events: none; }
-  .button.dropdown::after {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border: inset 0.4em;
-    border-color: #fefefe transparent transparent;
-    border-top-style: solid;
-    position: relative;
-    top: 0.2em;
-    display: inline-block;
-    margin-left: 1em;
-    vertical-align: middle; }
-  .button.dropdown:empty::after {
-    margin-left: 0;
-    float: none;
-    top: 0.2em; }
-  .button.dropdown::after {
-    float: right;
-    top: 0.4em; }
-
-[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"],
-textarea {
-  display: block;
-  box-sizing: border-box;
-  width: 100%;
-  height: 2.4375rem;
-  padding: 0.5rem;
-  border: 1px solid #cacaca;
-  margin: 0 0 1rem;
-  font-family: inherit;
-  font-size: 1rem;
-  color: #8a8a8a;
-  background-color: #fefefe;
-  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
-  border-radius: 0;
-  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-  -webkit-appearance: none;
-  -moz-appearance: none; }
-  [type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus,
-  textarea:focus {
-    border: 1px solid #8a8a8a;
-    background: #fefefe;
-    outline: none;
-    box-shadow: 0 0 5px #cacaca;
-    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
-
-textarea {
-  max-width: 100%; }
-  textarea[rows] {
-    height: auto; }
-
-input:disabled,
-input[readonly],
-textarea:disabled,
-textarea[readonly] {
-  background-color: #f3f3f3;
-  cursor: default; }
-
-[type="submit"],
-[type="button"] {
-  border-radius: 0;
-  -webkit-appearance: none;
-  -moz-appearance: none; }
-
-[type="file"],
-[type="checkbox"],
-[type="radio"],
-select {
-  margin: 0 0 1rem; }
-
-[type="checkbox"] + label,
-[type="radio"] + label {
-  display: inline-block;
-  margin-left: 0.5rem;
-  margin-right: 1rem;
-  margin-bottom: 0;
-  vertical-align: baseline; }
-
-label > [type="checkbox"],
-label > [type="label"] {
-  margin-right: 0.5rem; }
-
-[type="file"] {
-  width: 100%; }
-
-label {
-  display: block;
-  margin: 0;
-  font-size: 0.875rem;
-  font-weight: normal;
-  line-height: 1.8;
-  color: #0a0a0a; }
-  label.right {
-    float: none;
-    text-align: right; }
-  label.middle {
-    margin: 0 0 1rem;
-    padding: 0.5625rem 0; }
-
-.help-text {
-  margin-top: -0.5rem;
-  font-size: 0.8125rem;
-  font-style: italic;
-  color: #333; }
-
-.input-group {
-  display: table;
-  width: 100%;
-  margin-bottom: 1rem; }
-
-.input-group-label, .input-group-field, .input-group-button {
-  display: table-cell;
-  margin: 0;
-  vertical-align: middle; }
-
-.input-group-label {
-  text-align: center;
-  height: 100%;
-  padding: 0;
-  background: #f3f3f3;
-  color: #0a0a0a;
-  border: 1px solid #cacaca; }
-  .input-group-label:first-child {
-    border-right: 0; }
-  .input-group-label:last-child {
-    border-left: 0; }
-
-.input-group-button {
-  height: 100%;
-  padding: 0;
-  text-align: center; }
-
-fieldset {
-  border: 0;
-  padding: 0;
-  margin: 0; }
-
-legend {
-  margin-bottom: 0.5rem; }
-
-.fieldset {
-  border: 1px solid #cacaca;
-  padding: 1.25rem;
-  margin: 1.125rem 0; }
-  .fieldset legend {
-    background: #fefefe;
-    padding: 0 0.1875rem;
-    margin: 0;
-    margin-left: -0.1875rem; }
-
-select {
-  height: 2.4375rem;
-  padding: 0.5rem;
-  border: 1px solid #cacaca;
-  font-size: 1rem;
-  font-family: inherit;
-  line-height: normal;
-  color: #8a8a8a;
-  background-color: #fafafa;
-  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #333333"></polygon></svg>');
-  background-size: 9px 6px;
-  background-position: right 0.5rem center;
-  background-repeat: no-repeat;
-  border-radius: 0;
-  -webkit-appearance: none;
-  -moz-appearance: none; }
-  @media screen and (min-width: 0 \0) {
-    select {
-      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
-  select:disabled {
-    background-color: #f3f3f3;
-    cursor: default; }
-  select::-ms-expand {
-    display: none; }
-  select[multiple] {
-    height: auto; }
-
-.is-invalid-input:not(:focus) {
-  background-color: rgba(236, 88, 64, 0.1);
-  border-color: #ec5840; }
-
-.is-invalid-label {
-  color: #ec5840; }
-
-.form-error {
-  display: none;
-  margin-top: -0.5rem;
-  margin-bottom: 1rem;
-  font-size: 0.75rem;
-  font-weight: bold;
-  color: #ec5840; }
-  .form-error.is-visible {
-    display: block; }
-
-.hide {
-  display: none !important; }
-
-.invisible {
-  visibility: hidden !important; }
-
-@media screen and (min-width: 0em) and (max-width: 39.9375em) {
-  .hide-for-small-only {
-    display: none !important; } }
-
-.show-for-small-only {
-  display: none !important; }
-  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
-    .show-for-small-only {
-      display: block !important; } }
-
-@media screen and (min-width: 40em) {
-  .hide-for-medium {
-    display: none !important; } }
-
-.show-for-medium {
-  display: none !important; }
-  @media screen and (min-width: 40em) {
-    .show-for-medium {
-      display: block !important; } }
-
-@media screen and (min-width: 40em) and (max-width: 63.9375em) {
-  .hide-for-medium-only {
-    display: none !important; } }
-
-.show-for-medium-only {
-  display: none !important; }
-  @media screen and (min-width: 40em) and (max-width: 63.9375em) {
-    .show-for-medium-only {
-      display: block !important; } }
-
-@media screen and (min-width: 64em) {
-  .hide-for-large {
-    display: none !important; } }
-
-.show-for-large {
-  display: none !important; }
-  @media screen and (min-width: 64em) {
-    .show-for-large {
-      display: block !important; } }
-
-@media screen and (min-width: 64em) and (max-width: 74.9375em) {
-  .hide-for-large-only {
-    display: none !important; } }
-
-.show-for-large-only {
-  display: none !important; }
-  @media screen and (min-width: 64em) and (max-width: 74.9375em) {
-    .show-for-large-only {
-      display: block !important; } }
-
-.show-for-sr, .show-on-focus {
-  position: absolute !important;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0); }
-
-.show-on-focus:active,
-.show-on-focus:focus {
-  position: static !important;
-  height: auto;
-  width: auto;
-  overflow: visible;
-  clip: auto; }
-
-@media screen and (orientation: portrait) {
-  .hide-for-portrait {
-    display: none !important; }
-  .show-for-portrait {
-    display: block !important; } }
-
-@media screen and (orientation: landscape) {
-  .hide-for-landscape {
-    display: none !important; }
-  .show-for-landscape {
-    display: block !important; } }
-
-.float-left {
-  float: left !important; }
-
-.float-right {
-  float: right !important; }
-
-.float-center {
-  display: block;
-  margin-left: auto;
-  margin-right: auto; }
-
-.clearfix::before,
-.clearfix::after {
-  content: ' ';
-  display: table; }
-
-.clearfix::after {
-  clear: both; }
-
-.badge {
-  display: inline-block;
-  padding: 0.5em;
-  min-width: 2.4em;
-  font-size: 0.8rem;
-  text-align: center;
-  border-radius: 50%;
-  background: #2199e8;
-  color: #fefefe; }
-  .badge.secondary {
-    background: #777;
-    color: #fefefe; }
-  .badge.success {
-    background: #3adb76;
-    color: #fefefe; }
-  .badge.alert {
-    background: #ec5840;
-    color: #fefefe; }
-  .badge.warning {
-    background: #ffae00;
-    color: #fefefe; }
-
-.breadcrumbs {
-  list-style: none;
-  margin: 0 0 1rem 0; }
-  .breadcrumbs::before,
-  .breadcrumbs::after {
-    content: ' ';
-    display: table; }
-  .breadcrumbs::after {
-    clear: both; }
-  .breadcrumbs li {
-    float: left;
-    color: #0a0a0a;
-    font-size: 0.6875rem;
-    cursor: default;
-    text-transform: uppercase; }
-    .breadcrumbs li:not(:last-child)::after {
-      color: #cacaca;
-      content: '/';
-      margin: 0 0.75rem;
-      position: relative;
-      top: 1px; }
-  .breadcrumbs a {
-    color: #2199e8; }
-    .breadcrumbs a:hover {
-      text-decoration: underline; }
-  .breadcrumbs .disabled {
-    opacity: 0.25; }
-
-.button-group {
-  margin-bottom: 1rem;
-  font-size: 0.9rem; }
-  .button-group::before,
-  .button-group::after {
-    content: ' ';
-    display: table; }
-  .button-group::after {
-    clear: both; }
-  .button-group .button {
-    float: left;
-    margin: 0;
-    font-size: inherit; }
-    .button-group .button:not(:last-child) {
-      border-right: 1px solid #fefefe; }
-  .button-group.tiny {
-    font-size: 0.63rem; }
-  .button-group.small {
-    font-size: 0.72rem; }
-  .button-group.large {
-    font-size: 1.17rem; }
-  .button-group.expanded .button:nth-last-child(2):first-child,
-  .button-group.expanded .button:nth-last-child(2):first-child ~ li {
-    width: 50%; }
-  .button-group.expanded .button:nth-last-child(3):first-child,
-  .button-group.expanded .button:nth-last-child(3):first-child ~ li {
-    width: 33.33333%; }
-  .button-group.expanded .button:nth-last-child(4):first-child,
-  .button-group.expanded .button:nth-last-child(4):first-child ~ li {
-    width: 25%; }
-  .button-group.expanded .button:nth-last-child(5):first-child,
-  .button-group.expanded .button:nth-last-child(5):first-child ~ li {
-    width: 20%; }
-  .button-group.expanded .button:nth-last-child(6):first-child,
-  .button-group.expanded .button:nth-last-child(6):first-child ~ li {
-    width: 16.66667%; }
-  .button-group.primary .button {
-    background: #2199e8;
-    color: #fff; }
-    .button-group.primary .button:hover, .button-group.primary .button:focus {
-      background: #1583cc;
-      color: #fff; }
-  .button-group.secondary .button {
-    background: #777;
-    color: #fff; }
-    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
-      background: #1583cc;
-      color: #fff; }
-  .button-group.success .button {
-    background: #3adb76;
-    color: #fff; }
-    .button-group.success .button:hover, .button-group.success .button:focus {
-      background: #1583cc;
-      color: #fff; }
-  .button-group.alert .button {
-    background: #ec5840;
-    color: #fff; }
-    .button-group.alert .button:hover, .button-group.alert .button:focus {
-      background: #1583cc;
-      color: #fff; }
-  .button-group.warning .button {
-    background: #ffae00;
-    color: #fff; }
-    .button-group.warning .button:hover, .button-group.warning .button:focus {
-      background: #1583cc;
-      color: #fff; }
-  .button-group.stacked .button,
-  .button-group.stacked-for-small .button {
-    width: 100%;
-    border-right: 0; }
-  @media screen and (min-width: 40em) {
-    .button-group.stacked-for-small .button {
-      width: auto; }
-      .button-group.stacked-for-small .button:not(:last-child) {
-        border-right: 1px solid #fefefe; } }
-
-.callout {
-  margin: 0 0 1rem 0;
-  padding: 1rem;
-  border: 1px solid rgba(0, 0, 0, 0.25);
-  position: relative;
-  background-color: white; }
-  .callout > :first-child {
-    margin-top: 0; }
-  .callout > :last-child {
-    margin-bottom: 0; }
-  .callout a {
-    color: #e6e6e6; }
-    .callout a:hover {
-      color: #cccccc; }
-  .callout.primary {
-    background-color: #c5e4f9; }
-    .callout.primary a {
-      color: #168bd8; }
-      .callout.primary a:hover {
-        color: #126daa; }
-  .callout.secondary {
-    background-color: gainsboro; }
-    .callout.secondary a {
-      color: #6b6b6b; }
-      .callout.secondary a:hover {
-        color: #525252; }
-  .callout.success {
-    background-color: #ccf6db; }
-    .callout.success a {
-      color: #27d367; }
-      .callout.success a:hover {
-        color: #1fa852; }
-  .callout.alert {
-    background-color: #fad4cd; }
-    .callout.alert a {
-      color: #e94025; }
-      .callout.alert a:hover {
-        color: #c72d14; }
-  .callout.warning {
-    background-color: #ffeabd; }
-    .callout.warning a {
-      color: #e69d00; }
-      .callout.warning a:hover {
-        color: #b37a00; }
-
-.card {
-  border: 1px solid #f3f3f3;
-  margin-bottom: 0.5rem;
-  background: #fefefe;
-  border-radius: 3px;
-  box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
-  overflow: hidden;
-  color: #0a0a0a; }
-  .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
-    color: inherit; }
-  .card ul {
-    margin-bottom: 0; }
-  .card.primary {
-    border: 0;
-    margin-bottom: 0.5rem;
-    background: #2199e8;
-    border-radius: 3px;
-    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
-    overflow: hidden;
-    color: #fefefe; }
-    .card.primary h1, .card.primary h2, .card.primary h3, .card.primary h4, .card.primary h5, .card.primary h6 {
-      color: inherit; }
-    .card.primary ul {
-      margin-bottom: 0; }
-    .card.primary .card-divider {
-      background: #1790df;
-      padding: 1rem; }
-  .card.secondary {
-    border: 0;
-    margin-bottom: 0.5rem;
-    background: #777;
-    border-radius: 3px;
-    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
-    overflow: hidden;
-    color: #fefefe; }
-    .card.secondary h1, .card.secondary h2, .card.secondary h3, .card.secondary h4, .card.secondary h5, .card.secondary h6 {
-      color: inherit; }
-    .card.secondary ul {
-      margin-bottom: 0; }
-    .card.secondary .card-divider {
-      background: #6f6f6f;
-      padding: 1rem; }
-  .card.success {
-    border: 0;
-    margin-bottom: 0.5rem;
-    background: #3adb76;
-    border-radius: 3px;
-    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
-    overflow: hidden;
-    color: #fefefe; }
-    .card.success h1, .card.success h2, .card.success h3, .card.success h4, .card.success h5, .card.success h6 {
-      color: inherit; }
-    .card.success ul {
-      margin-bottom: 0; }
-    .card.success .card-divider {
-      background: #2ad86b;
-      padding: 1rem; }
-  .card.alert {
-    border: 0;
-    margin-bottom: 0.5rem;
-    background: #ec5840;
-    border-radius: 3px;
-    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
-    overflow: hidden;
-    color: #fefefe; }
-    .card.alert h1, .card.alert h2, .card.alert h3, .card.alert h4, .card.alert h5, .card.alert h6 {
-      color: inherit; }
-    .card.alert ul {
-      margin-bottom: 0; }
-    .card.alert .card-divider {
-      background: #ea472d;
-      padding: 1rem; }
-  .card.warning {
-    border: 0;
-    margin-bottom: 0.5rem;
-    background: #ffae00;
-    border-radius: 3px;
-    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
-    overflow: hidden;
-    color: #fefefe; }
-    .card.warning h1, .card.warning h2, .card.warning h3, .card.warning h4, .card.warning h5, .card.warning h6 {
-      color: inherit; }
-    .card.warning ul {
-      margin-bottom: 0; }
-    .card.warning .card-divider {
-      background: #eda200;
-      padding: 1rem; }
-
-.card-divider {
-  background: #f3f3f3;
-  padding: 1rem; }
-
-.card-section {
-  padding: 1rem; }
-
-.flex-video {
-  position: relative;
-  height: 0;
-  padding-top: 1.5625rem;
-  padding-bottom: 75%;
-  margin-bottom: 1rem;
-  overflow: hidden; }
-  .flex-video iframe,
-  .flex-video object,
-  .flex-video embed,
-  .flex-video video {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%; }
-  .flex-video.widescreen {
-    padding-bottom: 56.25%; }
-  .flex-video.vimeo {
-    padding-top: 0; }
-
-.label {
-  display: inline-block;
-  padding: 0.33333rem 0.5rem;
-  font-size: 0.8rem;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: default;
-  background: #2199e8;
-  color: #fefefe; }
-  .label.secondary {
-    background: #777;
-    color: #fefefe; }
-  .label.success {
-    background: #3adb76;
-    color: #fefefe; }
-  .label.alert {
-    background: #ec5840;
-    color: #fefefe; }
-  .label.warning {
-    background: #ffae00;
-    color: #fefefe; }
-
-.media-object {
-  margin-bottom: 1rem;
-  display: block; }
-  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
-    .media-object.stack-for-small .media-object-section {
-      display: block;
-      padding: 0;
-      padding-bottom: 1rem; }
-      .media-object.stack-for-small .media-object-section img {
-        width: 100%; } }
-
-.media-object-section {
-  display: table-cell;
-  vertical-align: top; }
-  .media-object-section:first-child {
-    padding-right: 1rem; }
-  .media-object-section:last-child:not( + :first-child) {
-    padding-left: 1rem; }
-  .media-object-section.middle {
-    vertical-align: middle; }
-  .media-object-section.bottom {
-    vertical-align: bottom; }
-
-.menu-bar {
-  margin: 0;
-  list-style-type: none; }
-  .menu-bar::before,
-  .menu-bar::after {
-    content: ' ';
-    display: table; }
-  .menu-bar::after {
-    clear: both; }
-  .menu-bar > .is-active > a {
-    background: #eee; }
-  .menu-bar > li > a {
-    display: block;
-    padding: 0.7rem 1rem;
-    line-height: 1;
-    color: #2199e8; }
-    .menu-bar > li > a:hover,
-    .menu-bar > li > a:focus {
-      background: #eee; }
-  .menu-bar > li > a > img,
-  .menu-bar > li > a > i {
-    vertical-align: middle; }
-  .menu-bar > li > a > span {
-    vertical-align: middle; }
-  .menu-bar > li > a > img,
-  .menu-bar > li > a > i {
-    display: inline-block;
-    margin-right: 0.25rem; }
-  .menu-bar > li {
-    float: left; }
-  .menu-bar.vertical > li {
-    width: 100%;
-    float: none; }
-  .menu-bar.medium-horizontal > li {
-    float: left; }
-  .menu-bar.medium-vertical > li {
-    width: 100%;
-    float: none; }
-  .menu-bar.large-horizontal > li {
-    float: left; }
-  .menu-bar.large-vertical > li {
-    width: 100%;
-    float: none; }
-  .menu-bar.simple > li > a {
-    padding: 0;
-    margin-right: 1rem; }
-    .menu-bar.simple > li > a:hover {
-      background: transparent; }
-  .menu-bar.align-right > li {
-    float: right; }
-  .menu-bar.expanded > li:nth-last-child(2):first-child,
-  .menu-bar.expanded > li:nth-last-child(2):first-child ~ li {
-    width: 50%; }
-  .menu-bar.expanded > li:nth-last-child(3):first-child,
-  .menu-bar.expanded > li:nth-last-child(3):first-child ~ li {
-    width: 33.33333%; }
-  .menu-bar.expanded > li:nth-last-child(4):first-child,
-  .menu-bar.expanded > li:nth-last-child(4):first-child ~ li {
-    width: 25%; }
-  .menu-bar.expanded > li:nth-last-child(5):first-child,
-  .menu-bar.expanded > li:nth-last-child(5):first-child ~ li {
-    width: 20%; }
-  .menu-bar.expanded > li:nth-last-child(6):first-child,
-  .menu-bar.expanded > li:nth-last-child(6):first-child ~ li {
-    width: 16.66667%; }
-  .menu-bar.expanded > li:first-child:last-child {
-    width: 100%; }
-  .menu-bar.primary {
-    background: #2199e8; }
-    .menu-bar.primary > li > a {
-      color: #fefefe; }
-      .menu-bar.primary > li > a:hover,
-      .menu-bar.primary > li > a:focus {
-        background: #1893e4; }
-  .menu-bar.icon-top > li > a {
-    text-align: center; }
-    .menu-bar.icon-top > li > a > img,
-    .menu-bar.icon-top > li > a > i {
-      display: block;
-      margin: 0 auto 0.25rem; }
-  .menu-bar.nested > li > a {
-    padding-left: 2rem; }
-
-body {
-  overflow-x: hidden;
-  height: 100%; }
-
-.is-off-canvas-open {
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden; }
-
-.js-off-canvas-exit {
-  display: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(254, 254, 254, 0.25);
-  cursor: pointer;
-  transition: background 0.5s ease; }
-  .is-off-canvas-open .js-off-canvas-exit {
-    display: block; }
-
-.off-canvas {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 250px;
-  min-height: 100%;
-  background: 250px;
-  -webkit-transform: translateX(-250px);
-      -ms-transform: translateX(-250px);
-          transform: translateX(-250px);
-  transition: -webkit-transform 0.5s ease;
-  transition: transform 0.5s ease;
-  z-index: 1000; }
-  .is-off-canvas-open .off-canvas {
-    -webkit-transform: translate3d(0, 0, 0);
-            transform: translate3d(0, 0, 0); }
-
-.main-content {
-  background: #fefefe;
-  transition: -webkit-transform 0.5s ease;
-  transition: transform 0.5s ease;
-  box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }
-  .is-off-canvas-open .main-content {
-    -webkit-transform: translateX(250px);
-        -ms-transform: translateX(250px);
-            transform: translateX(250px); }
-  .off-canvas-overlap .is-off-canvas-open .main-content {
-    -webkit-transform: none;
-        -ms-transform: none;
-            transform: none; }
-
-@media screen {
-  .reveal-for-small .off-canvas {
-    -webkit-transform: none;
-        -ms-transform: none;
-            transform: none;
-    transition: none; }
-  .reveal-for-small .main-content {
-    padding-left: 250px;
-    -webkit-transform: none;
-        -ms-transform: none;
-            transform: none; } }
-
-@media screen and (min-width: 40em) {
-  .reveal-for-medium .off-canvas {
-    -webkit-transform: none;
-        -ms-transform: none;
-            transform: none;
-    transition: none; }
-  .reveal-for-medium .main-content {
-    padding-left: 250px;
-    -webkit-transform: none;
-        -ms-transform: none;
-            transform: none; } }
-
-@media screen and (min-width: 64em) {
-  .reveal-for-large .off-canvas {
-    -webkit-transform: none;
-        -ms-transform: none;
-            transform: none;
-    transition: none; }
-  .reveal-for-large .main-content {
-    padding-left: 250px;
-    -webkit-transform: none;
-        -ms-transform: none;
-            transform: none; } }
-
-.orbit {
-  position: relative; }
-
-.orbit-container {
-  list-style: none;
-  margin: 0;
-  position: relative; }
-
-.orbit-figure {
-  margin: 0; }
-
-.orbit-image {
-  margin: 0;
-  max-width: 100%;
-  width: 100%; }
-
-.orbit-caption {
-  background-color: rgba(10, 10, 10, 0.5);
-  color: #fefefe;
-  padding: 1rem;
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-  margin-bottom: 0; }
-
-.orbit-control {
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-          transform: translateY(-50%);
-  z-index: 10;
-  color: #fefefe;
-  padding: 1rem; }
-  .orbit-control:hover, .orbit-control:active, .orbit-control:focus {
-    background-color: rgba(10, 10, 10, 0.5); }
-
-.orbit-previous {
-  left: 0; }
-
-.orbit-next {
-  left: auto;
-  right: 0; }
-
-.orbit-bullets-container {
-  margin-top: 0.8rem;
-  margin-bottom: 0.8rem;
-  position: relative;
-  text-align: center; }
-  .orbit-bullets-container button {
-    width: 1.2rem;
-    height: 1.2rem;
-    background-color: #cacaca;
-    border-radius: 50%;
-    margin: 0.1rem; }
-    .orbit-bullets-container button:hover {
-      background-color: #8a8a8a; }
-    .orbit-bullets-container button.is-active {
-      background-color: #8a8a8a; }
-
-.pagination {
-  margin-left: 0;
-  margin-bottom: 1rem; }
-  .pagination::before,
-  .pagination::after {
-    content: ' ';
-    display: table; }
-  .pagination::after {
-    clear: both; }
-  .pagination li {
-    font-size: 0.875rem;
-    margin-right: 0.0625rem;
-    display: none; }
-    .pagination li:last-child,
-    .pagination li:first-child {
-      display: inline-block; }
-    @media screen and (min-width: 40em) {
-      .pagination li {
-        display: inline-block; } }
-  .pagination a,
-  .pagination button {
-    color: #0a0a0a;
-    display: block;
-    padding: 0.1875rem 0.625rem; }
-    .pagination a:hover,
-    .pagination button:hover {
-      background: #f3f3f3; }
-  .pagination [aria-label="previous"]::before {
-    content: '«';
-    display: inline-block;
-    margin-right: 0.75rem; }
-  .pagination [aria-label="next"]::after {
-    content: '»';
-    display: inline-block;
-    margin-left: 0.75rem; }
-  .pagination .current a,
-  .pagination .current button {
-    background: #2199e8;
-    color: #fefefe;
-    cursor: default; }
-  .pagination .disabled a,
-  .pagination .disabled button {
-    color: #cacaca;
-    cursor: default; }
-    .pagination .disabled a:hover,
-    .pagination .disabled button:hover {
-      background: transparent; }
-  .pagination .ellipsis::after {
-    content: '…';
-    padding: 0.1875rem 0.625rem;
-    color: #cacaca; }
-
-.progress {
-  background-color: #cacaca;
-  height: 1rem;
-  margin-bottom: 1rem; }
-  .progress.primary .progress-meter {
-    background-color: #2199e8; }
-  .progress.secondary .progress-meter {
-    background-color: #777; }
-  .progress.success .progress-meter {
-    background-color: #3adb76; }
-  .progress.alert .progress-meter {
-    background-color: #ec5840; }
-  .progress.warning .progress-meter {
-    background-color: #ffae00; }
-
-.progress-meter {
-  position: relative;
-  display: block;
-  width: 0%;
-  height: 100%;
-  background-color: #2199e8; }
-  .progress-meter .progress-meter-text {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-        -ms-transform: translate(-50%, -50%);
-            transform: translate(-50%, -50%);
-    margin: 0;
-    font-size: 0.75rem;
-    font-weight: bold;
-    color: #fefefe;
-    white-space: nowrap; }
-
-.reveal-overlay {
-  display: none;
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 1005;
-  background-color: rgba(10, 10, 10, 0.45);
-  overflow-y: scroll; }
-
-.reveal {
-  display: none;
-  z-index: 1006;
-  padding: 1rem;
-  border: 1px solid #cacaca;
-  margin: 100px auto 0 100px;
-  background-color: #fefefe; }
-  @media screen and (min-width: 40em) {
-    .reveal {
-      min-height: 0; } }
-  .reveal .column,
-  .reveal .columns,
-  .reveal .columns {
-    min-width: 0; }
-  .reveal > :last-child {
-    margin-bottom: 0; }
-  @media screen and (min-width: 40em) {
-    .reveal {
-      width: 600px;
-      max-width: rem-calc(1000); } }
-  .reveal.collapse {
-    padding: 0; }
-  @media screen and (min-width: 40em) {
-    .reveal .reveal {
-      left: auto;
-      right: auto;
-      margin: 0 auto; } }
-  @media screen and (min-width: 40em) {
-    .reveal.tiny {
-      width: 30%;
-      max-width: rem-calc(1000); } }
-  @media screen and (min-width: 40em) {
-    .reveal.small {
-      width: 50%;
-      max-width: rem-calc(1000); } }
-  @media screen and (min-width: 40em) {
-    .reveal.large {
-      width: 90%;
-      max-width: rem-calc(1000); } }
-  .reveal.full {
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    height: 100vh;
-    min-height: 100vh;
-    max-width: none;
-    margin-left: 0; }
-
-table {
-  margin-bottom: 1rem; }
-  thead,
-  tbody,
-  tfoot {
-    border: 1px solid #f1f1f1;
-    background-color: #fefefe; }
-  caption {
-    font-weight: bold;
-    padding: 0.5rem 0.625rem 0.625rem; }
-  thead,
-  tfoot {
-    background: #f8f8f8;
-    color: #0a0a0a; }
-    thead tr,
-    tfoot tr {
-      background: transparent; }
-    thead th,
-    thead td,
-    tfoot th,
-    tfoot td {
-      padding: 0.5rem 0.625rem 0.625rem;
-      font-weight: bold;
-      text-align: left; }
-  tbody tr:nth-child(even) {
-    background-color: #f1f1f1; }
-  tbody th,
-  tbody td {
-    padding: 0.5rem 0.625rem 0.625rem; }
-
-@media screen and (max-width: 63.9375em) {
-  table.stack thead {
-    display: none; }
-  table.stack tfoot {
-    display: none; }
-  table.stack tr,
-  table.stack th,
-  table.stack td {
-    display: block; }
-  table.stack td {
-    border-top: 0; } }
-
-table.scroll {
-  display: block;
-  width: 100%;
-  overflow-y: scroll; }
-
-table.hover tr:hover {
-  background-color: #f9f9f9; }
-
-table.hover tr:nth-of-type(even):hover {
-  background-color: #ececec; }
-
-.thumbnail {
-  border: solid 4px #fefefe;
-  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
-  display: inline-block;
-  line-height: 0;
-  max-width: 100%;
-  transition: box-shadow 200ms ease-out; }
-  .thumbnail:hover,
-  .thumbnail:focus {
-    box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }
-
-.docs-header,
-.docs-site-title,
-.docs-page-title,
-.docs-page-lead,
-.docs-heading,
-.docs-menu,
-.docs-sub-menu,
-.docs-big-index strong,
-.docs-small-index h4,
-.twitter-typeahead {
-  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }
-
-a > code {
-  background: transparent;
-  border: 0;
-  padding: 0;
-  color: #2199e8; }
-
-.docs-header {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  background: #2199e8;
-  color: #fefefe; }
-
-.docs-site-title {
-  font-size: 1rem;
-  font-weight: bold;
-  margin: 0;
-  display: inline-block;
-  margin-right: 1rem; }
-  .docs-site-title a {
-    color: #fefefe; }
-    .docs-site-title a:hover {
-      opacity: 0.75; }
-  .docs-site-title em {
-    font-style: normal;
-    opacity: 0.75; }
-
-.docs-header-link {
-  position: relative;
-  color: #fefefe;
-  font-weight: bold;
-  padding-right: 16px;
-  font-size: 0.75rem;
-  display: block;
-  margin-top: 0.5rem; }
-  .docs-header-link::after {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border: inset 5px;
-    border-color: #fefefe transparent transparent;
-    border-top-style: solid;
-    position: absolute;
-    top: 3px;
-    right: 0; }
-  .docs-header-link:hover {
-    opacity: 0.75; }
-  @media screen and (min-width: 40em) {
-    .docs-header-link {
-      font-size: 1rem;
-      float: right;
-      margin-top: 4px; }
-      .docs-header-link::after {
-        top: 6px; } }
-
-.docs-versions-menu {
-  background: #fff;
-  width: 200px;
-  box-shadow: 0 2px 10px rgba(10, 10, 10, 0.25);
-  position: absolute;
-  top: 5.3rem;
-  right: 0;
-  z-index: 1; }
-
-.zurb-footer-top {
-  padding: 40px 0;
-  color: white; }
-  .zurb-footer-top .row .columns::before,
-  .zurb-footer-top .row .columns::after {
-    content: ' ';
-    display: table; }
-  .zurb-footer-top .row .columns::after {
-    clear: both; }
-  .zurb-footer-top.zurb {
-    background-position: 10px 7px; }
-  .zurb-footer-top .property {
-    text-align: center; }
-    .zurb-footer-top .property .property-info {
-      padding-top: 37px; }
-    .zurb-footer-top .property h2 {
-      margin: 0;
-      padding: 0 !important; }
-      .zurb-footer-top .property h2 a {
-        transition: all 0.25s ease-in-out;
-        font-family: "zurb-logo";
-        font-weight: normal;
-        font-size: em-calc(18px);
-        padding: 0; }
-        .zurb-footer-top .property h2 a:hover {
-          opacity: 0.8; }
-        .zurb-footer-top .property h2 a.services {
-          width: 190px; }
-        .zurb-footer-top .property h2 a span {
-          display: none; }
-        .zurb-footer-top .property h2 a strong {
-          font-size: 17px;
-          margin-left: -7px; }
-    .zurb-footer-top .property h3 {
-      font-size: 1.4rem;
-      font-weight: bold;
-      color: white;
-      margin-bottom: 20px; }
-    .zurb-footer-top .property h4 {
-      font-size: 1.1rem;
-      font-weight: 200;
-      color: white;
-      margin-bottom: 10px;
-      text-transform: none; }
-    .zurb-footer-top .property p, .zurb-footer-top .property li, .zurb-footer-top .property a {
-      font-size: 13px;
-      line-height: 21px;
-      color: white; }
-    .zurb-footer-top .property a {
-      font-weight: bold;
-      color: white; }
-  .zurb-footer-top .learn-links,
-  .zurb-footer-top .support-links,
-  .zurb-footer-top .connect-links {
-    padding: 50px 0 0 0;
-    border-left: 1px solid rgba(255, 255, 255, 0.2);
-    background: url("../img/icons/footer-top-icons.png") no-repeat center 0;
-    height: 220px;
-    margin-bottom: 30px; }
-    .zurb-footer-top .learn-links ul,
-    .zurb-footer-top .support-links ul,
-    .zurb-footer-top .connect-links ul {
-      margin-left: 0px !important;
-      list-style: none; }
-    .zurb-footer-top .learn-links li,
-    .zurb-footer-top .support-links li,
-    .zurb-footer-top .connect-links li {
-      line-height: 20px; }
-  .zurb-footer-top .learn-links {
-    background-position: center -325px; }
-  .zurb-footer-top .support-links {
-    background-position: center -635px; }
-  .zurb-footer-top .connect-links {
-    padding: 50px 20px 0;
-    background-position: center -9px; }
-    .zurb-footer-top .connect-links .button {
-      font-size: 12px;
-      font-weight: normal;
-      background: rgba(0, 0, 0, 0.1);
-      color: #FFF !important;
-      font-weight: bold;
-      text-shadow: none;
-      box-shadow: none;
-      border: none;
-      padding: 6px 16px; }
-  .zurb-footer-top .global {
-    border-top: 1px solid rgba(255, 255, 255, 0.2); }
-    .zurb-footer-top .global .footer-link-block {
-      font-weight: normal;
-      display: block;
-      margin: 30px 0 0 0; }
-      .zurb-footer-top .global .footer-link-block.services {
-        background: url("../img/icons/footer-studios.png") left top no-repeat; }
-      .zurb-footer-top .global .footer-link-block.foundation {
-        background: url("../img/icons/footer-foundation.png") left top no-repeat; }
-      .zurb-footer-top .global .footer-link-block.apps {
-        background: url("../img/icons/footer-products.png") left top no-repeat; }
-      .zurb-footer-top .global .footer-link-block.expo {
-        background: url("../img/icons/footer-expo.png") left top no-repeat; }
-      .zurb-footer-top .global .footer-link-block span {
-        display: block;
-        color: white;
-        font-size: 0.75rem;
-        padding-left: 40px;
-        line-height: 18px; }
-        .zurb-footer-top .global .footer-link-block span.title {
-          font-size: 1.0rem;
-          margin-bottom: 5px; }
-
-.zurb-footer-bottom {
-  background: #333;
-  padding: 24px 0 10px; }
-  .zurb-footer-bottom .design-border {
-    border-bottom: 1px solid #484848;
-    padding-bottom: 5px;
-    margin-bottom: 25px; }
-  .zurb-footer-bottom .zurb-logo {
-    color: #858585;
-    font-weight: normal;
-    background: url("../img/icons/footer-icons.png") no-repeat 0 3px;
-    padding: 23px 0 0 0 !important;
-    font-size: em-calc(16px);
-    display: inline-block;
-    width: 90px; }
-    .zurb-footer-bottom .zurb-logo:hover {
-      opacity: 0.8; }
-  .zurb-footer-bottom .zurb-links {
-    margin: 0;
-    display: inline-block;
-    padding-bottom: 0px; }
-    .zurb-footer-bottom .zurb-links li {
-      display: block;
-      float: left;
-      margin-left: 6px;
-      text-transform: uppercase;
-      font-weight: 700;
-      font-size: 0.75rem; }
-    .zurb-footer-bottom .zurb-links a {
-      color: #666;
-      padding: 3px 6px; }
-      .zurb-footer-bottom .zurb-links a:hover {
-        color: #777; }
-  .zurb-footer-bottom .copyright {
-    margin: 6px 0 0;
-    font-size: 0.75rem;
-    color: #666; }
-  .zurb-footer-bottom .home-social {
-    display: block;
-    float: right;
-    margin-bottom: 8px; }
-    .zurb-footer-bottom .home-social li {
-      list-style: none;
-      display: block;
-      float: left;
-      margin-left: 10px; }
-      .zurb-footer-bottom .home-social li:first-child {
-        margin-left: 0; }
-    .zurb-footer-bottom .home-social a {
-      display: block;
-      height: 50px;
-      width: 50px;
-      background: url("../img/icons/social.png") no-repeat center 0; }
-      .zurb-footer-bottom .home-social a:hover {
-        opacity: 0.8; }
-      .zurb-footer-bottom .home-social a.twitter {
-        background-position: center 0; }
-      .zurb-footer-bottom .home-social a.facebook {
-        background-position: center -200px; }
-      .zurb-footer-bottom .home-social a.mail {
-        background-position: center -400px; }
-
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
-  .zurb-footer-top .property {
-    padding-top: 0px; }
-    .zurb-footer-top .property .learn-links,
-    .zurb-footer-top .property .support-links,
-    .zurb-footer-top .property .connect-links {
-      height: 240px;
-      padding: 50px 10px 0; } }
-
-@media only screen and (max-width: 767px) {
-  .zurb-footer-top .property .property-info {
-    padding-top: 0px; }
-  .zurb-footer-top .property .learn-links,
-  .zurb-footer-top .property .support-links,
-  .zurb-footer-top .property .connect-links {
-    border: none;
-    height: auto;
-    padding: 80px 20px 0;
-    margin: 4px 0 0 0;
-    border-top: 1px dotted rgba(255, 255, 255, 0.2); }
-    .zurb-footer-top .property .learn-links li a,
-    .zurb-footer-top .property .support-links li a,
-    .zurb-footer-top .property .connect-links li a {
-      font-size: 15px;
-      line-height: 2; }
-    .zurb-footer-top .property .learn-links p,
-    .zurb-footer-top .property .learn-links a,
-    .zurb-footer-top .property .support-links p,
-    .zurb-footer-top .property .support-links a,
-    .zurb-footer-top .property .connect-links p, .zurb-footer-top .property .connect-links a {
-      font-size: 16px; }
-  .zurb-footer-top .property .learn-links {
-    background-position: center -300px;
-    padding-top: 76px 20px 0; }
-  .zurb-footer-top .property .support-links {
-    padding: 76px 20px 0;
-    background-position: center -618px; }
-  .zurb-footer-top .property .connect-links {
-    padding: 76px 20px 14px;
-    background-position: center 10px; }
-  .zurb-footer-top .global {
-    border: none; }
-  .zurb-footer-top .footer-link-block.services {
-    border-top: 1px dotted rgba(255, 255, 255, 0.2);
-    padding-top: 40px;
-    margin-top: 0;
-    background-position: center 10px !important; }
-  .zurb-footer-top .footer-link-block span {
-    font-size: em-calc(11px);
-    line-height: 16px; }
-  .zurb-footer-bottom {
-    text-align: center; }
-    .zurb-footer-bottom .columns {
-      padding: 0; }
-    .zurb-footer-bottom .zurb-logo {
-      display: block;
-      margin: 0 auto; }
-    .zurb-footer-bottom .zurb-links {
-      margin: 16px 0 10px; }
-    .zurb-footer-bottom .home-social {
-      float: none;
-      margin: 0 0 20px 0;
-      text-align: center;
-      height: 44px;
-      display: inline-block; } }
-
-@media only screen and (max-width: 767px) {
-  .zurb-footer-top .property .connect-links {
-    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
-    margin-bottom: 20px; }
-  .zurb-footer-top .global .footer-link-block {
-    padding-top: 50px;
-    text-align: center;
-    margin: 0 !important;
-    clear: both; }
-    .zurb-footer-top .global .footer-link-block span {
-      padding-left: 0px; }
-    .zurb-footer-top .global .footer-link-block.services {
-      border-top: 0;
-      background-position: center 15px !important; }
-    .zurb-footer-top .global .footer-link-block.foundation {
-      background-position: center 15px !important; }
-    .zurb-footer-top .global .footer-link-block.apps {
-      padding-top: 80px;
-      background-position: center 45px !important; }
-    .zurb-footer-top .global .footer-link-block.expo {
-      padding-top: 80px;
-      background-position: center 45px !important; }
-  .zurb-footer-top .property .learn-links {
-    background: none;
-    border: none;
-    padding-top: 0;
-    margin: 0; } }
-
-@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
-  .zurb-footer-top .info-padding {
-    background-image: url("../img/icons/footer-large-icon-retina.png");
-    background-size: 100px 400px; }
-  .zurb-footer-bottom ul.home-social li a {
-    background-image: url("../img/icons/social-retina.png");
-    background-size: 50px 600px; }
-  .zurb-footer-top .global .footer-link-block {
-    font-weight: normal;
-    display: block;
-    margin: 30px 0 0 0; }
-    .zurb-footer-top .global .footer-link-block.services {
-      background: url("../img/icons/footer-studios-retina.png") left top no-repeat; }
-    .zurb-footer-top .global .footer-link-block.foundation {
-      background-image: url("../img/icons/footer-foundation-retina.png") left top no-repeat; }
-    .zurb-footer-top .global .footer-link-block.apps {
-      background-image: url("../img/icons/footer-products-retina.png") left top no-repeat; }
-    .zurb-footer-top .global .footer-link-block.expo {
-      background-image: url("../img/icons/footer-expo-retina.png") left top no-repeat; }
-  .zurb-footer-bottom a.zurb-logo {
-    background-image: url("../img/icons/footer-icons-retina.png");
-    background-size: 100px 1400px; }
-  .zurb-footer-top .property .learn-links,
-  .zurb-footer-top .property .support-links,
-  .zurb-footer-top .property .connect-links {
-    background-image: url("../img/icons/footer-top-icons-retina.png");
-    background-size: 100px 1400px; } }
-
-@media only screen and (max-width: 320px), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
-  .zurb-footer-top .info-padding {
-    background-image: url("../img/icons/footer-large-icon-retina.png");
-    background-size: 100px 400px; }
-  .zurb-footer-bottom ul.home-social li a {
-    background-image: url("../img/icons/social-retina.png");
-    background-size: 50px 600px; }
-  .zurb-footer-top .global .footer-link-block {
-    font-weight: normal;
-    display: block;
-    margin: 30px 0 0 0; }
-    .zurb-footer-top .global .footer-link-block.services {
-      background: url("../img/icons/footer-studios-retina.png") left top no-repeat;
-      background-size: 30px; }
-    .zurb-footer-top .global .footer-link-block.foundation {
-      background: url("../img/icons/footer-foundation-retina.png") left top no-repeat;
-      background-size: 30px; }
-    .zurb-footer-top .global .footer-link-block.apps {
-      background: url("../img/icons/footer-products-retina.png") left top no-repeat;
-      background-size: 30px; }
-    .zurb-footer-top .global .footer-link-block.expo {
-      background: url("../img/icons/footer-expo-retina.png") left top no-repeat;
-      background-size: 30px; }
-  .zurb-footer-bottom .zurb-logo {
-    background-image: url("../img/icons/footer-icons-retina.png");
-    background-size: 100px 1400px; }
-  .zurb-footer-top .property .support-links,
-  .zurb-footer-top .property .connect-links {
-    background-image: url("../img/icons/footer-top-icons-retina.png");
-    background-size: 100px 1400px; } }
-
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
-  .zurb-footer-top .property .learn-links {
-    background: none; } }
-
-.zurb-footer-top.bg-blue {
-  background: #2DAEBF; }
-
-.zurb-footer-top.bg-fblue {
-  background: #074e68; }
-
-.zurb-footer-top.bg-green {
-  background: #B8D30B; }
-
-.zurb-footer-top.bg-dgreen {
-  background: #afc908; }
-
-.zurb-footer-top.bg-magenta {
-  background: #A9014B; }
-
-.zurb-footer-top.bg-orange {
-  background: #FF5C00; }
-
-.zurb-footer-top.bg-lorange {
-  background: #FF6908; }
-
-.zurb-footer-top.bg-oyellow {
-  background: #FC9200; }
-
-.zurb-footer-top.bg-loyellow {
-  background: #FFB515; }
-
-.zurb-footer-top.bg-navy {
-  background: #074e68; }
-
-.docs-menu.menu-bar {
-  margin-top: 0.5rem;
-  background: #fafafa;
-  padding-top: 1rem;
-  padding-bottom: 1rem; }
-  .docs-menu.menu-bar li small {
-    color: #999;
-    text-transform: uppercase;
-    font-weight: bold;
-    font-size: 60%;
-    display: block;
-    margin-top: 5px; }
-  .docs-menu.menu-bar a {
-    font-size: .85rem;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem; }
-    .docs-menu.menu-bar a:hover {
-      background: rgba(0, 0, 0, 0.05); }
-
-.docs-menu-title {
-  text-transform: uppercase;
-  font-size: 0.75rem;
-  color: #999;
-  font-weight: bold;
-  line-height: 1;
-  padding-left: 0.9rem;
-  margin-bottom: 0.5rem; }
-  .docs-menu-title:not(:first-of-type) {
-    margin-top: 1rem;
-    padding-top: 1.5rem;
-    border-top: 1px solid #e9e9e9; }
-
-.docs-menu-ph {
-  opacity: 0.5;
-  pointer-events: none; }
-
-.docs-sub-menu {
-  font-size: 0.85rem;
-  margin-top: 1rem; }
-
-.docs-newsletter {
-  padding: 20px 0;
-  background: #085a78;
-  padding: 10px 0 10px 0;
-  margin-top: 2rem; }
-  .docs-newsletter h5 {
-    font-size: 20px;
-    font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
-    font-weight: 400;
-    margin-bottom: 0px;
-    margin-top: 10px;
-    color: #fff;
-    line-height: 24px; }
-  .docs-newsletter p {
-    clear: both;
-    font-size: 13px;
-    padding-top: 2px;
-    color: #fff; }
-  .docs-newsletter a {
-    color: #fff; }
-  .docs-newsletter .row.collapse form input[type="text"] {
-    font-size: 17px;
-    font-weight: 200;
-    color: #999;
-    border: 0; }
-  .docs-newsletter .row.collapse form .button {
-    border: 0;
-    box-shadow: none;
-    background: #257696; }
-  .docs-newsletter .row.collapse form .button:hover {
-    background: #1b566d; }
-
-.docs-page-title {
-  margin-top: 0.5rem; }
-
-.docs-component section {
-  position: relative; }
-
-.docs-heading {
-  position: relative; }
-
-.docs-heading-icon {
-  display: none;
-  position: absolute;
-  right: 100%;
-  width: 2rem;
-  font-size: 2rem;
-  top: 0.4rem;
-  margin-right: -0.1rem; }
-  .docs-heading-icon::before {
-    font-family: "foundation-icons";
-    content: "\f165";
-    color: #999; }
-  .docs-heading-icon:hover,
-  .docs-heading:hover .docs-heading-icon {
-    display: block; }
-  h3 > .docs-heading-icon {
-    font-size: 1.6rem;
-    top: 0.25rem;
-    margin-right: -0.3rem; }
-  h4 > .docs-heading-icon {
-    font-size: 1.6rem;
-    top: 0.25rem;
-    margin-right: -0.3rem; }
-
-.docs-code, pre {
-  position: relative; }
-  .docs-code code, pre code {
-    display: block;
-    overflow-x: auto;
-    padding: 1rem;
-    background: #f9f9f9;
-    margin-bottom: 1.5rem; }
-  .docs-reference .docs-code code, .docs-reference pre code {
-    padding: 0.75rem;
-    margin-bottom: 0.75rem; }
-
-.docs-code.kitchen-sink {
-  border: 1px solid #cacaca;
-  max-height: 300px;
-  overflow-y: scroll;
-  margin-bottom: 1rem; }
-  .docs-code.kitchen-sink code {
-    border: 0; }
-
-.docs-code .bash {
-  border: 0;
-  background: #333;
-  color: white;
-  border-radius: 4px;
-  position: relative;
-  padding-top: 2rem; }
-  .docs-code .bash::before {
-    content: '$ ';
-    color: #ccc; }
-  .docs-code .bash::after {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 1.25rem;
-    background: #777;
-    border-radius: 4px 4px 0 0; }
-
-.docs-code-copy {
-  position: absolute;
-  top: 0;
-  right: 0;
-  background: #2199e8;
-  color: white;
-  font-size: 0.8rem;
-  padding: 0.75rem 1rem;
-  z-index: 1; }
-  .docs-code-copy:hover,
-  .docs-code-copy.zeroclipboard-is-hover {
-    background: #1893e4; }
-
-.docs-code-toggle {
-  display: block;
-  margin-bottom: 0.5rem;
-  font-weight: bold; }
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #333;
-  background: #f8f8f8;
-  -webkit-text-size-adjust: none; }
-
-.hljs-comment,
-.diff .hljs-header,
-.hljs-javadoc {
-  color: #998;
-  font-style: italic; }
-
-.hljs-keyword,
-.css .rule .hljs-keyword,
-.hljs-winutils,
-.nginx .hljs-title,
-.hljs-subst,
-.hljs-request,
-.hljs-status {
-  color: #333;
-  font-weight: bold; }
-
-.hljs-number,
-.hljs-hexcolor,
-.ruby .hljs-constant {
-  color: #008080; }
-
-.hljs-string,
-.hljs-tag .hljs-value,
-.hljs-phpdoc,
-.hljs-dartdoc,
-.tex .hljs-formula {
-  color: #d14; }
-
-.hljs-title,
-.hljs-id,
-.scss .hljs-preprocessor {
-  color: #900;
-  font-weight: bold; }
-
-.hljs-list .hljs-keyword,
-.hljs-subst {
-  font-weight: normal; }
-
-.hljs-class .hljs-title,
-.hljs-type,
-.vhdl .hljs-literal,
-.tex .hljs-command {
-  color: #458;
-  font-weight: bold; }
-
-.hljs-tag,
-.hljs-tag .hljs-title,
-.hljs-rule .hljs-property,
-.django .hljs-tag .hljs-keyword {
-  color: #000080;
-  font-weight: normal; }
-
-.hljs-attribute,
-.hljs-variable,
-.lisp .hljs-body,
-.hljs-name {
-  color: #008080; }
-
-.hljs-regexp {
-  color: #009926; }
-
-.hljs-symbol,
-.ruby .hljs-symbol .hljs-string,
-.lisp .hljs-keyword,
-.clojure .hljs-keyword,
-.scheme .hljs-keyword,
-.tex .hljs-special,
-.hljs-prompt {
-  color: #990073; }
-
-.hljs-built_in {
-  color: #0086b3; }
-
-.hljs-preprocessor,
-.hljs-pragma,
-.hljs-pi,
-.hljs-doctype,
-.hljs-shebang,
-.hljs-cdata {
-  color: #999;
-  font-weight: bold; }
-
-.hljs-deletion {
-  background: #fdd; }
-
-.hljs-addition {
-  background: #dfd; }
-
-.diff .hljs-change {
-  background: #0086b3; }
-
-.hljs-chunk {
-  color: #aaa; }
-
-.hljs-at_rule {
-  color: #333; }
-
-.hljs-at_rule .hljs-keyword {
-  color: #a71d5d;
-  font-weight: normal; }
-
-.hljs-at_rule .hljs-preprocessor {
-  color: #0086b3;
-  font-weight: normal; }
-
-.scss .hljs-attribute {
-  color: #008080; }
-
-.scss .hljs-function {
-  color: #008080; }
-
-.scss .hljs-class {
-  color: #795da3; }
-
-.docs-variable-table {
-  width: 100%;
-  border: 0; }
-  @media screen and (max-width: 63.9375em) {
-    .docs-variable-table thead {
-      display: none; }
-    .docs-variable-table tfoot {
-      display: none; }
-    .docs-variable-table tr,
-    .docs-variable-table th,
-    .docs-variable-table td {
-      display: block; }
-    .docs-variable-table td {
-      border-top: 0; } }
-  .docs-variable-table thead {
-    border: 0;
-    background: transparent;
-    border-bottom: 2px solid #cacaca; }
-    .docs-variable-table thead th {
-      text-align: left;
-      white-space: nowrap; }
-  .docs-variable-table tbody {
-    border: 0; }
-  .docs-variable-table code {
-    background: transparent;
-    color: #222;
-    border: 0;
-    padding: 0; }
-  .docs-variable-table td:first-child {
-    white-space: nowrap; }
-    .docs-variable-table td:first-child code {
-      font-weight: bold; }
-  .docs-variable-table .map {
-    white-space: nowrap; }
-  .docs-variable-table td > p:last-child {
-    margin-bottom: 0; }
-  .docs-variable-table code > span {
-    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
-  .docs-variable-table tbody tr:hover {
-    background: transparent; }
-  .docs-variable-table tbody tr:nth-of-type(even):hover {
-    background: #f3f3f3; }
-
-.row.display {
-  background: #eee;
-  font-size: 11px;
-  margin-bottom: 10px;
-  line-height: 2rem;
-  border: solid 1px #c6c6c6;
-  margin-left: 0 !important;
-  margin-right: 0 !important; }
-  .row.display .columns:nth-child(2),
-  .row.display .columns.small-centered,
-  .row.display .columns.large-centered {
-    background: #e1e1e1; }
-  .row.display .columns.color-end {
-    background: #d4d4d4; }
-
-.row.display-end {
-  background: #fff;
-  font-size: 11px;
-  margin-bottom: 10px;
-  line-height: 2rem;
-  border: solid 1px #c6c6c6;
-  margin-left: 0 !important;
-  margin-right: 0 !important; }
-  .row.display-end .columns {
-    background: #e1e1e1;
-    border-left: 1px solid #c6c6c6; }
-    .row.display-end .columns.color-end {
-      background: #d4d4d4; }
-
-#docs-flex-grid .docs-code-live .row {
-  max-width: rem-calc(1000);
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-flow: row wrap;
-      -ms-flex-flow: row wrap;
-          flex-flow: row wrap;
-  margin-left: auto;
-  margin-right: auto; }
-  #docs-flex-grid .docs-code-live .row #docs-flex-grid .docs-code-live .row,
-  .column-row #docs-flex-grid .docs-code-live .row {
-    margin-left: -0.9375rem;
-    margin-right: -0.9375rem; }
-
-#docs-flex-grid .docs-code-live .column,
-#docs-flex-grid .docs-code-live .columns {
-  -webkit-flex: 1 1 0;
-      -ms-flex: 1 1 0;
-          flex: 1 1 0;
-  padding-left: 0.9375rem;
-  padding-right: 0.9375rem; }
-
-@media screen {
-  #docs-flex-grid .docs-code-live .small-1 {
-    -webkit-flex: 0 0 8.33333%;
-        -ms-flex: 0 0 8.33333%;
-            flex: 0 0 8.33333%; }
-  #docs-flex-grid .docs-code-live .small-2 {
-    -webkit-flex: 0 0 16.66667%;
-        -ms-flex: 0 0 16.66667%;
-            flex: 0 0 16.66667%; }
-  #docs-flex-grid .docs-code-live .small-3 {
-    -webkit-flex: 0 0 25%;
-        -ms-flex: 0 0 25%;
-            flex: 0 0 25%; }
-  #docs-flex-grid .docs-code-live .small-4 {
-    -webkit-flex: 0 0 33.33333%;
-        -ms-flex: 0 0 33.33333%;
-            flex: 0 0 33.33333%; }
-  #docs-flex-grid .docs-code-live .small-5 {
-    -webkit-flex: 0 0 41.66667%;
-        -ms-flex: 0 0 41.66667%;
-            flex: 0 0 41.66667%; }
-  #docs-flex-grid .docs-code-live .small-6 {
-    -webkit-flex: 0 0 50%;
-        -ms-flex: 0 0 50%;
-            flex: 0 0 50%; }
-  #docs-flex-grid .docs-code-live .small-7 {
-    -webkit-flex: 0 0 58.33333%;
-        -ms-flex: 0 0 58.33333%;
-            flex: 0 0 58.33333%; }
-  #docs-flex-grid .docs-code-live .small-8 {
-    -webkit-flex: 0 0 66.66667%;
-        -ms-flex: 0 0 66.66667%;
-            flex: 0 0 66.66667%; }
-  #docs-flex-grid .docs-code-live .small-9 {
-    -webkit-flex: 0 0 75%;
-        -ms-flex: 0 0 75%;
-            flex: 0 0 75%; }
-  #docs-flex-grid .docs-code-live .small-10 {
-    -webkit-flex: 0 0 83.33333%;
-        -ms-flex: 0 0 83.33333%;
-            flex: 0 0 83.33333%; }
-  #docs-flex-grid .docs-code-live .small-11 {
-    -webkit-flex: 0 0 91.66667%;
-        -ms-flex: 0 0 91.66667%;
-            flex: 0 0 91.66667%; }
-  #docs-flex-grid .docs-code-live .small-12 {
-    -webkit-flex: 0 0 100%;
-        -ms-flex: 0 0 100%;
-            flex: 0 0 100%; } }
-
-@media screen and (min-width: 40em) {
-  #docs-flex-grid .docs-code-live .medium-1 {
-    -webkit-flex: 0 0 8.33333%;
-        -ms-flex: 0 0 8.33333%;
-            flex: 0 0 8.33333%; }
-  #docs-flex-grid .docs-code-live .medium-2 {
-    -webkit-flex: 0 0 16.66667%;
-        -ms-flex: 0 0 16.66667%;
-            flex: 0 0 16.66667%; }
-  #docs-flex-grid .docs-code-live .medium-3 {
-    -webkit-flex: 0 0 25%;
-        -ms-flex: 0 0 25%;
-            flex: 0 0 25%; }
-  #docs-flex-grid .docs-code-live .medium-4 {
-    -webkit-flex: 0 0 33.33333%;
-        -ms-flex: 0 0 33.33333%;
-            flex: 0 0 33.33333%; }
-  #docs-flex-grid .docs-code-live .medium-5 {
-    -webkit-flex: 0 0 41.66667%;
-        -ms-flex: 0 0 41.66667%;
-            flex: 0 0 41.66667%; }
-  #docs-flex-grid .docs-code-live .medium-6 {
-    -webkit-flex: 0 0 50%;
-        -ms-flex: 0 0 50%;
-            flex: 0 0 50%; }
-  #docs-flex-grid .docs-code-live .medium-7 {
-    -webkit-flex: 0 0 58.33333%;
-        -ms-flex: 0 0 58.33333%;
-            flex: 0 0 58.33333%; }
-  #docs-flex-grid .docs-code-live .medium-8 {
-    -webkit-flex: 0 0 66.66667%;
-        -ms-flex: 0 0 66.66667%;
-            flex: 0 0 66.66667%; }
-  #docs-flex-grid .docs-code-live .medium-9 {
-    -webkit-flex: 0 0 75%;
-        -ms-flex: 0 0 75%;
-            flex: 0 0 75%; }
-  #docs-flex-grid .docs-code-live .medium-10 {
-    -webkit-flex: 0 0 83.33333%;
-        -ms-flex: 0 0 83.33333%;
-            flex: 0 0 83.33333%; }
-  #docs-flex-grid .docs-code-live .medium-11 {
-    -webkit-flex: 0 0 91.66667%;
-        -ms-flex: 0 0 91.66667%;
-            flex: 0 0 91.66667%; }
-  #docs-flex-grid .docs-code-live .medium-12 {
-    -webkit-flex: 0 0 100%;
-        -ms-flex: 0 0 100%;
-            flex: 0 0 100%; } }
-
-@media screen and (min-width: 64em) {
-  #docs-flex-grid .docs-code-live .large-1 {
-    -webkit-flex: 0 0 8.33333%;
-        -ms-flex: 0 0 8.33333%;
-            flex: 0 0 8.33333%; }
-  #docs-flex-grid .docs-code-live .large-2 {
-    -webkit-flex: 0 0 16.66667%;
-        -ms-flex: 0 0 16.66667%;
-            flex: 0 0 16.66667%; }
-  #docs-flex-grid .docs-code-live .large-3 {
-    -webkit-flex: 0 0 25%;
-        -ms-flex: 0 0 25%;
-            flex: 0 0 25%; }
-  #docs-flex-grid .docs-code-live .large-4 {
-    -webkit-flex: 0 0 33.33333%;
-        -ms-flex: 0 0 33.33333%;
-            flex: 0 0 33.33333%; }
-  #docs-flex-grid .docs-code-live .large-5 {
-    -webkit-flex: 0 0 41.66667%;
-        -ms-flex: 0 0 41.66667%;
-            flex: 0 0 41.66667%; }
-  #docs-flex-grid .docs-code-live .large-6 {
-    -webkit-flex: 0 0 50%;
-        -ms-flex: 0 0 50%;
-            flex: 0 0 50%; }
-  #docs-flex-grid .docs-code-live .large-7 {
-    -webkit-flex: 0 0 58.33333%;
-        -ms-flex: 0 0 58.33333%;
-            flex: 0 0 58.33333%; }
-  #docs-flex-grid .docs-code-live .large-8 {
-    -webkit-flex: 0 0 66.66667%;
-        -ms-flex: 0 0 66.66667%;
-            flex: 0 0 66.66667%; }
-  #docs-flex-grid .docs-code-live .large-9 {
-    -webkit-flex: 0 0 75%;
-        -ms-flex: 0 0 75%;
-            flex: 0 0 75%; }
-  #docs-flex-grid .docs-code-live .large-10 {
-    -webkit-flex: 0 0 83.33333%;
-        -ms-flex: 0 0 83.33333%;
-            flex: 0 0 83.33333%; }
-  #docs-flex-grid .docs-code-live .large-11 {
-    -webkit-flex: 0 0 91.66667%;
-        -ms-flex: 0 0 91.66667%;
-            flex: 0 0 91.66667%; }
-  #docs-flex-grid .docs-code-live .large-12 {
-    -webkit-flex: 0 0 100%;
-        -ms-flex: 0 0 100%;
-            flex: 0 0 100%; } }
-
-@media screen and (min-width: 40em) {
-  #docs-flex-grid .docs-code-live .medium-expand {
-    -webkit-flex: 1 1 0;
-        -ms-flex: 1 1 0;
-            flex: 1 1 0; } }
-
-@media screen and (min-width: 64em) {
-  #docs-flex-grid .docs-code-live .large-expand {
-    -webkit-flex: 1 1 0;
-        -ms-flex: 1 1 0;
-            flex: 1 1 0; } }
-
-#docs-flex-grid .docs-code-live .shrink {
-  -webkit-flex: 0 0 auto;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto; }
-
-#docs-flex-grid .docs-code-live .row.medium-unstack .column, #docs-flex-grid .docs-code-live .row.medium-unstack .columns {
-  -webkit-flex: 0 0 100%;
-      -ms-flex: 0 0 100%;
-          flex: 0 0 100%; }
-  @media screen and (min-width: 40em) {
-    #docs-flex-grid .docs-code-live .row.medium-unstack .column, #docs-flex-grid .docs-code-live .row.medium-unstack .columns {
-      -webkit-flex: 1 1 0;
-          -ms-flex: 1 1 0;
-              flex: 1 1 0; } }
-
-#docs-flex-grid .docs-code-live .row.large-unstack .column, #docs-flex-grid .docs-code-live .row.large-unstack .columns {
-  -webkit-flex: 0 0 100%;
-      -ms-flex: 0 0 100%;
-          flex: 0 0 100%; }
-  @media screen and (min-width: 64em) {
-    #docs-flex-grid .docs-code-live .row.large-unstack .column, #docs-flex-grid .docs-code-live .row.large-unstack .columns {
-      -webkit-flex: 1 1 0;
-          -ms-flex: 1 1 0;
-              flex: 1 1 0; } }
-
-@media screen {
-  #docs-flex-grid .docs-code-live .small-order-1 {
-    -webkit-order: 1;
-        -ms-flex-order: 1;
-            order: 1; }
-  #docs-flex-grid .docs-code-live .small-order-2 {
-    -webkit-order: 2;
-        -ms-flex-order: 2;
-            order: 2; }
-  #docs-flex-grid .docs-code-live .small-order-3 {
-    -webkit-order: 3;
-        -ms-flex-order: 3;
-            order: 3; }
-  #docs-flex-grid .docs-code-live .small-order-4 {
-    -webkit-order: 4;
-        -ms-flex-order: 4;
-            order: 4; }
-  #docs-flex-grid .docs-code-live .small-order-5 {
-    -webkit-order: 5;
-        -ms-flex-order: 5;
-            order: 5; }
-  #docs-flex-grid .docs-code-live .small-order-6 {
-    -webkit-order: 6;
-        -ms-flex-order: 6;
-            order: 6; } }
-
-@media screen and (min-width: 40em) {
-  #docs-flex-grid .docs-code-live .medium-order-1 {
-    -webkit-order: 1;
-        -ms-flex-order: 1;
-            order: 1; }
-  #docs-flex-grid .docs-code-live .medium-order-2 {
-    -webkit-order: 2;
-        -ms-flex-order: 2;
-            order: 2; }
-  #docs-flex-grid .docs-code-live .medium-order-3 {
-    -webkit-order: 3;
-        -ms-flex-order: 3;
-            order: 3; }
-  #docs-flex-grid .docs-code-live .medium-order-4 {
-    -webkit-order: 4;
-        -ms-flex-order: 4;
-            order: 4; }
-  #docs-flex-grid .docs-code-live .medium-order-5 {
-    -webkit-order: 5;
-        -ms-flex-order: 5;
-            order: 5; }
-  #docs-flex-grid .docs-code-live .medium-order-6 {
-    -webkit-order: 6;
-        -ms-flex-order: 6;
-            order: 6; } }
-
-@media screen and (min-width: 64em) {
-  #docs-flex-grid .docs-code-live .large-order-1 {
-    -webkit-order: 1;
-        -ms-flex-order: 1;
-            order: 1; }
-  #docs-flex-grid .docs-code-live .large-order-2 {
-    -webkit-order: 2;
-        -ms-flex-order: 2;
-            order: 2; }
-  #docs-flex-grid .docs-code-live .large-order-3 {
-    -webkit-order: 3;
-        -ms-flex-order: 3;
-            order: 3; }
-  #docs-flex-grid .docs-code-live .large-order-4 {
-    -webkit-order: 4;
-        -ms-flex-order: 4;
-            order: 4; }
-  #docs-flex-grid .docs-code-live .large-order-5 {
-    -webkit-order: 5;
-        -ms-flex-order: 5;
-            order: 5; }
-  #docs-flex-grid .docs-code-live .large-order-6 {
-    -webkit-order: 6;
-        -ms-flex-order: 6;
-            order: 6; } }
-
-#docs-flex-grid .docs-code-live .row.align-right {
-  -webkit-justify-content: flex-end;
-      -ms-flex-pack: end;
-          justify-content: flex-end; }
-
-#docs-flex-grid .docs-code-live .row.align-center {
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center; }
-
-#docs-flex-grid .docs-code-live .row.align-justify {
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between; }
-
-#docs-flex-grid .docs-code-live .row.align-spaced {
-  -webkit-justify-content: space-around;
-      -ms-flex-pack: distribute;
-          justify-content: space-around; }
-
-#docs-flex-grid .docs-code-live .row.align-top {
-  -webkit-align-items: flex-start;
-      -ms-flex-align: start;
-          align-items: flex-start; }
-
-#docs-flex-grid .docs-code-live .column.align-top, #docs-flex-grid .docs-code-live .align-top.columns {
-  -webkit-align-self: flex-start;
-      -ms-flex-item-align: start;
-          align-self: flex-start; }
-
-#docs-flex-grid .docs-code-live .row.align-bottom {
-  -webkit-align-items: flex-end;
-      -ms-flex-align: end;
-          align-items: flex-end; }
-
-#docs-flex-grid .docs-code-live .column.align-bottom, #docs-flex-grid .docs-code-live .align-bottom.columns {
-  -webkit-align-self: flex-end;
-      -ms-flex-item-align: end;
-          align-self: flex-end; }
-
-#docs-flex-grid .docs-code-live .row.align-middle {
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center; }
-
-#docs-flex-grid .docs-code-live .column.align-middle, #docs-flex-grid .docs-code-live .align-middle.columns {
-  -webkit-align-self: center;
-      -ms-flex-item-align: center;
-          align-self: center; }
-
-#docs-flex-grid .docs-code-live .row.align-stretch {
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch; }
-
-#docs-flex-grid .docs-code-live .column.align-stretch, #docs-flex-grid .docs-code-live .align-stretch.columns {
-  -webkit-align-self: stretch;
-      -ms-flex-item-align: stretch;
-          align-self: stretch; }
-
-#docs-flex-grid .docs-code-live .row {
-  background: #f9f9f9;
-  font-size: 11px;
-  margin-bottom: 10px;
-  line-height: 2rem;
-  border: solid 1px #c6c6c6;
-  margin-left: 0;
-  margin-right: 0;
-  margin-bottom: 1.5rem; }
-
-#docs-flex-grid .docs-code-live .column,
-#docs-flex-grid .docs-code-live .columns,
-#docs-flex-grid .docs-code-live .columns {
-  float: none;
-  width: auto;
-  margin-right: -1px; }
-  #docs-flex-grid .docs-code-live .column:nth-child(odd),
-  #docs-flex-grid .docs-code-live .columns:nth-child(odd),
-  #docs-flex-grid .docs-code-live .columns:nth-child(odd) {
-    background: #eee; }
-  #docs-flex-grid .docs-code-live .column:nth-child(even),
-  #docs-flex-grid .docs-code-live .columns:nth-child(even),
-  #docs-flex-grid .docs-code-live .columns:nth-child(even) {
-    background: #ddd; }
-
-.docs-example-modal {
-  display: block;
-  position: static;
-  width: 100%;
-  max-width: none;
-  margin-bottom: 1rem; }
-
-.docs-example-burger {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  cursor: pointer;
-  width: 30px;
-  height: 23px; }
-  .docs-example-burger::after {
-    content: '';
-    position: absolute;
-    display: block;
-    width: 100%;
-    height: 4px;
-    background: #0a0a0a;
-    box-shadow: 0 9px 0 #0a0a0a, 0 18px 0 #0a0a0a; }
-  .docs-example-burger:hover::after {
-    background: #8a8a8a;
-    box-shadow: 0 9px 0 #8a8a8a, 0 18px 0 #8a8a8a; }
-
-.docs-color-block {
-  border: 1px solid #ccc;
-  padding: 0.5rem;
-  margin-bottom: 1rem;
-  text-align: center; }
-  .docs-color-block > div:first-child {
-    width: 100%;
-    height: 50px;
-    margin-bottom: 0.5rem; }
-  .docs-color-block > p {
-    margin: 0; }
-  .docs-color-block-primary {
-    background: #2199e8; }
-  .docs-color-block-secondary {
-    background: #777; }
-  .docs-color-block-success {
-    background: #3adb76; }
-  .docs-color-block-warning {
-    background: #ffae00; }
-  .docs-color-block-alert {
-    background: #ec5840; }
-  .docs-color-block-white {
-    background: #fefefe; }
-  .docs-color-block-light-gray {
-    background: #f3f3f3; }
-  .docs-color-block-medium-gray {
-    background: #cacaca; }
-  .docs-color-block-dark-gray {
-    background: #8a8a8a; }
-  .docs-color-block-black {
-    background: #0a0a0a; }
-
-.docs-big-index .column a, .docs-big-index .columns a {
-  color: #0a0a0a; }
-
-.docs-big-index .column strong, .docs-big-index .columns strong {
-  color: #2199e8;
-  font-size: 1.25rem;
-  display: block;
-  margin-bottom: 0.25rem; }
-
-.docs-big-index .column a:hover, .docs-big-index .columns a:hover {
-  color: #2199e8; }
-  .docs-big-index .column a:hover strong, .docs-big-index .columns a:hover strong {
-    color: #4faeed; }
-
-.docs-small-index ul {
-  list-style-type: none;
-  margin-left: 0; }
-
-.docs-small-index li {
-  margin-bottom: 0.25rem; }
-
-.docs-building-blocks .column a, .docs-building-blocks .columns a {
-  display: block; }
-
-.docs-building-blocks .column p, .docs-building-blocks .columns p {
-  font-size: 1.25rem;
-  font-weight: bold;
-  margin-bottom: 0.5rem; }
-
-.docs-building-blocks .column img, .docs-building-blocks .columns img {
-  border: 1px solid #cacaca; }
-
-.twitter-typeahead {
-  display: block !important;
-  position: relative; }
-  .twitter-typeahead::before {
-    content: "\f16c";
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0.6rem;
-    z-index: 1;
-    font-family: 'foundation-icons';
-    font-size: 1.6rem;
-    color: #2199e8; }
-
-.tt-input,
-.tt-hint {
-  right: 0;
-  padding-left: 2.4rem;
-  margin-bottom: 0.5rem;
-  box-shadow: none;
-  border-width: 0 0 1px 0; }
-  .tt-input:hover,
-  .tt-hint:hover {
-    box-shadow: none; }
-  .tt-input:focus,
-  .tt-hint:focus {
-    border-width: 0 0 1px 0; }
-
-.tt-menu {
-  background: white;
-  width: 100%;
-  border: 1px solid #ccc; }
-
-.tt-suggestion {
-  padding: 1rem; }
-  .tt-suggestion::before,
-  .tt-suggestion::after {
-    content: ' ';
-    display: table; }
-  .tt-suggestion::after {
-    clear: both; }
-  .tt-suggestion:hover,
-  .tt-suggestion.tt-cursor {
-    background: #2199e8;
-    color: #fff;
-    cursor: pointer; }
-    .tt-suggestion:hover .meta,
-    .tt-suggestion.tt-cursor .meta {
-      color: #fff; }
-  .tt-suggestion .name {
-    font-weight: bold;
-    float: left;
-    width: 40%; }
-  .tt-suggestion .meta {
-    text-transform: uppercase;
-    font-size: 0.8rem;
-    color: #8a8a8a;
-    margin-left: 0.5rem; }
-  .tt-suggestion .desc {
-    float: left;
-    width: 60%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-
-.tt-empty {
-  padding: 1rem; }
-  .tt-empty:before {
-    content: ':(';
-    font-weight: bold;
-    font-size: 2rem;
-    color: #999;
-    margin-left: 1rem;
-    margin-right: 2rem; }
-
-.docs-compat-table {
-  width: 100%;
-  background: transparent;
-  margin-bottom: 2rem; }
-  .docs-compat-table tbody {
-    border-color: #cacaca; }
-  .docs-compat-table tr {
-    border-bottom: 1px solid #cacaca; }
-  .docs-compat-table tr,
-  .docs-compat-table tr:nth-child(even) {
-    background: transparent; }
-  .docs-compat-table tr:nth-child(even) td:first-child {
-    background: #f3f3f3; }
-  .docs-compat-table td:first-child {
-    border-right: 1px solid #cacaca; }
-  .docs-compat-table .works {
-    background: rgba(58, 219, 118, 0.15);
-    color: #3adb76;
-    font-size: 1.25rem;
-    font-weight: bold;
-    text-align: center; }
-    .docs-compat-table .works::before {
-      display: inline-block;
-      content: '✔';
-      margin-right: 0.5rem; }
-
-.docs-notice-added, .docs-notice-deprecated {
-  position: absolute;
-  top: 0;
-  right: 0;
-  font-weight: bold;
-  color: #ffae00;
-  font-size: 0.8rem;
-  line-height: 2.8; }
-
-.docs-notice-deprecated {
-  color: #ec5840; }
-
-.docs-deprecated {
-  opacity: 0.25;
-  transition: opacity 0.1s ease-out; }
-  .docs-deprecated:hover {
-    opacity: 1; }
-
-.docs-topbar {
-  background: #333;
-  font-size: 0.8125rem;
-  font-weight: bold; }
-  .docs-topbar .menu-bar a {
-    height: 45px;
-    line-height: 45px;
-    color: white;
-    padding-top: 0;
-    padding-bottom: 0; }
-    .docs-topbar .menu-bar a:hover,
-    .docs-topbar .menu-bar a:focus {
-      background: #222; }
-  .docs-topbar .menu-bar:first-child {
-    border-right: 1px solid #4e4e4e; }
-  .docs-topbar .menu-bar:last-child {
-    border-left: 1px solid #4e4e4e; }
-  .docs-topbar .menu-bar li:not(:last-child) {
-    border-right: 1px solid #4e4e4e; }
-  .docs-topbar .docs-menu-title {
-    margin: 0; }
-
-.menu-group::before,
-.menu-group::after {
-  content: ' ';
-  display: table; }
-
-.menu-group::after {
-  clear: both; }
-
-.menu-group ul:first-child {
-  float: left; }
-
-.menu-group ul:last-child {
-  float: right; }
diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index bdf8d840..89c87089 100644
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -1,6 +1,16 @@
-@import 'foundation';
+// The CSS for the Foundation docs is stored in an external codebase:
+// https://github.com/zurb/foundation-docs
+//
+// You can test Sass changes locally by running these commands:
+//   git clone https://github.com/zurb/foundation-docs
+//   npm link ./foundation-docs
+//
+// Feel free to submit pull requests to foundation-docs like you would Foundation itself!
 
-.docs-code-iframe {
-  width: 100%;
-  height: 200px;
-}
\ No newline at end of file
+@import 'node_modules/foundation-sites/scss/foundation';
+@import 'node_modules/motion-ui/src/motion-ui';
+
+@include foundation-everything;
+@include motion-ui-transitions;
+
+@import 'node_modules/foundation-docs/scss/foundation-docs';
diff --git a/docs/layouts/component.html b/docs/layouts/component.html
index bc8046af..e503ab0a 100644
--- a/docs/layouts/component.html
+++ b/docs/layouts/component.html
@@ -12,10 +12,10 @@
 {{!-- Start container for table of contents --}}
 <nav>
   <div class="large-3 large-push-9 columns">
-    <ul class="vertical menu-bar docs-sub-menu" data-docs-toc>
+    <ul class="vertical menu docs-sub-menu" data-docs-toc>
       <li class="docs-menu-title">On this page:</li>
     </ul>
-    <ul class="vertical menu-bar docs-sub-menu">
+    <ul class="vertical menu docs-sub-menu">
       <li class="docs-menu-title">Contribute:</li>
       <li><a href="{{ editLink fileName }}">Edit this Page</a></li>
       <li><a href="{{ issueLink title }}">Report a Bug</a></li>
diff --git a/docs/layouts/default.html b/docs/layouts/default.html
index 0e50ace9..bbca18e0 100644
--- a/docs/layouts/default.html
+++ b/docs/layouts/default.html
@@ -3,61 +3,37 @@
 <html class="no-js" lang="en" dir="ltr">
   <head>
     <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta class="foundation-mq">
-    <title>Foundation for Emails</title>
-
+    <meta name="description" content="{{description}}">
+    <link rel="icon" href="assets/img/icons/favicon.ico" type="image/x-icon">
+    <title>Foundation for Emails 2 Docs{{#unlesspage 'index'}} | {{title}}{{/unlesspage}}</title>
     <link href="assets/css/docs.css" rel="stylesheet" />
     <link href="//cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
+    <!-- <link rel="stylesheet" href="./node_modules/motion-ui/dist/motion-ui.css" /> -->
   </head>
-  <body data-off-canvas id="body">
-
-    <div class="off-canvas">
-      <ul class="vertical menu-bar">
-        <li><a href="#">Foundation</a></li>
-        <li><a href="#">Dot</a></li>
-        <li><a href="#">ZURB</a></li>
-        <li><a href="#">Com</a></li>
-        <li><a href="#">Slash</a></li>
-        <li><a href="#">Sites</a></li>
-      </ul>
-    </div>
-
-    <div class="main-content" data-off-canvas-content>
-      <div class="menu-group docs-topbar">
-        <ul class="menu-bar">
-          <li class="docs-topbar-title"><a href="#">Foundation</a></li>
-        </ul>
-        <ul class="menu-bar">
-          <li><a href="#">Learn</a></li>
-          <li><a href="#">Develop</a></li>
-          <li><a href="#">Support</a></li>
-          <li><a href="#">Business</a></li>
-          <li><a href="#">Docs</a></li>
-        </ul>
-      </div>
+  <body>
 
-      <div class="expanded column-row docs-header">
-        <h1 class="docs-site-title"><a href="index.html">Foundation for Emails Documentation <em>Version 2.0.0-alpha</em></a></h1>
-        <button type="button" class="docs-header-link" data-toggle="docs-versions-menu">Older Versions</button>
+    <div class="off-canvas-wrapper"><div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
 
-        <div class="docs-versions-menu hide" id="docs-versions-menu" data-toggler=".hide">
-          <ul class="menu-bar vertical">
-            <li><a href="http://foundation.zurb.com/sites/docs/v5">Foundation 5</a></li>
-            <li><a href="http://foundation.zurb.com/sites/docs/v4">Foundation 4</a></li>
-            <li><a href="http://foundation.zurb.com/sites/docs/v3">Foundation 3</a></li>
-            <li><a href="http://foundation.zurb.com/sites/docs/v2">Foundation 2</a></li>
-          </ul>
+    <div class="off-canvas-content" data-off-canvas-content>
+      <!-- Info Banner For Announcements or Links -->
+      <a href="http://zurb.com/article/1416/foundation-6-is-here" id="notice">
+        <div class="info">
+          <h5>Foundation 6 is here!</h5>
         </div>
-      </div>
+      </a>
+        
+      {{> navigation}}
+      {{> mobile-navigation}}
 
       <input type="text" class="docs-search" data-docs-search placeholder="Find a page, component, variable, mixin, function...">
 
       <div class="expanded row">
-        <div class="medium-8 large-10 medium-push-4 large-push-2 columns">
+        <div class="medium-9 large-10 medium-push-3 large-push-2 columns">
 {{> body}}
         </div>
-        <div class="medium-4 large-2 medium-pull-8 large-pull-10 columns">
+        <div class="medium-3 large-2 medium-pull-9 large-pull-10 columns">
           {{> component-list}}
         </div>
       </div>
@@ -65,7 +41,27 @@
       {{> footer}}
     </div>
 
-    <script src="assets/js/foundation.js"></script>
+    </div></div>
+
+    <script>
+      // var _gaq = _gaq || [];
+      // _gaq.push(
+      //   ['_setAccount', 'UA-2195009-2'],
+      //   ['_trackPageview'],
+      //   ['b._setAccount', 'UA-2195009-27'],
+      //   ['b._trackPageview']
+      // );
+      // (function() {
+      //   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      //   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      //   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      // })();
+    </script>
+
+    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/foundation/6.0.5/foundation.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/typeahead.js/0.11.1/typeahead.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
     <script src="assets/js/docs.js"></script>
   </body>
 </html>
diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html
index 737f5ff5..fb56f9ec 100644
--- a/docs/partials/component-list.html
+++ b/docs/partials/component-list.html
@@ -1,13 +1,17 @@
-<ul class="vertical menu-bar docs-menu">
+<ul class="vertical menu docs-menu" id="docs-menu">
+  <p class="docs-version-number">
+    <span data-docs-version></span>
+    <a href="https://github.com/zurb/foundation-sites/releases/" target="_blank">(Changelog)</a>
+  </p>
+
   <li class="docs-menu-title">Components</li>
   <li><a href="">Alignment</a></li>
   <li><a href="">Block Grid</a></li>
-  <li><a href="/button.html">Button</a></li>
+  <li><a href="button.html">Button</a></li>
   <li><a href="">Callout</a></li>
   <li><a href="">Global</a></li>
 
   <li class="docs-menu-title">Grid</li>
-
   <li><a href="">Grid</a></li>
   <li><a href="">Sass</a></li>
   <li><a href="">Inline Lists</a></li>
@@ -16,4 +20,4 @@
 
   <li><a href="">Type</a></li>
   <li><a href="">Visibility</a></li>
- 
\ No newline at end of file
+</ul>
diff --git a/docs/partials/footer.html b/docs/partials/footer.html
index 8fd6f72a..31614ac7 100644
--- a/docs/partials/footer.html
+++ b/docs/partials/footer.html
@@ -110,4 +110,4 @@
        <p class="copyright">&copy; 1998&dash;2015 ZURB, Inc. All rights reserved.</p>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/partials/mobile-navigation.html b/docs/partials/mobile-navigation.html
new file mode 100644
index 00000000..39bea534
--- /dev/null
+++ b/docs/partials/mobile-navigation.html
@@ -0,0 +1,6 @@
+<div class="title-bar hide-for-medium">
+  <div class="title-bar-left">
+    <button class="menu-icon" type="button" data-open="offCanvasLeft"></button>
+    <span class="title-bar-title">Foundation</span>
+  </div>
+</div>
diff --git a/docs/partials/navigation.html b/docs/partials/navigation.html
new file mode 100644
index 00000000..08816219
--- /dev/null
+++ b/docs/partials/navigation.html
@@ -0,0 +1,62 @@
+<nav class="marketing-topbar show-for-medium">
+
+  <ul class="menu">
+    <li class="topbar-title"><a href="http://foundation.zurb.com/index.html"><img src="http://foundation.zurb.com/assets/img/zurb-logo.svg" alt="ZURB"> Foundation</a></li>
+  </ul>
+
+  <ul class="dropdown menu" data-dropdown-menu data-click-open="false">
+
+    <li>
+      <a href="http://foundation.zurb.com/learn/about.html">Learn</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/learn/about.html">About Foundation</a></li>
+        <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
+        <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
+        <li><a href="http://foundation.zurb.com/learn/case-studies.html">Case Studies</a></li>
+        <li><a href="http://foundation.zurb.com/learn/brands.html">Brands</a></li>
+      </ul>
+    </li>
+
+    <li>
+      <a href="http://foundation.zurb.com/develop/getting-started.html">Develop</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li class="title">Frameworks</li>
+        <li><a href="http://foundation.zurb.com/sites.html">Foundation for Sites</a></li>
+        <li><a href="http://foundation.zurb.com/emails.html">Foundation for Email</a></li>
+        <li><a href="http://foundation.zurb.com/apps.html">Foundation for Apps</a></li>
+        <li class="divider"></li>
+        <li class="title">Develop</li>
+        <li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li>
+        <li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li>
+        <li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li>
+        <li><a href="http://foundation.zurb.com/develop/yeti-launch.html">Yeti Launch</a></li>
+        <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>
+      </ul>
+    </li>
+
+    <li><a href="http://foundation.zurb.com/upload.html">Upload</a></li>
+
+    <li>
+      <a href="http://foundation.zurb.com/support/support.html">Support</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/support/support.html">Support Channels</a></li>
+        <li><a href="http://foundation.zurb.com/support/premium-support.html">Premium Support</a></li>
+        <li><a href="http://foundation.zurb.com/forum/">Foundation Forum</a></li>
+        <li><a href="http://foundation.zurb.com/support/faq.html">FAQs</a></li>
+      </ul>
+    </li>
+
+    <li>
+      <a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
+      <ul class="submenu menu vertical" data-submenu>
+        <li><a href="http://foundation.zurb.com/docs/" target="_blank">Sites Docs</a></li>
+        <li><a href="http://foundation.zurb.com/apps/docs/#!/" target="_blank">Apps Docs</a></li>
+        <li><a href="http://zurb.com/ink/docs.php" target="_blank">Email Docs</a></li>
+      </ul>
+    </li>
+
+    <li><a href="http://foundation.zurb.com/develop/getting-started.html" class="button">Getting Started</a></li>
+
+  </ul>
+
+</nav>
diff --git a/gulpfile.js b/gulpfile.js
index 513bee1d..f49f2d3c 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -5,6 +5,16 @@ var panini = require('panini');
 var supercollider = require('supercollider');
 var rimraf = require('rimraf');
 var browser = require('browser-sync');
+var foundationDocs = require('foundation-docs');
+
+supercollider
+  .config({
+    template: foundationDocs.componentTemplate,
+    marked: foundationDocs.marked,
+    handlebars: foundationDocs.handlebars
+  })
+  .adapter('sass')
+  .adapter('js');
 
 gulp.task('clean', function(cb) {
   rimraf('_build', cb);
@@ -18,15 +28,11 @@ gulp.task('copy', function() {
 gulp.task('html', function() {
   return gulp.src('docs/pages/**/*')
     .pipe($.cached('docs'))
-    .pipe(supercollider.init({
-      template: 'docs/layouts/component.html',
-      adapters: ['sass', 'js'],
-      marked: require('./lib/marked'),
-      handlebars: require('./lib/handlebars')
-    }))
+    .pipe(supercollider.init())
     .pipe(panini({
+      root: 'docs/pages/',
       layouts: 'docs/layouts/',
-      partials: 'docs/partials/**/*.html'
+      partials: 'docs/partials/'
     }))
     .pipe(gulp.dest('_build'));
 });
@@ -35,7 +41,7 @@ gulp.task('sass', ['sass:docs', 'sass:foundation']);
 
 gulp.task('sass:docs', function() {
   return gulp.src('docs/assets/scss/docs.scss')
-    .pipe($.sass().on('error', $.sass.logError))
+    .pipe($.sass({ includePaths: [process.cwd()] }).on('error', $.sass.logError))
     .pipe($.autoprefixer({
       browsers: ['last 2 versions', 'ie >= 9']
     }))
diff --git a/package.json b/package.json
index 78a6034b..dff59cb1 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   "devDependencies": {
     "browser-sync": "^2.9.10",
     "cheerio": "^0.19.0",
+    "foundation-docs": "zurb/foundation-docs",
     "gulp": "^3.8.11",
     "gulp-autoprefixer": "^2.3.1",
     "gulp-cached": "^1.1.0",
@@ -30,11 +31,17 @@
     "media-query-extractor": "^0.1.1",
     "multiline": "^1.0.2",
     "octophant": "^0.2.0",
-    "panini": "0.1.0",
+    "panini": "^1.1.1",
     "rimraf": "^2.4.2",
     "run-sequence": "^1.1.2",
     "string-template": "^0.2.1",
-    "supercollider": "0.3.1",
-    "yargs": "^3.9.0"
+    "supercollider": "^1.1.1",
+    "typeahead.js": "^0.11.1",
+    "yargs": "^3.9.0",
+    "zeroclipboard": "^2.2.0"
+  },
+  "dependencies": {
+    "foundation-sites": "^6.0.5",
+    "motion-ui": "^1.1.1"
   }
 }
-- 
2.47.2