diff --git a/_layouts/tour.de.html b/_layouts/tour.de.html
new file mode 100644
index 0000000..2174108
--- /dev/null
+++ b/_layouts/tour.de.html
@@ -0,0 +1,8 @@
+---
+layout: default
+---
+{% include layout/nav.de.html %}
+
+
diff --git a/_layouts/tour.html b/_layouts/tour.html
new file mode 100644
index 0000000..63f17ce
--- /dev/null
+++ b/_layouts/tour.html
@@ -0,0 +1,8 @@
+---
+layout: default
+---
+{% include layout/nav.en.html %}
+
+
diff --git a/assets/css/litebox.css b/assets/css/litebox.css
new file mode 100755
index 0000000..0f83307
--- /dev/null
+++ b/assets/css/litebox.css
@@ -0,0 +1,215 @@
+/* LiteBox v1.3, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/
+// =============================================================================== */
+
+/* Table of Contents
+// ==================================================
+// #Default
+
+
+/* #Default
+// ================================================== */
+
+ .litebox-overlay,
+ .litebox-overlay > * {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .litebox-overlay {
+ display: none;
+ width: 100%;
+ min-width: 280px;
+ text-align: center;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 9999;
+ }
+
+ @-webkit-keyframes liteboxLoader {
+ 0% { -webkit-transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(360deg); }
+ }
+
+ @-moz-keyframes liteboxLoader {
+ 0% { -moz-transform: rotate(0deg); }
+ 100% { -moz-transform: rotate(360deg); }
+ }
+
+ @-ms-keyframes liteboxLoader {
+ 0% { -ms-transform: rotate(0deg); }
+ 100% { -ms-transform: rotate(360deg); }
+ }
+
+ @-o-keyframes liteboxLoader {
+ 0% { -o-transform: rotate(0deg); }
+ 100% { -o-transform: rotate(360deg); }
+ }
+
+ @keyframes liteboxLoader {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
+ }
+
+ .litebox-overlay .litebox-loader {
+ position: absolute;
+ width: 40px;
+ height: 40px;
+ left: 20px;
+ top: 20px;
+ border: 3px solid #111;
+ border-right-color: #fff;
+ border-radius: 50%;
+ -webkit-animation: liteboxLoader 1s linear infinite;
+ -moz-animation: liteboxLoader 1s linear infinite;
+ -ms-animation: liteboxLoader 1s linear infinite;
+ -o-animation: liteboxLoader 1s linear infinite;
+ animation: liteboxLoader 1s linear infinite;
+ }
+
+ .litebox-overlay .litebox-text {
+ width: 100%;
+ padding: 0 15px;
+ background: rgba(0, 0, 0, 0.5);
+ color: #fff;
+ font-size: 12px;
+ line-height: 50px;
+ position: absolute;
+ bottom: 0;
+ z-index: 2;
+
+ -webkit-opacity: 0;
+ -khtml-opacity: 0;
+ -moz-opacity: 0;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ filter: alpha(opacity=0);
+ opacity: 0;
+
+ -webkit-transition: all .2s ease-in-out;
+ -moz-transition: all .2s ease-in-out;
+ -o-transition: all .2s ease-in-out;
+ -ms-transition: all .2s ease-in-out;
+ transition: all .2s ease-in-out;
+ }
+
+ .litebox-overlay .litebox-text.active {
+ -webkit-opacity: 1;
+ -khtml-opacity: 1;
+ -moz-opacity: 1;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+ filter: alpha(opacity=100);
+ opacity: 1;
+ }
+
+ .litebox-overlay .litebox-close {
+ width: 40px;
+ height: 40px;
+ background: url('../img/litebox-close.png') no-repeat center;
+ opacity: .7;
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ }
+
+ .litebox-overlay .litebox-close:hover {
+ opacity: 1;
+ cursor: pointer;
+ }
+
+ .litebox-overlay .litebox-nav {
+ display: none;
+ width: 60px;
+ height: 60px;
+ margin-top: -30px;
+ opacity: .2;
+ position: absolute;
+ top: 50%;
+ z-index: 9999999;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ }
+
+ .litebox-overlay .litebox-nav:hover {
+ opacity: .5;
+ cursor: pointer;
+ }
+
+ .litebox-overlay .litebox-prev {
+ background: url('../img/litebox-prev.png') no-repeat center;
+ left: 20px;
+ }
+
+ .litebox-overlay .litebox-next {
+ background: url('../img/litebox-next.png') no-repeat center;
+ right: 20px;
+ }
+
+ .litebox-overlay .litebox-container {
+ position: absolute;
+ top: 10%;
+ right: 10%;
+ bottom: 10%;
+ left: 10%;
+ overflow: hidden;
+ }
+
+ .litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; }
+
+ .litebox-overlay img,
+ .litebox-overlay iframe {
+ display: inline-block;
+ max-width: 100%;
+ max-height: 100%;
+ margin: 0 auto;
+ vertical-align: middle;
+ overflow-x: hidden;
+ }
+
+ .litebox-overlay iframe {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ z-index: 999999;
+ }
+
+ .litebox-overlay .litebox-inline-html {
+ width: 100%;
+ padding: 20px;
+ background: #FFF;
+ line-height: normal;
+ overflow-x: hidden;
+ line-height: normal !important;
+ position: absolute;
+ }
+
+ .litebox-overlay .litebox-error {
+ width: 100%;
+ height: 100%;
+ color: #FFF;
+ text-align: center;
+ line-height: inherit;
+ }
+
+ .litebox-overlay .litebox-error span {
+ background: rgba(0, 0, 0, .9);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ padding: 20px;
+ color: #FFF;
+ text-shadow: 1px 1px 0 #000;
+ line-height: normal;
+ }
+
+ @media only screen and (max-width: 479px) {
+ .litebox-overlay .litebox-close { display: none; }
+ }
diff --git a/assets/css/main.css b/assets/css/main.css
index fa627b8..e3bf814 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,2512 +1 @@
-@charset "UTF-8";
-/* Set Custom Variables here
- * ====================================================
-*/
-/* Load Frameworks
- * ====================================================
-*/
-/*------------------------------------*\
- $CSSWIZARDRY-GRIDS
-\*------------------------------------*/
-/**
- * CONTENTS
- * INTRODUCTION.........How the grid system works.
- * VARIABLES............Your settings.
- * MIXINS...............Library mixins.
- * GRID SETUP...........Build the grid structure.
- * WIDTHS...............Build our responsive widths around our breakpoints.
- * PUSH.................Push classes.
- * PULL.................Pull classes.
- */
-/*------------------------------------*\
- $INTRODUCTION
-\*------------------------------------*/
-/**
- * csswizardry grids provides you with widths to suit a number of breakpoints
- * designed around devices of a size you specify. Out of the box, csswizardry
- * grids caters to the following types of device:
- *
- * palm -- palm-based devices, like phones and small tablets
- * lap -- lap-based devices, like iPads or laptops
- * portable -- all of the above
- * desk -- stationary devices, like desktop computers
- * regular -- any/all types of device
- *
- * These namespaces are then used in the library to give you the ability to
- * manipulate your layouts based around them, for example:
- *
-
- *
- * This would give you a grid item which is 100% width unless it is on a lap
- * device, at which point it become 50% wide, or it is on a desktop device, at
- * which point it becomes 33.333% width.
- *
- * csswizardry grids also has push and pull classes which allow you to nudge
- * grid items left and right by a defined amount. These follow the same naming
- * convention as above, but are prepended by either `push--` or `pull--`, for
- * example:
- *
- `class="grid__item one-half push--one-half"`
- *
- * This would give you a grid item which is 50% width and pushed over to the
- * right by 50%.
- *
- * All classes in csswizardry grids follow this patten, so you should fairly
- * quickly be able to piece together any combinations you can imagine, for
- * example:
- *
- `class="grid__item one-whole lap--one-half desk--one-third push--desk--one-third"`
- *
- `class="grid__item one-quarter palm--one-half push--palm--one-half"`
- *
- `class="grid__item palm--one-third desk--five-twelfths"`
- */
-/*------------------------------------*\
- $VARIABLES
-\*------------------------------------*/
-/**
- * If you are building a non-responsive site but would still like to use
- * csswizardry-grids, set this to ‘false’:
- */
-/**
- * Is this build mobile first? Setting to ‘true’ means that all grids will be
- * 100% width if you do not apply a more specific class to them.
- */
-/**
- * Set the spacing between your grid items.
- */
-/**
- * Would you like Sass’ silent classes, or regular CSS classes?
- */
-/**
- * Would you like push and pull classes enabled?
- */
-/**
- * Using `inline-block` means that the grid items need their whitespace removing
- * in order for them to work correctly. Set the following to true if you are
- * going to achieve this by manually removing/commenting out any whitespace in
- * your HTML yourself.
- *
- * Setting this to false invokes a hack which cannot always be guaranteed,
- * please see the following for more detail:
- *
- * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
- * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
- */
-/**
- * Define your breakpoints. The first value is the prefix that shall be used for
- * your classes (e.g. `.palm--one-half`), the second value is the media query
- * that the breakpoint fires at.
- */
-/**
- * Define which namespaced breakpoints you would like to generate for each of
- * widths, push and pull. This is handy if you only need pull on, say, desk, or
- * you only need a new width breakpoint at mobile sizes. It allows you to only
- * compile as much CSS as you need. All are turned on by default, but you can
- * add and remove breakpoints at will.
- *
- * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
- * have been set to ‘true’.
- */
-/**
- * You do not need to edit anything from this line onward; csswizardry-grids is
- * good to go. Happy griddin’!
- */
-/*------------------------------------*\
- $MIXINS
-\*------------------------------------*/
-/**
- * These mixins are for the library to use only, you should not need to modify
- * them at all.
- *
- * Enclose a block of code with a media query as named in `$breakpoints`.
- */
-/**
- * Drop relative positioning into silent classes which can’t take advantage of
- * the `[class*="push--"]` and `[class*="pull--"]` selectors.
- */
-/*------------------------------------*\
- $GRID SETUP
-\*------------------------------------*/
-/**
- * 1. Allow the grid system to be used on lists.
- * 2. Remove any margins and paddings that might affect the grid system.
- * 3. Apply a negative `margin-left` to negate the columns’ gutters.
- */
-.grid {
- list-style: none;
- /* [1] */
- margin: 0;
- /* [2] */
- padding: 0;
- /* [2] */
- margin-left: -24px;
- /* [3] */
- letter-spacing: -0.31em;
-}
-
-/* Opera hack */
-.opera:-o-prefocus,
-.grid {
- word-spacing: -0.43em;
-}
-
-/**
- * 1. Cause columns to stack side-by-side.
- * 2. Space columns apart.
- * 3. Align columns to the tops of each other.
- * 4. Full-width unless told to behave otherwise.
- * 5. Required to combine fluid widths and fixed gutters.
- */
-.grid__item {
- display: inline-block;
- /* [1] */
- padding-left: 24px;
- /* [2] */
- vertical-align: top;
- /* [3] */
- width: 100%;
- /* [4] */
- -webkit-box-sizing: border-box;
- /* [5] */
- -moz-box-sizing: border-box;
- /* [5] */
- box-sizing: border-box;
- /* [5] */
- letter-spacing: normal;
- word-spacing: normal;
-}
-
-/**
- * Reversed grids allow you to structure your source in the opposite order to
- * how your rendered layout will appear. Extends `.grid`.
- */
-.grid--rev {
- direction: rtl;
- text-align: left;
-}
-.grid--rev > .grid__item {
- direction: ltr;
- text-align: left;
-}
-
-/**
- * Gutterless grids have all the properties of regular grids, minus any spacing.
- * Extends `.grid`.
- */
-.grid--full {
- margin-left: 0;
-}
-.grid--full > .grid__item {
- padding-left: 0;
-}
-
-/**
- * Align the entire grid to the right. Extends `.grid`.
- */
-.grid--right {
- text-align: right;
-}
-.grid--right > .grid__item {
- text-align: left;
-}
-
-/**
- * Centered grids align grid items centrally without needing to use push or pull
- * classes. Extends `.grid`.
- */
-.grid--center {
- text-align: center;
-}
-.grid--center > .grid__item {
- text-align: left;
-}
-
-/**
- * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
- * `.grid`.
- */
-.grid--middle > .grid__item {
- vertical-align: middle;
-}
-
-.grid--bottom > .grid__item {
- vertical-align: bottom;
-}
-
-/**
- * Create grids with narrower gutters. Extends `.grid`.
- */
-.grid--narrow {
- margin-left: -12px;
-}
-.grid--narrow > .grid__item {
- padding-left: 12px;
-}
-
-/**
- * Create grids with wider gutters. Extends `.grid`.
- */
-.grid--wide {
- margin-left: -48px;
-}
-.grid--wide > .grid__item {
- padding-left: 48px;
-}
-
-/*------------------------------------*\
- $WIDTHS
-\*------------------------------------*/
-/**
- * Create our width classes, prefixed by the specified namespace.
- */
-/**
- * Our regular, non-responsive width classes.
- */
-/**
- * Whole
- */
-.one-whole {
- width: 100%;
-}
-
-/**
- * Halves
- */
-.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
- width: 50%;
-}
-
-/**
- * Thirds
- */
-.one-third, .two-sixths, .four-twelfths {
- width: 33.333%;
-}
-
-.two-thirds, .four-sixths, .eight-twelfths {
- width: 66.666%;
-}
-
-/**
- * Quarters
- */
-.one-quarter, .two-eighths, .three-twelfths {
- width: 25%;
-}
-
-.three-quarters, .six-eighths, .nine-twelfths {
- width: 75%;
-}
-
-/**
- * Fifths
- */
-.one-fifth, .two-tenths {
- width: 20%;
-}
-
-.two-fifths, .four-tenths {
- width: 40%;
-}
-
-.three-fifths, .six-tenths {
- width: 60%;
-}
-
-.four-fifths, .eight-tenths {
- width: 80%;
-}
-
-/**
- * Sixths
- */
-.one-sixth, .two-twelfths {
- width: 16.666%;
-}
-
-.five-sixths, .ten-twelfths {
- width: 83.333%;
-}
-
-/**
- * Eighths
- */
-.one-eighth {
- width: 12.5%;
-}
-
-.three-eighths {
- width: 37.5%;
-}
-
-.five-eighths {
- width: 62.5%;
-}
-
-.seven-eighths {
- width: 87.5%;
-}
-
-/**
- * Tenths
- */
-.one-tenth {
- width: 10%;
-}
-
-.three-tenths {
- width: 30%;
-}
-
-.seven-tenths {
- width: 70%;
-}
-
-.nine-tenths {
- width: 90%;
-}
-
-/**
- * Twelfths
- */
-.one-twelfth {
- width: 8.333%;
-}
-
-.five-twelfths {
- width: 41.666%;
-}
-
-.seven-twelfths {
- width: 58.333%;
-}
-
-.eleven-twelfths {
- width: 91.666%;
-}
-
-/**
- * Our responsive classes, if we have enabled them.
- */
-@media only screen and (max-width: 480px) {
- /**
- * Whole
- */
- .palm--one-whole {
- width: 100%;
- }
-
- /**
- * Halves
- */
- .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
- width: 50%;
- }
-
- /**
- * Thirds
- */
- .palm--one-third, .palm--two-sixths, .palm--four-twelfths {
- width: 33.333%;
- }
-
- .palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
- width: 66.666%;
- }
-
- /**
- * Quarters
- */
- .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
- width: 25%;
- }
-
- .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
- width: 75%;
- }
-
- /**
- * Fifths
- */
- .palm--one-fifth, .palm--two-tenths {
- width: 20%;
- }
-
- .palm--two-fifths, .palm--four-tenths {
- width: 40%;
- }
-
- .palm--three-fifths, .palm--six-tenths {
- width: 60%;
- }
-
- .palm--four-fifths, .palm--eight-tenths {
- width: 80%;
- }
-
- /**
- * Sixths
- */
- .palm--one-sixth, .palm--two-twelfths {
- width: 16.666%;
- }
-
- .palm--five-sixths, .palm--ten-twelfths {
- width: 83.333%;
- }
-
- /**
- * Eighths
- */
- .palm--one-eighth {
- width: 12.5%;
- }
-
- .palm--three-eighths {
- width: 37.5%;
- }
-
- .palm--five-eighths {
- width: 62.5%;
- }
-
- .palm--seven-eighths {
- width: 87.5%;
- }
-
- /**
- * Tenths
- */
- .palm--one-tenth {
- width: 10%;
- }
-
- .palm--three-tenths {
- width: 30%;
- }
-
- .palm--seven-tenths {
- width: 70%;
- }
-
- .palm--nine-tenths {
- width: 90%;
- }
-
- /**
- * Twelfths
- */
- .palm--one-twelfth {
- width: 8.333%;
- }
-
- .palm--five-twelfths {
- width: 41.666%;
- }
-
- .palm--seven-twelfths {
- width: 58.333%;
- }
-
- .palm--eleven-twelfths {
- width: 91.666%;
- }
-}
-@media only screen and (min-width: 481px) and (max-width: 767px) {
- /**
- * Whole
- */
- .lap--one-whole {
- width: 100%;
- }
-
- /**
- * Halves
- */
- .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
- width: 50%;
- }
-
- /**
- * Thirds
- */
- .lap--one-third, .lap--two-sixths, .lap--four-twelfths {
- width: 33.333%;
- }
-
- .lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths {
- width: 66.666%;
- }
-
- /**
- * Quarters
- */
- .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
- width: 25%;
- }
-
- .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
- width: 75%;
- }
-
- /**
- * Fifths
- */
- .lap--one-fifth, .lap--two-tenths {
- width: 20%;
- }
-
- .lap--two-fifths, .lap--four-tenths {
- width: 40%;
- }
-
- .lap--three-fifths, .lap--six-tenths {
- width: 60%;
- }
-
- .lap--four-fifths, .lap--eight-tenths {
- width: 80%;
- }
-
- /**
- * Sixths
- */
- .lap--one-sixth, .lap--two-twelfths {
- width: 16.666%;
- }
-
- .lap--five-sixths, .lap--ten-twelfths {
- width: 83.333%;
- }
-
- /**
- * Eighths
- */
- .lap--one-eighth {
- width: 12.5%;
- }
-
- .lap--three-eighths {
- width: 37.5%;
- }
-
- .lap--five-eighths {
- width: 62.5%;
- }
-
- .lap--seven-eighths {
- width: 87.5%;
- }
-
- /**
- * Tenths
- */
- .lap--one-tenth {
- width: 10%;
- }
-
- .lap--three-tenths {
- width: 30%;
- }
-
- .lap--seven-tenths {
- width: 70%;
- }
-
- .lap--nine-tenths {
- width: 90%;
- }
-
- /**
- * Twelfths
- */
- .lap--one-twelfth {
- width: 8.333%;
- }
-
- .lap--five-twelfths {
- width: 41.666%;
- }
-
- .lap--seven-twelfths {
- width: 58.333%;
- }
-
- .lap--eleven-twelfths {
- width: 91.666%;
- }
-}
-@media only screen and (max-width: 767px) {
- /**
- * Whole
- */
- .portable--one-whole {
- width: 100%;
- }
-
- /**
- * Halves
- */
- .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
- width: 50%;
- }
-
- /**
- * Thirds
- */
- .portable--one-third, .portable--two-sixths, .portable--four-twelfths {
- width: 33.333%;
- }
-
- .portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths {
- width: 66.666%;
- }
-
- /**
- * Quarters
- */
- .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
- width: 25%;
- }
-
- .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
- width: 75%;
- }
-
- /**
- * Fifths
- */
- .portable--one-fifth, .portable--two-tenths {
- width: 20%;
- }
-
- .portable--two-fifths, .portable--four-tenths {
- width: 40%;
- }
-
- .portable--three-fifths, .portable--six-tenths {
- width: 60%;
- }
-
- .portable--four-fifths, .portable--eight-tenths {
- width: 80%;
- }
-
- /**
- * Sixths
- */
- .portable--one-sixth, .portable--two-twelfths {
- width: 16.666%;
- }
-
- .portable--five-sixths, .portable--ten-twelfths {
- width: 83.333%;
- }
-
- /**
- * Eighths
- */
- .portable--one-eighth {
- width: 12.5%;
- }
-
- .portable--three-eighths {
- width: 37.5%;
- }
-
- .portable--five-eighths {
- width: 62.5%;
- }
-
- .portable--seven-eighths {
- width: 87.5%;
- }
-
- /**
- * Tenths
- */
- .portable--one-tenth {
- width: 10%;
- }
-
- .portable--three-tenths {
- width: 30%;
- }
-
- .portable--seven-tenths {
- width: 70%;
- }
-
- .portable--nine-tenths {
- width: 90%;
- }
-
- /**
- * Twelfths
- */
- .portable--one-twelfth {
- width: 8.333%;
- }
-
- .portable--five-twelfths {
- width: 41.666%;
- }
-
- .portable--seven-twelfths {
- width: 58.333%;
- }
-
- .portable--eleven-twelfths {
- width: 91.666%;
- }
-}
-@media only screen and (min-width: 768px) {
- /**
- * Whole
- */
- .desk--one-whole {
- width: 100%;
- }
-
- /**
- * Halves
- */
- .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
- width: 50%;
- }
-
- /**
- * Thirds
- */
- .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
- width: 33.333%;
- }
-
- .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
- width: 66.666%;
- }
-
- /**
- * Quarters
- */
- .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
- width: 25%;
- }
-
- .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
- width: 75%;
- }
-
- /**
- * Fifths
- */
- .desk--one-fifth, .desk--two-tenths {
- width: 20%;
- }
-
- .desk--two-fifths, .desk--four-tenths {
- width: 40%;
- }
-
- .desk--three-fifths, .desk--six-tenths {
- width: 60%;
- }
-
- .desk--four-fifths, .desk--eight-tenths {
- width: 80%;
- }
-
- /**
- * Sixths
- */
- .desk--one-sixth, .desk--two-twelfths {
- width: 16.666%;
- }
-
- .desk--five-sixths, .desk--ten-twelfths {
- width: 83.333%;
- }
-
- /**
- * Eighths
- */
- .desk--one-eighth {
- width: 12.5%;
- }
-
- .desk--three-eighths {
- width: 37.5%;
- }
-
- .desk--five-eighths {
- width: 62.5%;
- }
-
- .desk--seven-eighths {
- width: 87.5%;
- }
-
- /**
- * Tenths
- */
- .desk--one-tenth {
- width: 10%;
- }
-
- .desk--three-tenths {
- width: 30%;
- }
-
- .desk--seven-tenths {
- width: 70%;
- }
-
- .desk--nine-tenths {
- width: 90%;
- }
-
- /**
- * Twelfths
- */
- .desk--one-twelfth {
- width: 8.333%;
- }
-
- .desk--five-twelfths {
- width: 41.666%;
- }
-
- .desk--seven-twelfths {
- width: 58.333%;
- }
-
- .desk--eleven-twelfths {
- width: 91.666%;
- }
-}
-/*------------------------------------*\
- $PUSH
-\*------------------------------------*/
-/**
- * Push classes, to move grid items over to the right by certain amounts.
- */
-/**
- * Not a particularly great selector, but the DRYest way to do things.
- */
-[class*="push--"] {
- position: relative;
-}
-
-/**
- * Whole
- */
-.push--one-whole {
- left: 100%;
-}
-
-/**
- * Halves
- */
-.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
- left: 50%;
-}
-
-/**
- * Thirds
- */
-.push--one-third, .push--two-sixths, .push--four-twelfths {
- left: 33.333%;
-}
-
-.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
- left: 66.666%;
-}
-
-/**
- * Quarters
- */
-.push--one-quarter, .push--two-eighths, .push--three-twelfths {
- left: 25%;
-}
-
-.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
- left: 75%;
-}
-
-/**
- * Fifths
- */
-.push--one-fifth, .push--two-tenths {
- left: 20%;
-}
-
-.push--two-fifths, .push--four-tenths {
- left: 40%;
-}
-
-.push--three-fifths, .push--six-tenths {
- left: 60%;
-}
-
-.push--four-fifths, .push--eight-tenths {
- left: 80%;
-}
-
-/**
- * Sixths
- */
-.push--one-sixth, .push--two-twelfths {
- left: 16.666%;
-}
-
-.push--five-sixths, .push--ten-twelfths {
- left: 83.333%;
-}
-
-/**
- * Eighths
- */
-.push--one-eighth {
- left: 12.5%;
-}
-
-.push--three-eighths {
- left: 37.5%;
-}
-
-.push--five-eighths {
- left: 62.5%;
-}
-
-.push--seven-eighths {
- left: 87.5%;
-}
-
-/**
- * Tenths
- */
-.push--one-tenth {
- left: 10%;
-}
-
-.push--three-tenths {
- left: 30%;
-}
-
-.push--seven-tenths {
- left: 70%;
-}
-
-.push--nine-tenths {
- left: 90%;
-}
-
-/**
- * Twelfths
- */
-.push--one-twelfth {
- left: 8.333%;
-}
-
-.push--five-twelfths {
- left: 41.666%;
-}
-
-.push--seven-twelfths {
- left: 58.333%;
-}
-
-.push--eleven-twelfths {
- left: 91.666%;
-}
-
-@media only screen and (max-width: 480px) {
- /**
- * Whole
- */
- .push--palm--one-whole {
- left: 100%;
- }
-
- /**
- * Halves
- */
- .push--palm--one-half, .push--palm--two-quarters, .push--palm--three-sixths, .push--palm--four-eighths, .push--palm--five-tenths, .push--palm--six-twelfths {
- left: 50%;
- }
-
- /**
- * Thirds
- */
- .push--palm--one-third, .push--palm--two-sixths, .push--palm--four-twelfths {
- left: 33.333%;
- }
-
- .push--palm--two-thirds, .push--palm--four-sixths, .push--palm--eight-twelfths {
- left: 66.666%;
- }
-
- /**
- * Quarters
- */
- .push--palm--one-quarter, .push--palm--two-eighths, .push--palm--three-twelfths {
- left: 25%;
- }
-
- .push--palm--three-quarters, .push--palm--six-eighths, .push--palm--nine-twelfths {
- left: 75%;
- }
-
- /**
- * Fifths
- */
- .push--palm--one-fifth, .push--palm--two-tenths {
- left: 20%;
- }
-
- .push--palm--two-fifths, .push--palm--four-tenths {
- left: 40%;
- }
-
- .push--palm--three-fifths, .push--palm--six-tenths {
- left: 60%;
- }
-
- .push--palm--four-fifths, .push--palm--eight-tenths {
- left: 80%;
- }
-
- /**
- * Sixths
- */
- .push--palm--one-sixth, .push--palm--two-twelfths {
- left: 16.666%;
- }
-
- .push--palm--five-sixths, .push--palm--ten-twelfths {
- left: 83.333%;
- }
-
- /**
- * Eighths
- */
- .push--palm--one-eighth {
- left: 12.5%;
- }
-
- .push--palm--three-eighths {
- left: 37.5%;
- }
-
- .push--palm--five-eighths {
- left: 62.5%;
- }
-
- .push--palm--seven-eighths {
- left: 87.5%;
- }
-
- /**
- * Tenths
- */
- .push--palm--one-tenth {
- left: 10%;
- }
-
- .push--palm--three-tenths {
- left: 30%;
- }
-
- .push--palm--seven-tenths {
- left: 70%;
- }
-
- .push--palm--nine-tenths {
- left: 90%;
- }
-
- /**
- * Twelfths
- */
- .push--palm--one-twelfth {
- left: 8.333%;
- }
-
- .push--palm--five-twelfths {
- left: 41.666%;
- }
-
- .push--palm--seven-twelfths {
- left: 58.333%;
- }
-
- .push--palm--eleven-twelfths {
- left: 91.666%;
- }
-}
-@media only screen and (min-width: 481px) and (max-width: 767px) {
- /**
- * Whole
- */
- .push--lap--one-whole {
- left: 100%;
- }
-
- /**
- * Halves
- */
- .push--lap--one-half, .push--lap--two-quarters, .push--lap--three-sixths, .push--lap--four-eighths, .push--lap--five-tenths, .push--lap--six-twelfths {
- left: 50%;
- }
-
- /**
- * Thirds
- */
- .push--lap--one-third, .push--lap--two-sixths, .push--lap--four-twelfths {
- left: 33.333%;
- }
-
- .push--lap--two-thirds, .push--lap--four-sixths, .push--lap--eight-twelfths {
- left: 66.666%;
- }
-
- /**
- * Quarters
- */
- .push--lap--one-quarter, .push--lap--two-eighths, .push--lap--three-twelfths {
- left: 25%;
- }
-
- .push--lap--three-quarters, .push--lap--six-eighths, .push--lap--nine-twelfths {
- left: 75%;
- }
-
- /**
- * Fifths
- */
- .push--lap--one-fifth, .push--lap--two-tenths {
- left: 20%;
- }
-
- .push--lap--two-fifths, .push--lap--four-tenths {
- left: 40%;
- }
-
- .push--lap--three-fifths, .push--lap--six-tenths {
- left: 60%;
- }
-
- .push--lap--four-fifths, .push--lap--eight-tenths {
- left: 80%;
- }
-
- /**
- * Sixths
- */
- .push--lap--one-sixth, .push--lap--two-twelfths {
- left: 16.666%;
- }
-
- .push--lap--five-sixths, .push--lap--ten-twelfths {
- left: 83.333%;
- }
-
- /**
- * Eighths
- */
- .push--lap--one-eighth {
- left: 12.5%;
- }
-
- .push--lap--three-eighths {
- left: 37.5%;
- }
-
- .push--lap--five-eighths {
- left: 62.5%;
- }
-
- .push--lap--seven-eighths {
- left: 87.5%;
- }
-
- /**
- * Tenths
- */
- .push--lap--one-tenth {
- left: 10%;
- }
-
- .push--lap--three-tenths {
- left: 30%;
- }
-
- .push--lap--seven-tenths {
- left: 70%;
- }
-
- .push--lap--nine-tenths {
- left: 90%;
- }
-
- /**
- * Twelfths
- */
- .push--lap--one-twelfth {
- left: 8.333%;
- }
-
- .push--lap--five-twelfths {
- left: 41.666%;
- }
-
- .push--lap--seven-twelfths {
- left: 58.333%;
- }
-
- .push--lap--eleven-twelfths {
- left: 91.666%;
- }
-}
-@media only screen and (max-width: 767px) {
- /**
- * Whole
- */
- .push--portable--one-whole {
- left: 100%;
- }
-
- /**
- * Halves
- */
- .push--portable--one-half, .push--portable--two-quarters, .push--portable--three-sixths, .push--portable--four-eighths, .push--portable--five-tenths, .push--portable--six-twelfths {
- left: 50%;
- }
-
- /**
- * Thirds
- */
- .push--portable--one-third, .push--portable--two-sixths, .push--portable--four-twelfths {
- left: 33.333%;
- }
-
- .push--portable--two-thirds, .push--portable--four-sixths, .push--portable--eight-twelfths {
- left: 66.666%;
- }
-
- /**
- * Quarters
- */
- .push--portable--one-quarter, .push--portable--two-eighths, .push--portable--three-twelfths {
- left: 25%;
- }
-
- .push--portable--three-quarters, .push--portable--six-eighths, .push--portable--nine-twelfths {
- left: 75%;
- }
-
- /**
- * Fifths
- */
- .push--portable--one-fifth, .push--portable--two-tenths {
- left: 20%;
- }
-
- .push--portable--two-fifths, .push--portable--four-tenths {
- left: 40%;
- }
-
- .push--portable--three-fifths, .push--portable--six-tenths {
- left: 60%;
- }
-
- .push--portable--four-fifths, .push--portable--eight-tenths {
- left: 80%;
- }
-
- /**
- * Sixths
- */
- .push--portable--one-sixth, .push--portable--two-twelfths {
- left: 16.666%;
- }
-
- .push--portable--five-sixths, .push--portable--ten-twelfths {
- left: 83.333%;
- }
-
- /**
- * Eighths
- */
- .push--portable--one-eighth {
- left: 12.5%;
- }
-
- .push--portable--three-eighths {
- left: 37.5%;
- }
-
- .push--portable--five-eighths {
- left: 62.5%;
- }
-
- .push--portable--seven-eighths {
- left: 87.5%;
- }
-
- /**
- * Tenths
- */
- .push--portable--one-tenth {
- left: 10%;
- }
-
- .push--portable--three-tenths {
- left: 30%;
- }
-
- .push--portable--seven-tenths {
- left: 70%;
- }
-
- .push--portable--nine-tenths {
- left: 90%;
- }
-
- /**
- * Twelfths
- */
- .push--portable--one-twelfth {
- left: 8.333%;
- }
-
- .push--portable--five-twelfths {
- left: 41.666%;
- }
-
- .push--portable--seven-twelfths {
- left: 58.333%;
- }
-
- .push--portable--eleven-twelfths {
- left: 91.666%;
- }
-}
-@media only screen and (min-width: 768px) {
- /**
- * Whole
- */
- .push--desk--one-whole {
- left: 100%;
- }
-
- /**
- * Halves
- */
- .push--desk--one-half, .push--desk--two-quarters, .push--desk--three-sixths, .push--desk--four-eighths, .push--desk--five-tenths, .push--desk--six-twelfths {
- left: 50%;
- }
-
- /**
- * Thirds
- */
- .push--desk--one-third, .push--desk--two-sixths, .push--desk--four-twelfths {
- left: 33.333%;
- }
-
- .push--desk--two-thirds, .push--desk--four-sixths, .push--desk--eight-twelfths {
- left: 66.666%;
- }
-
- /**
- * Quarters
- */
- .push--desk--one-quarter, .push--desk--two-eighths, .push--desk--three-twelfths {
- left: 25%;
- }
-
- .push--desk--three-quarters, .push--desk--six-eighths, .push--desk--nine-twelfths {
- left: 75%;
- }
-
- /**
- * Fifths
- */
- .push--desk--one-fifth, .push--desk--two-tenths {
- left: 20%;
- }
-
- .push--desk--two-fifths, .push--desk--four-tenths {
- left: 40%;
- }
-
- .push--desk--three-fifths, .push--desk--six-tenths {
- left: 60%;
- }
-
- .push--desk--four-fifths, .push--desk--eight-tenths {
- left: 80%;
- }
-
- /**
- * Sixths
- */
- .push--desk--one-sixth, .push--desk--two-twelfths {
- left: 16.666%;
- }
-
- .push--desk--five-sixths, .push--desk--ten-twelfths {
- left: 83.333%;
- }
-
- /**
- * Eighths
- */
- .push--desk--one-eighth {
- left: 12.5%;
- }
-
- .push--desk--three-eighths {
- left: 37.5%;
- }
-
- .push--desk--five-eighths {
- left: 62.5%;
- }
-
- .push--desk--seven-eighths {
- left: 87.5%;
- }
-
- /**
- * Tenths
- */
- .push--desk--one-tenth {
- left: 10%;
- }
-
- .push--desk--three-tenths {
- left: 30%;
- }
-
- .push--desk--seven-tenths {
- left: 70%;
- }
-
- .push--desk--nine-tenths {
- left: 90%;
- }
-
- /**
- * Twelfths
- */
- .push--desk--one-twelfth {
- left: 8.333%;
- }
-
- .push--desk--five-twelfths {
- left: 41.666%;
- }
-
- .push--desk--seven-twelfths {
- left: 58.333%;
- }
-
- .push--desk--eleven-twelfths {
- left: 91.666%;
- }
-}
-/*------------------------------------*\
- $PULL
-\*------------------------------------*/
-/**
- * Pull classes, to move grid items back to the left by certain amounts.
- */
-@font-face {
- font-family: Batch;
- src: url("../fonts/batch.eot");
- src: url("../fonts/batch.eot?#iefix") format("embedded-opentype"), url("../fonts/batch.woff") format("woff"), url("../fonts/batch.ttf") format("truetype"), url("../fonts/batch.svg#batchregular") format("svg");
- font-weight: normal;
- font-style: normal;
-}
-
-.icon {
- font-family: "Batch";
- color: #d9dde0;
- line-height: 1;
- display: inline-block;
-}
-
-/*------------------------------------*\
- $HIDE
-\*------------------------------------*/
-/**
- * Hide classes, to hide elements on certain devices.
- */
-@media only screen and (max-width: 480px) {
- .palm--hide {
- display: none;
- }
-}
-@media only screen and (min-width: 481px) and (max-width: 767px) {
- .lap--hide {
- display: none;
- }
-}
-@media only screen and (max-width: 767px) {
- .portable--hide {
- display: none;
- }
-}
-@media only screen and (min-width: 768px) {
- .desk--hide {
- display: none;
- }
-}
-/* Load partials
- * ====================================================
-*/
-/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
-/* ==========================================================================
- HTML5 display definitions
- ========================================================================== */
-/*
- * Correct `block` display not defined in IE 8/9.
- */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
- display: block;
-}
-
-/*
- * Correct `inline-block` display not defined in IE 8/9.
- */
-audio,
-canvas,
-video {
- display: inline-block;
-}
-
-/*
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-audio:not([controls]) {
- display: none;
- height: 0;
-}
-
-/*
- * Address styling not present in IE 8/9.
- */
-[hidden] {
- display: none;
-}
-
-/* ==========================================================================
- Base
- ========================================================================== */
-/*
- * 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 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
- -ms-text-size-adjust: 100%;
- /* 2 */
-}
-
-/*
- * Remove default margin.
- */
-body {
- margin: 0;
-}
-
-/* ==========================================================================
- Links
- ========================================================================== */
-/*
- * Address `outline` inconsistency between Chrome and other browsers.
- */
-a:focus {
- outline: thin dotted;
-}
-
-/*
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-a:active,
-a:hover {
- outline: 0;
-}
-
-/* ==========================================================================
- Typography
- ========================================================================== */
-/*
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
- */
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
-/*
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-abbr[title] {
- border-bottom: 1px dotted;
-}
-
-/*
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
-b,
-strong {
- font-weight: bold;
-}
-
-/*
- * Address styling not present in Safari 5 and Chrome.
- */
-dfn {
- font-style: italic;
-}
-
-/*
- * Address differences between Firefox and other browsers.
- */
-hr {
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
-}
-
-/*
- * Address styling not present in IE 8/9.
- */
-mark {
- background: #ff0;
- color: #000;
-}
-
-/*
- * Correct font family set oddly in Safari 5 and Chrome.
- */
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, serif;
- font-size: 1em;
-}
-
-/*
- * Improve readability of pre-formatted text in all browsers.
- */
-pre {
- white-space: pre-wrap;
-}
-
-/*
- * Set consistent quote types.
- */
-q {
- quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-/*
- * 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.
- */
-img {
- border: 0;
-}
-
-/*
- * Correct overflow displayed oddly in IE 9.
- */
-svg:not(:root) {
- overflow: hidden;
-}
-
-/* ==========================================================================
- Figures
- ========================================================================== */
-/*
- * Address margin not present in IE 8/9 and Safari 5.
- */
-figure {
- margin: 0;
-}
-
-/* ==========================================================================
- Forms
- ========================================================================== */
-/*
- * 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.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-legend {
- border: 0;
- /* 1 */
- padding: 0;
- /* 2 */
-}
-
-/*
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- */
-button,
-input,
-select,
-textarea {
- font-family: inherit;
- /* 1 */
- font-size: 100%;
- /* 2 */
- margin: 0;
- /* 3 */
-}
-
-/*
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-button,
-input {
- line-height: normal;
-}
-
-/*
- * 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 Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
- */
-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;
-}
-
-/*
- * 1. Address box sizing set to `content-box` in IE 8/9.
- * 2. Remove excess padding in IE 8/9.
- */
-input[type="checkbox"],
-input[type="radio"] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
-}
-
-/*
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- * (include `-moz` to future-proof).
- */
-input[type="search"] {
- -webkit-appearance: textfield;
- /* 1 */
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box;
- /* 2 */
- box-sizing: content-box;
-}
-
-/*
- * Remove inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/*
- * Remove inner padding and border in Firefox 4+.
- */
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-/*
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
- */
-textarea {
- overflow: auto;
- /* 1 */
- vertical-align: top;
- /* 2 */
-}
-
-/* ==========================================================================
- Tables
- ========================================================================== */
-/*
- * Remove most spacing between table cells.
- */
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-/**
- * extracted from Harry Robert’s inuit.css
- * https://github.com/csswizardry/inuit.css/blob/master/generic/_reset.scss
-**/
-/**
- * The usual...
- */
-h1, h2, h3, h4, h5, h6,
-p, blockquote, pre,
-dl, dd, ol, ul,
-form, fieldset, legend,
-table, th, td, caption,
-hr {
- margin: 0;
- padding: 0;
-}
-
-/**
- * Give a help cursor to elements that give extra info on `:hover`.
- */
-abbr[title], dfn[title] {
- cursor: help;
-}
-
-/**
- * Remove underlines from potentially troublesome elements.
- */
-u, ins {
- text-decoration: none;
-}
-
-/**
- * Apply faux underline via `border-bottom`.
- */
-ins {
- border-bottom: 1px solid;
-}
-
-/**
- * So that `alt` text is visually offset if images don’t load.
- */
-img {
- font-style: italic;
-}
-
-/**
- * Give form elements some cursor interactions...
- */
-label,
-input,
-textarea,
-button,
-select,
-option {
- cursor: pointer;
-}
-
-.text-input:active,
-.text-input:focus,
-textarea:active,
-textarea:focus {
- cursor: text;
- outline: none;
-}
-
-/*------------------------------------*\
- $SHARED
-\*------------------------------------*/
-/**
- * Where `margin-bottom` is concerned, this value will be the same as the
- * base line-height. This allows us to keep a consistent vertical rhythm.
- * As per: csswizardry.com/2012/06/single-direction-margin-declarations
- */
-/**
- * Base elements
- */
-h1, h2, h3, h4, h5, h6, hgroup,
-ul, ol, dl,
-blockquote, p, address,
-table,
-fieldset, figure,
-pre,
-.media,
-.island,
-.islet {
- margin-bottom: 24px;
- margin-bottom: 1.5rem;
-}
-.islet h1, .islet h2, .islet h3, .islet h4, .islet h5, .islet h6, .islet hgroup, .islet
-ul, .islet ol, .islet dl, .islet
-blockquote, .islet p, .islet address, .islet
-table, .islet
-fieldset, .islet figure, .islet
-pre, .islet
-.media, .islet
-.island, .islet
-.islet {
- margin-bottom: 12px;
- margin-bottom: 0.75rem;
-}
-
-/**
- * Doubled up `margin-bottom` helper class.
- */
-.landmark {
- margin-bottom: 48px;
- margin-bottom: 3rem;
-}
-
-/**
- * `hr` elements only take up a few pixels, so we need to give them special
- * treatment regarding vertical rhythm.
- */
-hr {
- margin-bottom: 22px;
- margin-bottom: 1.375rem;
-}
-
-/**
- * Where `margin-left` is concerned we want to try and indent certain elements
- * by a consistent amount. Define that amount once, here.
- */
-ul, ol, dd {
- margin-left: 48px;
- margin-left: 3rem;
-}
-
-.push--top {
- margin-top: 24px;
-}
-
-html {
- font: 1em/1.5 "Helvetica Neue", Helvetica, sans-serif;
- overflow-y: scroll;
- min-height: 100%;
- color: #333435;
-}
-
-.centered {
- max-width: 960px;
- padding: 0 24px;
- margin-left: auto;
- margin-right: auto;
- position: relative;
-}
-
-a {
- color: #002f6f;
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-
-.muted-link {
- color: #333435;
-}
-
-.cf:before,
-.cf:after {
- content: " ";
- display: table;
-}
-
-.cf:after {
- clear: both;
-}
-
-.muted, .people-list__meta {
- color: #4c4d4f;
-}
-
-.smaller, .people-list__meta {
- font-size: 12px;
-}
-
-.align--center {
- text-align: center;
-}
-
-.button {
- padding: 1em 1.5em;
- border-radius: 4px;
- background-color: #f5f6f7;
- text-decoration: none;
- cursor: pointer;
- color: #333435;
- font-weight: bold;
- white-space: nowrap;
- display: inline-block;
- text-align: center;
- box-sizing: border-box;
-}
-.button:hover {
- background-color: #e7e9ec;
- text-decoration: none;
-}
-
-.button--primary {
- background-color: #002f6f;
- color: #fff;
-}
-.button--primary:hover {
- background-color: #003e93;
-}
-
-.button--stripped {
- border: none;
- background: transparent;
- font-weight: normal;
-}
-.button--stripped:hover {
- background: transparent;
-}
-
-.button--hollow {
- background: transparent;
- border: 2px solid #f5f6f7;
-}
-.button--hollow:hover {
- background: transparent;
- border-color: #e7e9ec;
-}
-
-@media only screen and (max-width: 767px) {
- .button {
- display: block;
- width: 100%;
- margin-bottom: 24px;
- }
-}
-.nav {
- list-style: none;
- margin-left: -1.5em;
-}
-.nav li {
- display: inline-block;
- margin-right: -0.25em;
-}
-.nav a {
- display: inline-block;
- padding: 1em 1.5em;
-}
-
-h2 {
- font-weight: 300;
- font-size: 28px;
-}
-
-/*------------------------------------*\
- $HEADER
-\*------------------------------------*/
-.main-header {
- background-color: #002f6f;
- color: #fff;
- padding: 24px 0;
- background-image: radial-gradient(ellipse at bottom right, #80bfe0 0%, #002f6f 53%, #001c41 100%);
-}
-
-.main-header__title {
- color: #fff;
- font-size: 2.25em;
- margin-bottom: 0;
-}
-
-/*------------------------------------*\
- $FOOTER
-\*------------------------------------*/
-html {
- position: relative;
- box-sizing: border-box;
- padding-bottom: 456px;
-}
-
-.main-footer {
- padding: 24px 0 0;
- background: #333;
- color: #fff;
- position: absolute;
- bottom: 0;
- width: 100%;
-}
-.main-footer .centered {
- background: url(../img/logo-muted.svg) no-repeat right 62%;
-}
-.main-footer a {
- color: #ccc;
-}
-
-.main-footer__links {
- list-style: none;
- margin-left: 0;
- color: #777;
-}
-.main-footer__links li, .main-footer__links h1, .main-footer__links h2, .main-footer__links h3 {
- line-height: 28px;
-}
-.main-footer__links .push--top {
- margin-top: 28px;
-}
-
-.main-footer__title {
- color: #fff;
-}
-
-@media only screen and (min-width: 768px) {
- html {
- padding-bottom: 192px;
- }
-}
-/*------------------------------------*\
- $HEADER
-\*------------------------------------*/
-.main-header--landing {
- padding: 48px 0 144px;
- color: #bcc7d7;
- background-image: radial-gradient(ellipse at 90% 80%, #80bfe0 0%, #002f6f 53%, #001c41 100%);
-}
-.main-header--landing a {
- color: #fff;
-}
-
-.main-header--landing__lang {
- float: right;
- opacity: .6;
- font-size: 13.6px;
- line-height: 13.6px;
- margin-top: -1em;
-}
-
-.main-header--landing__logo {
- margin-bottom: 48px;
-}
-
-.main-header--landing__title {
- margin-bottom: 24px;
-}
-
-.main-header--landing__text {
- font-size: 1.5em;
- font-weight: 300;
- margin-bottom: 72px;
-}
-
-.main-header--landing__actions .button {
- border-color: #fff;
- color: #fff;
-}
-.main-header--landing__actions .button--hollow:hover {
- background-color: rgba(255, 255, 255, 0.05);
-}
-.main-header--landing__actions .button--stripped {
- opacity: .8;
-}
-.main-header--landing__actions .button--stripped:hover {
- opacity: 1;
-}
-
-.main-header--landing__phone {
- position: absolute;
- right: 0;
- top: 24px;
- width: 362px;
- height: 759px;
- background: url(../img/phone.png) no-repeat right center;
- animation: phone--slidein 1s ease;
-}
-
-.main-header--landing__desc {
- animation: slide-in--left 1s ease;
- position: relative;
-}
-
-@keyframes phone--slidein {
- from {
- right: -100px;
- opacity: 0;
- transform: rotate(2deg);
- }
-
- to {
- right: 0;
- opacity: 1;
- transform: rotate(0deg);
- }
-}
-
-@keyframes slide-in--left {
- from {
- left: -50px;
- opacity: 0;
- }
-
- to {
- left: 0;
- opacity: 1;
- }
-}
-
-/*------------------------------------*\
- $MACBOOK
-\*------------------------------------*/
-.macbook-section {
- margin: 48px auto;
- min-height: 544px;
-}
-
-.macbook-section__bg {
- background: url(../img/macbook.png) no-repeat left top;
- width: 911px;
- height: 544px;
- position: absolute;
- right: 50%;
- top: 0;
-}
-
-.macbook-section__text {
- margin: 120px 0;
-}
-
-/*------------------------------------*\
- $CROWD
-\*------------------------------------*/
-.crowd-section {
- background: url(../img/crowd.png) no-repeat center center;
- background-size: cover;
- min-height: 360px;
-}
-
-.crowd-section__text {
- background: white;
- padding: 24px;
-}
-
-/*------------------------------------*\
- $CALL
-\*------------------------------------*/
-.call-section {
- padding: 48px 0 24px;
-}
-
-.call-section__text {
- text-align: center;
-}
-
-/*------------------------------------*\
- $TESTIMONIALS
-\*------------------------------------*/
-.testimonials {
- padding: 48px 0;
- color: #4c4d4f;
- background: #f5f6f7 url(../img/quote.svg) no-repeat -5% 150%;
- background-size: auto 80%;
-}
-
-.testimonials__title {
- text-align: center;
- font-weight: bold;
- margin-bottom: 48px;
-}
-
-.testimonials__author {
- text-align: right;
- font-style: italic;
- color: #727476;
- font-size: 13.6px;
-}
-
-/*------------------------------------*\
- $MEDIA-QUERIES
-\*------------------------------------*/
-@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
- .main-header--landing__phone {
- background: url(../img/phone@2x.png) no-repeat right center;
- background-size: 100% 100%;
- }
-
- .macbook-section__bg {
- background: url(../img/macbook@2x.png) no-repeat left top;
- background-size: 100% 100%;
- }
-}
-@media only screen and (max-width: 767px) {
- .main-header {
- background-image: radial-gradient(ellipse at 100% 100%, #80bfe0 0%, #002f6f 53%, #001c41 100%);
- padding: 48px 0;
- }
-
- .macbook-section__text {
- margin: 0;
- }
-
- .macbook-section {
- min-height: 0;
- }
-
- .main-footer__links .push--top {
- margin-top: 0;
- }
-
- .main-footer .centered {
- background-image: none;
- }
-}
-.main-nav {
- background-color: #f5f6f7;
-}
-.main-nav a {
- color: #444546;
- font-weight: bold;
- text-decoration: none;
-}
-.main-nav a:hover {
- background-color: #eaecee;
-}
-.main-nav .active a {
- background-color: #eaecee;
-}
-
-.people-list {
- margin-top: -48px;
-}
-
-.people-list__item {
- margin-bottom: 24px;
- position: relative;
- min-height: 120px;
-}
-
-.people-list__photo {
- width: 90px;
- height: 120px;
- background-position: center center;
- background-size: cover;
- border-radius: 4px;
- position: absolute;
- left: 24px;
-}
-
-.people-list__desc {
- padding-left: 114px;
- margin: 0;
-}
-
-.people-list__name {
- display: block;
-}
-
-.people-list__meta {
- display: block;
-}
-
-.people-list__separator {
- margin-top: 48px;
-}
-
-.feature-list {
- margin-top: 48px;
-}
-
-.feature-list__item {
- text-align: center;
- margin-bottom: 48px;
-}
-
-.feature-list__icon {
- font-size: 4em;
- display: block;
- margin-bottom: 24px;
-}
-
-.call-section--features {
- padding-top: 0;
-}
+.grid{list-style:none;margin:0 0 0 -48px;padding:0;letter-spacing:-.31em}.grid,.opera:-o-prefocus{word-spacing:-.43em}.grid__item{display:inline-block;padding-left:48px;vertical-align:top;width:100%;box-sizing:border-box;letter-spacing:normal;word-spacing:normal}.grid--rev{direction:rtl;text-align:left}.grid--rev>.grid__item{direction:ltr;text-align:left}.grid--full{margin-left:0}.grid--full>.grid__item{padding-left:0}.grid--right{text-align:right}.grid--right>.grid__item{text-align:left}.grid--center{text-align:center}.grid--center>.grid__item{text-align:left}.grid--middle>.grid__item{vertical-align:middle}.grid--bottom>.grid__item{vertical-align:bottom}.grid--narrow{margin-left:-24px}.grid--narrow>.grid__item{padding-left:24px}.grid--wide{margin-left:-96px}.grid--wide>.grid__item{padding-left:96px}.one-whole{width:100%}.five-tenths,.four-eighths,.one-half,.six-twelfths,.three-sixths,.two-quarters{width:50%}.four-twelfths,.one-third,.two-sixths{width:33.333%}.eight-twelfths,.four-sixths,.two-thirds{width:66.666%}.one-quarter,.three-twelfths,.two-eighths{width:25%}.nine-twelfths,.six-eighths,.three-quarters{width:75%}.one-fifth,.two-tenths{width:20%}.four-tenths,.two-fifths{width:40%}.six-tenths,.three-fifths{width:60%}.eight-tenths,.four-fifths{width:80%}.one-sixth,.two-twelfths{width:16.666%}.five-sixths,.ten-twelfths{width:83.333%}.one-eighth{width:12.5%}.three-eighths{width:37.5%}.five-eighths{width:62.5%}.seven-eighths{width:87.5%}.one-tenth{width:10%}.three-tenths{width:30%}.seven-tenths{width:70%}.nine-tenths{width:90%}.one-twelfth{width:8.333%}.five-twelfths{width:41.666%}.seven-twelfths{width:58.333%}.eleven-twelfths{width:91.666%}@media only screen and (max-width:480px){.palm--one-whole{width:100%}.palm--five-tenths,.palm--four-eighths,.palm--one-half,.palm--six-twelfths,.palm--three-sixths,.palm--two-quarters{width:50%}.palm--four-twelfths,.palm--one-third,.palm--two-sixths{width:33.333%}.palm--eight-twelfths,.palm--four-sixths,.palm--two-thirds{width:66.666%}.palm--one-quarter,.palm--three-twelfths,.palm--two-eighths{width:25%}.palm--nine-twelfths,.palm--six-eighths,.palm--three-quarters{width:75%}.palm--one-fifth,.palm--two-tenths{width:20%}.palm--four-tenths,.palm--two-fifths{width:40%}.palm--six-tenths,.palm--three-fifths{width:60%}.palm--eight-tenths,.palm--four-fifths{width:80%}.palm--one-sixth,.palm--two-twelfths{width:16.666%}.palm--five-sixths,.palm--ten-twelfths{width:83.333%}.palm--one-eighth{width:12.5%}.palm--three-eighths{width:37.5%}.palm--five-eighths{width:62.5%}.palm--seven-eighths{width:87.5%}.palm--one-tenth{width:10%}.palm--three-tenths{width:30%}.palm--seven-tenths{width:70%}.palm--nine-tenths{width:90%}.palm--one-twelfth{width:8.333%}.palm--five-twelfths{width:41.666%}.palm--seven-twelfths{width:58.333%}.palm--eleven-twelfths{width:91.666%}}@media only screen and (min-width:481px) and (max-width:767px){.lap--one-whole{width:100%}.lap--five-tenths,.lap--four-eighths,.lap--one-half,.lap--six-twelfths,.lap--three-sixths,.lap--two-quarters{width:50%}.lap--four-twelfths,.lap--one-third,.lap--two-sixths{width:33.333%}.lap--eight-twelfths,.lap--four-sixths,.lap--two-thirds{width:66.666%}.lap--one-quarter,.lap--three-twelfths,.lap--two-eighths{width:25%}.lap--nine-twelfths,.lap--six-eighths,.lap--three-quarters{width:75%}.lap--one-fifth,.lap--two-tenths{width:20%}.lap--four-tenths,.lap--two-fifths{width:40%}.lap--six-tenths,.lap--three-fifths{width:60%}.lap--eight-tenths,.lap--four-fifths{width:80%}.lap--one-sixth,.lap--two-twelfths{width:16.666%}.lap--five-sixths,.lap--ten-twelfths{width:83.333%}.lap--one-eighth{width:12.5%}.lap--three-eighths{width:37.5%}.lap--five-eighths{width:62.5%}.lap--seven-eighths{width:87.5%}.lap--one-tenth{width:10%}.lap--three-tenths{width:30%}.lap--seven-tenths{width:70%}.lap--nine-tenths{width:90%}.lap--one-twelfth{width:8.333%}.lap--five-twelfths{width:41.666%}.lap--seven-twelfths{width:58.333%}.lap--eleven-twelfths{width:91.666%}}@media only screen and (max-width:767px){.portable--one-whole{width:100%}.portable--five-tenths,.portable--four-eighths,.portable--one-half,.portable--six-twelfths,.portable--three-sixths,.portable--two-quarters{width:50%}.portable--four-twelfths,.portable--one-third,.portable--two-sixths{width:33.333%}.portable--eight-twelfths,.portable--four-sixths,.portable--two-thirds{width:66.666%}.portable--one-quarter,.portable--three-twelfths,.portable--two-eighths{width:25%}.portable--nine-twelfths,.portable--six-eighths,.portable--three-quarters{width:75%}.portable--one-fifth,.portable--two-tenths{width:20%}.portable--four-tenths,.portable--two-fifths{width:40%}.portable--six-tenths,.portable--three-fifths{width:60%}.portable--eight-tenths,.portable--four-fifths{width:80%}.portable--one-sixth,.portable--two-twelfths{width:16.666%}.portable--five-sixths,.portable--ten-twelfths{width:83.333%}.portable--one-eighth{width:12.5%}.portable--three-eighths{width:37.5%}.portable--five-eighths{width:62.5%}.portable--seven-eighths{width:87.5%}.portable--one-tenth{width:10%}.portable--three-tenths{width:30%}.portable--seven-tenths{width:70%}.portable--nine-tenths{width:90%}.portable--one-twelfth{width:8.333%}.portable--five-twelfths{width:41.666%}.portable--seven-twelfths{width:58.333%}.portable--eleven-twelfths{width:91.666%}}@media only screen and (min-width:768px){.desk--one-whole{width:100%}.desk--five-tenths,.desk--four-eighths,.desk--one-half,.desk--six-twelfths,.desk--three-sixths,.desk--two-quarters{width:50%}.desk--four-twelfths,.desk--one-third,.desk--two-sixths{width:33.333%}.desk--eight-twelfths,.desk--four-sixths,.desk--two-thirds{width:66.666%}.desk--one-quarter,.desk--three-twelfths,.desk--two-eighths{width:25%}.desk--nine-twelfths,.desk--six-eighths,.desk--three-quarters{width:75%}.desk--one-fifth,.desk--two-tenths{width:20%}.desk--four-tenths,.desk--two-fifths{width:40%}.desk--six-tenths,.desk--three-fifths{width:60%}.desk--eight-tenths,.desk--four-fifths{width:80%}.desk--one-sixth,.desk--two-twelfths{width:16.666%}.desk--five-sixths,.desk--ten-twelfths{width:83.333%}.desk--one-eighth{width:12.5%}.desk--three-eighths{width:37.5%}.desk--five-eighths{width:62.5%}.desk--seven-eighths{width:87.5%}.desk--one-tenth{width:10%}.desk--three-tenths{width:30%}.desk--seven-tenths{width:70%}.desk--nine-tenths{width:90%}.desk--one-twelfth{width:8.333%}.desk--five-twelfths{width:41.666%}.desk--seven-twelfths{width:58.333%}.desk--eleven-twelfths{width:91.666%}}[class*=push--]{position:relative}.push--one-whole{left:100%}.push--five-tenths,.push--four-eighths,.push--one-half,.push--six-twelfths,.push--three-sixths,.push--two-quarters{left:50%}.push--four-twelfths,.push--one-third,.push--two-sixths{left:33.333%}.push--eight-twelfths,.push--four-sixths,.push--two-thirds{left:66.666%}.push--one-quarter,.push--three-twelfths,.push--two-eighths{left:25%}.push--nine-twelfths,.push--six-eighths,.push--three-quarters{left:75%}.push--one-fifth,.push--two-tenths{left:20%}.push--four-tenths,.push--two-fifths{left:40%}.push--six-tenths,.push--three-fifths{left:60%}.push--eight-tenths,.push--four-fifths{left:80%}.push--one-sixth,.push--two-twelfths{left:16.666%}.push--five-sixths,.push--ten-twelfths{left:83.333%}.push--one-eighth{left:12.5%}.push--three-eighths{left:37.5%}.push--five-eighths{left:62.5%}.push--seven-eighths{left:87.5%}.push--one-tenth{left:10%}.push--three-tenths{left:30%}.push--seven-tenths{left:70%}.push--nine-tenths{left:90%}.push--one-twelfth{left:8.333%}.push--five-twelfths{left:41.666%}.push--seven-twelfths{left:58.333%}.push--eleven-twelfths{left:91.666%}@media only screen and (max-width:480px){.push--palm--one-whole{left:100%}.push--palm--five-tenths,.push--palm--four-eighths,.push--palm--one-half,.push--palm--six-twelfths,.push--palm--three-sixths,.push--palm--two-quarters{left:50%}.push--palm--four-twelfths,.push--palm--one-third,.push--palm--two-sixths{left:33.333%}.push--palm--eight-twelfths,.push--palm--four-sixths,.push--palm--two-thirds{left:66.666%}.push--palm--one-quarter,.push--palm--three-twelfths,.push--palm--two-eighths{left:25%}.push--palm--nine-twelfths,.push--palm--six-eighths,.push--palm--three-quarters{left:75%}.push--palm--one-fifth,.push--palm--two-tenths{left:20%}.push--palm--four-tenths,.push--palm--two-fifths{left:40%}.push--palm--six-tenths,.push--palm--three-fifths{left:60%}.push--palm--eight-tenths,.push--palm--four-fifths{left:80%}.push--palm--one-sixth,.push--palm--two-twelfths{left:16.666%}.push--palm--five-sixths,.push--palm--ten-twelfths{left:83.333%}.push--palm--one-eighth{left:12.5%}.push--palm--three-eighths{left:37.5%}.push--palm--five-eighths{left:62.5%}.push--palm--seven-eighths{left:87.5%}.push--palm--one-tenth{left:10%}.push--palm--three-tenths{left:30%}.push--palm--seven-tenths{left:70%}.push--palm--nine-tenths{left:90%}.push--palm--one-twelfth{left:8.333%}.push--palm--five-twelfths{left:41.666%}.push--palm--seven-twelfths{left:58.333%}.push--palm--eleven-twelfths{left:91.666%}}@media only screen and (min-width:481px) and (max-width:767px){.push--lap--one-whole{left:100%}.push--lap--five-tenths,.push--lap--four-eighths,.push--lap--one-half,.push--lap--six-twelfths,.push--lap--three-sixths,.push--lap--two-quarters{left:50%}.push--lap--four-twelfths,.push--lap--one-third,.push--lap--two-sixths{left:33.333%}.push--lap--eight-twelfths,.push--lap--four-sixths,.push--lap--two-thirds{left:66.666%}.push--lap--one-quarter,.push--lap--three-twelfths,.push--lap--two-eighths{left:25%}.push--lap--nine-twelfths,.push--lap--six-eighths,.push--lap--three-quarters{left:75%}.push--lap--one-fifth,.push--lap--two-tenths{left:20%}.push--lap--four-tenths,.push--lap--two-fifths{left:40%}.push--lap--six-tenths,.push--lap--three-fifths{left:60%}.push--lap--eight-tenths,.push--lap--four-fifths{left:80%}.push--lap--one-sixth,.push--lap--two-twelfths{left:16.666%}.push--lap--five-sixths,.push--lap--ten-twelfths{left:83.333%}.push--lap--one-eighth{left:12.5%}.push--lap--three-eighths{left:37.5%}.push--lap--five-eighths{left:62.5%}.push--lap--seven-eighths{left:87.5%}.push--lap--one-tenth{left:10%}.push--lap--three-tenths{left:30%}.push--lap--seven-tenths{left:70%}.push--lap--nine-tenths{left:90%}.push--lap--one-twelfth{left:8.333%}.push--lap--five-twelfths{left:41.666%}.push--lap--seven-twelfths{left:58.333%}.push--lap--eleven-twelfths{left:91.666%}}@media only screen and (max-width:767px){.push--portable--one-whole{left:100%}.push--portable--five-tenths,.push--portable--four-eighths,.push--portable--one-half,.push--portable--six-twelfths,.push--portable--three-sixths,.push--portable--two-quarters{left:50%}.push--portable--four-twelfths,.push--portable--one-third,.push--portable--two-sixths{left:33.333%}.push--portable--eight-twelfths,.push--portable--four-sixths,.push--portable--two-thirds{left:66.666%}.push--portable--one-quarter,.push--portable--three-twelfths,.push--portable--two-eighths{left:25%}.push--portable--nine-twelfths,.push--portable--six-eighths,.push--portable--three-quarters{left:75%}.push--portable--one-fifth,.push--portable--two-tenths{left:20%}.push--portable--four-tenths,.push--portable--two-fifths{left:40%}.push--portable--six-tenths,.push--portable--three-fifths{left:60%}.push--portable--eight-tenths,.push--portable--four-fifths{left:80%}.push--portable--one-sixth,.push--portable--two-twelfths{left:16.666%}.push--portable--five-sixths,.push--portable--ten-twelfths{left:83.333%}.push--portable--one-eighth{left:12.5%}.push--portable--three-eighths{left:37.5%}.push--portable--five-eighths{left:62.5%}.push--portable--seven-eighths{left:87.5%}.push--portable--one-tenth{left:10%}.push--portable--three-tenths{left:30%}.push--portable--seven-tenths{left:70%}.push--portable--nine-tenths{left:90%}.push--portable--one-twelfth{left:8.333%}.push--portable--five-twelfths{left:41.666%}.push--portable--seven-twelfths{left:58.333%}.push--portable--eleven-twelfths{left:91.666%}}@media only screen and (min-width:768px){.push--desk--one-whole{left:100%}.push--desk--five-tenths,.push--desk--four-eighths,.push--desk--one-half,.push--desk--six-twelfths,.push--desk--three-sixths,.push--desk--two-quarters{left:50%}.push--desk--four-twelfths,.push--desk--one-third,.push--desk--two-sixths{left:33.333%}.push--desk--eight-twelfths,.push--desk--four-sixths,.push--desk--two-thirds{left:66.666%}.push--desk--one-quarter,.push--desk--three-twelfths,.push--desk--two-eighths{left:25%}.push--desk--nine-twelfths,.push--desk--six-eighths,.push--desk--three-quarters{left:75%}.push--desk--one-fifth,.push--desk--two-tenths{left:20%}.push--desk--four-tenths,.push--desk--two-fifths{left:40%}.push--desk--six-tenths,.push--desk--three-fifths{left:60%}.push--desk--eight-tenths,.push--desk--four-fifths{left:80%}.push--desk--one-sixth,.push--desk--two-twelfths{left:16.666%}.push--desk--five-sixths,.push--desk--ten-twelfths{left:83.333%}.push--desk--one-eighth{left:12.5%}.push--desk--three-eighths{left:37.5%}.push--desk--five-eighths{left:62.5%}.push--desk--seven-eighths{left:87.5%}.push--desk--one-tenth{left:10%}.push--desk--three-tenths{left:30%}.push--desk--seven-tenths{left:70%}.push--desk--nine-tenths{left:90%}.push--desk--one-twelfth{left:8.333%}.push--desk--five-twelfths{left:41.666%}.push--desk--seven-twelfths{left:58.333%}.push--desk--eleven-twelfths{left:91.666%}}@media only screen and (max-width:480px){.palm--hide{display:none}}@media only screen and (min-width:481px) and (max-width:767px){.lap--hide{display:none}}@media only screen and (max-width:767px){.portable--hide{display:none}}@media only screen and (min-width:768px){.desk--hide{display:none}}.grid__item img{max-width:100%}@font-face{font-family:Batch;src:url(../fonts/batch.eot);src:url(../fonts/batch.eot?#iefix) format('embedded-opentype'),url(../fonts/batch.woff) format('woff'),url(../fonts/batch.ttf) format('truetype'),url(../fonts/batch.svg#batchregular) format('svg');font-weight:400;font-style:normal}.icon{font-family:Batch;color:#d9dde0;line-height:1;display:inline-block}/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver}legend{border:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}blockquote,caption,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}img{font-style:italic}button,input,label,option,select,textarea{cursor:pointer}.text-input:active,.text-input:focus,textarea:active,textarea:focus{cursor:text;outline:0}.island,.islet,.media,address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hgroup,ol,p,pre,table,ul{margin-bottom:1.5rem}.islet .island,.islet .islet,.islet .media,.islet address,.islet blockquote,.islet dl,.islet fieldset,.islet figure,.islet h1,.islet h2,.islet h3,.islet h4,.islet h5,.islet h6,.islet hgroup,.islet ol,.islet p,.islet pre,.islet table,.islet ul{margin-bottom:.75rem}.landmark{margin-bottom:3rem}hr{margin-bottom:1.375rem}dd,ol,ul{margin-left:3rem}.push--top{margin-top:24px}.form legend,.gamma,h3{font-size:24px;line-height:1}.delta,h4{font-size:20px;line-height:1.2}.epsilon,h5{font-size:16px;line-height:1.5}.zeta,h6{font-size:14px;line-height:1.71429}.hN{margin-bottom:4px}.giga{font-size:96px;line-height:1}.mega{font-size:72px;line-height:1}.kilo{font-size:48px;line-height:1}.landing-header__text,.lead{font-size:20px}html{font:1em/1.5 "Fira Sans","Helvetica Neue",Helvetica,sans-serif;overflow-y:scroll;min-height:100%;color:#333435;background-color:#333435}.centered{max-width:960px;padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto;position:relative}a{color:#002f6f;-webkit-transition:all .25s ease;transition:all .25s ease;text-decoration:none}a:hover{color:#005cd5}img{margin-bottom:-4px}.muted-link{color:#333435}.cf:after,.cf:before,.main-nav--header:after,.main-nav--header:before{content:" ";display:table}.cf:after,.main-nav--header:after{clear:both}.form--stacked .help-text,.muted,.people-list__meta{color:#4c4e4f}.people-list__meta,.smaller{font-size:14px}.align--center{text-align:center}.align--right{text-align:right}.float--right{float:right}.nomargin{margin:0}figure img{margin-bottom:12px}.vertical-center .grid__item{vertical-align:middle}@media only screen and (max-width:767px){.portable--float-none{float:none}}.button{padding:1em 1.5em;border-radius:4px;background-color:#f5f6f7;text-decoration:none;cursor:pointer;color:#333435;font-weight:700;white-space:nowrap;display:inline-block;text-align:center;box-sizing:border-box;border:none}.button:hover{background-color:#e7e9ec;text-decoration:none}.button--primary{background-color:#002f6f;color:#fff}.button--primary:hover{color:#fff;background-color:#004093}.button--stripped{border:none;background:0 0;font-weight:400}.button--stripped:hover{background:0 0}.button--hollow{background:0 0;border:2px solid #f5f6f7}.button--hollow:hover{background:0 0;border-color:#e7e9ec}@media only screen and (max-width:767px){.button{display:block;width:100%;margin-bottom:24px}}.form input[type=color],.form input[type=date],.form input[type=datetime-local],.form input[type=datetime],.form input[type=email],.form input[type=month],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=time],.form input[type=url],.form input[type=week],.form select,.form textarea{border:1px solid #d9dde0;border-radius:4px;font-size:16px;line-height:1.5;padding:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;width:320px;max-width:100%}.form input[type=color]:focus,.form input[type=date]:focus,.form input[type=datetime-local]:focus,.form input[type=datetime]:focus,.form input[type=email]:focus,.form input[type=month]:focus,.form input[type=number]:focus,.form input[type=password]:focus,.form input[type=search]:focus,.form input[type=tel]:focus,.form input[type=text]:focus,.form input[type=time]:focus,.form input[type=url]:focus,.form input[type=week]:focus,.form select:focus,.form textarea:focus{outline:0;box-shadow:0 1px 3px rgba(0,0,0,.2)}.form input[type=color].erroneous,.form input[type=date].erroneous,.form input[type=datetime-local].erroneous,.form input[type=datetime].erroneous,.form input[type=email].erroneous,.form input[type=month].erroneous,.form input[type=number].erroneous,.form input[type=password].erroneous,.form input[type=search].erroneous,.form input[type=tel].erroneous,.form input[type=text].erroneous,.form input[type=time].erroneous,.form input[type=url].erroneous,.form input[type=week].erroneous,.form select.erroneous,.form textarea.erroneous{border-color:#C45D58}.form input[type=checkbox],.form input[type=radio]{margin-right:6px}.form legend{display:block;width:100%;border-bottom:1px solid #f5f6f7;padding-bottom:6px;margin-bottom:18px;box-sizing:border-box}.form fieldset{border:none}.form option,.form select{height:38px;box-shadow:none}.form--stacked label{display:block;font-size:16px;line-height:1.5;margin-top:-6px;margin-bottom:3px}.form--stacked .help-text{font-size:14px;line-height:1.71429;font-style:italic;margin-bottom:-3px;margin-top:3px}.form--block input[type=color],.form--block input[type=date],.form--block input[type=datetime-local],.form--block input[type=datetime],.form--block input[type=email],.form--block input[type=month],.form--block input[type=number],.form--block input[type=password],.form--block input[type=search],.form--block input[type=tel],.form--block input[type=text],.form--block input[type=time],.form--block input[type=url],.form--block input[type=week],.form--block select,.form--block textarea{display:block;width:100%}.form__control-group,.form__controls{display:block;margin-bottom:24px}@media only screen and (max-width:767px){.form--stacked input[type=color],.form--stacked input[type=date],.form--stacked input[type=datetime-local],.form--stacked input[type=datetime],.form--stacked input[type=email],.form--stacked input[type=month],.form--stacked input[type=number],.form--stacked input[type=password],.form--stacked input[type=search],.form--stacked input[type=tel],.form--stacked input[type=text],.form--stacked input[type=time],.form--stacked input[type=url],.form--stacked input[type=week],.form--stacked select,.form--stacked textarea{display:block;width:100%}}.form--inline .button,.form--inline button,.form--inline input[type=submit]{padding:6px 12px}.form__potty{position:absolute;top:-9999px;left:-9999px}.required:after{content:" *";color:#C45D58}.radio-group{list-style:none;margin-left:0}.radio-group--inline li{display:inline-block;padding-right:24px}li.radio-group__label{font-weight:700;display:block}.form .message{padding:1em 1.5em;border-radius:4px}.form .message.success{background-color:#80C080;color:#fff}.form .message.error{background-color:#C45D58;color:#fff}.nav--inline{margin-left:-24px;display:inline-block}.nav--inline li{display:inline-block;margin-left:24px}.nav--inline a{display:inline-block;margin-bottom:0}.nav--block{margin-left:0;display:block}.nav--block a,.nav--block li{display:block}.alpha,h1{font-weight:300;font-size:48px;line-height:1;margin-bottom:48px}.beta,h2{color:#002f6f;font-size:24px;line-height:1;font-weight:400}.main-header{background-color:#002f6f;color:#fff;padding:24px 0;background-image:-webkit-radial-gradient(ellipse at bottom right,#80bfe0 0,#002f6f 53%,#001c41 100%);background-image:radial-gradient(ellipse at bottom right,#80bfe0 0,#002f6f 53%,#001c41 100%)}.main-header__title{color:#fff;font-size:2.25em;margin-bottom:0}.page{padding:48px 0 24px;background-color:#fff}.main-footer{padding:24px 0 0;background:#333435;color:#fff}.main-footer .centered{background:url(../img/logo-muted.svg) calc(100% - 24px) 62% no-repeat}.main-footer a{color:#ccc;text-decoration:none}.main-footer a:hover{color:#fff}.main-footer__links{list-style:none;margin-left:0;color:#777}.main-footer__links h1,.main-footer__links h2,.main-footer__links h3,.main-footer__links li{line-height:28px}.main-footer__links .push--top{margin-top:28px}.main-footer__title{color:#fff}.call-section,.how,.in-action-section,.information-container,.testimonials,.tour-section{padding:72px 0 48px;background-color:#fff}@media only screen and (min-width:768px){.page{padding-top:168px}.page--container{padding-top:96px}}.landing-header{padding:168px 0 120px;background:url(../img/crowd-blue.png) top center/cover no-repeat;color:#fff;text-align:center}.landing-header a{color:#fff}.landing-header__lang{float:right;opacity:.6;font-size:13.6px;line-height:13.6px;margin-top:-72px;z-index:110;position:relative}.landing-header__title{font-weight:300}.landing-header__text{margin-bottom:48px}.landing-header__actions .button{border-color:#fff;color:#fff}.landing-header__actions .button--hollow:hover{background-color:rgba(255,255,255,.05)}.landing-header__actions .button--stripped{opacity:.8}.landing-header__actions .button--stripped:hover{opacity:1}.landing-header__desc{-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-animation:fadein ease 1.25s;animation:fadein ease 1.25s}@-webkit-keyframes fadein{0%{-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(0.5);transform:scale(0.5)}50%{-webkit-filter:blur(10px);filter:blur(10px)}70%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-filter:blur(0px);filter:blur(0px)}}@keyframes fadein{0%{-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(0.5);transform:scale(0.5)}50%{-webkit-filter:blur(10px);filter:blur(10px)}70%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-filter:blur(0px);filter:blur(0px)}}.call-section__text,.how{text-align:center}.in-action-section{text-align:center;background-color:#333435;color:#fff;overflow:hidden}.cases__item{background:#f5f6f7;color:#333435;text-align:left;margin-bottom:24px;box-shadow:0 3px 15px rgba(0,0,0,.85);height:456px;position:relative}.cases__item h2{font-weight:700;text-shadow:0 0 3px #f5f6f7}.cases__fade{height:192px;overflow:hidden;position:relative}.cases__fade:after{content:"";width:100%;height:100%;top:0;position:absolute;background-image:-webkit-linear-gradient(90deg,#f5f6f7 0,rgba(245,246,247,0) 50%);background-image:linear-gradient(0deg,#f5f6f7 0,rgba(245,246,247,0) 50%)}.cases__img{height:100%;background-size:cover}.cases__desc{padding:24px;position:absolute;bottom:0}.testimonials__item{position:relative;min-height:264px;padding-bottom:72px}.testimonials__border{height:0;border:none;border-bottom:4px solid #f5f6f7;margin-bottom:-48px;margin-top:24px;margin-left:48px}.testimonials__title{text-align:center;color:#002f6f}.testimonials__author{text-align:right;font-style:italic;color:#727476;font-size:13.6px;position:absolute;right:0;bottom:0}@media only screen and (max-width:767px){.landing-header{padding-top:0;padding-bottom:72px}.landing-header__lang{float:none;margin-top:-48px;margin-bottom:24px}.landing-header .main-nav{margin-bottom:72px}}@media only screen and (min-width:768px){.cases__item{margin-bottom:-48px}.how__figure{height:264px;position:relative}.how__figure figcaption{position:absolute;bottom:0;width:100%}}.main-nav,.sub-nav{font-weight:700;font-size:18px;line-height:1;text-align:left;position:static;width:100%;top:0;z-index:100;-webkit-transition:padding ease 300ms;transition:padding ease 300ms}.main-nav{background-color:#002f6f;padding:12px 0}.main-nav a{text-decoration:none;padding:12px 18px;color:#fff}.main-nav__button{background-color:rgba(0,47,111,.5);border-radius:4px;border:2px solid #fff}.main-nav__button:hover{background-color:#002f6f}a.main-nav__logo{display:inline-block;padding:0;margin:0}a.main-nav__logo img{height:42px;-webkit-transition:height ease 300ms;transition:height ease 300ms}.sub-nav{background:#f5f6f7;top:68.4px;border-bottom:2px solid #fff}.sub-nav a{padding:18px}.sub-nav__links{margin-bottom:0}.sub-nav__links .active a{background-color:#fff}@media only screen and (min-width:768px){.main-nav .active::after{content:" ";border:8px solid transparent;border-bottom-color:#f5f6f7;position:absolute;bottom:-14.4px;left:50%;margin-left:-8px}.main-nav li{position:relative;margin-left:6px}.main-nav--header .main-nav__button{border-color:transparent}.main-nav__links{margin-bottom:0;float:right}.main-nav,.sub-nav{position:fixed}.main-nav--header{padding:24px 0;background-color:transparent}.main-nav--header a.main-nav__logo img{height:90px}}@media only screen and (max-width:767px){.main-nav{text-align:center}.main-nav li{margin-left:0}a.main-nav__logo{display:block;width:100%;margin-bottom:12px}.main-nav__links{margin-bottom:0;margin-left:0}.sub-nav{text-align:center}}.people-list{margin-top:-48px}.people-list__item{margin-bottom:24px;position:relative;min-height:120px}.people-list__photo{width:90px;height:120px;background-position:center center;background-size:cover;border-radius:4px;position:absolute}.people-list__desc{padding-left:114px;margin:0}.people-list__meta,.people-list__name{display:block}.feature-list,.people-list__separator{margin-top:48px}.feature-list__item{text-align:center;margin-bottom:48px}.feature-list__icon{font-size:4em;display:block;margin-bottom:24px}.call-section--features{padding-top:0}.tour-section--odd{background-color:#f5f6f7}.tour-section--bars .centered{background:url(../img/bars.svg) right bottom no-repeat}.example-question{text-align:center;font-style:italic}.download-container{text-align:center;margin-bottom:20px}.download-container p{margin:0}.download-container .button{margin-bottom:4px}
\ No newline at end of file
diff --git a/assets/css/main.min.css b/assets/css/main.min.css
deleted file mode 100644
index b69ddd7..0000000
--- a/assets/css/main.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";.grid{list-style:none;margin:0;padding:0;margin-left:-24px;letter-spacing:-.31em}.grid,.opera:-o-prefocus{word-spacing:-.43em}.grid__item{display:inline-block;padding-left:24px;vertical-align:top;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;letter-spacing:normal;word-spacing:normal}.grid--rev{direction:rtl;text-align:left}.grid--rev>.grid__item{direction:ltr;text-align:left}.grid--full{margin-left:0}.grid--full>.grid__item{padding-left:0}.grid--right{text-align:right}.grid--right>.grid__item{text-align:left}.grid--center{text-align:center}.grid--center>.grid__item{text-align:left}.grid--middle>.grid__item{vertical-align:middle}.grid--bottom>.grid__item{vertical-align:bottom}.grid--narrow{margin-left:-12px}.grid--narrow>.grid__item{padding-left:12px}.grid--wide{margin-left:-48px}.grid--wide>.grid__item{padding-left:48px}.one-whole{width:100%}.five-tenths,.four-eighths,.one-half,.six-twelfths,.three-sixths,.two-quarters{width:50%}.four-twelfths,.one-third,.two-sixths{width:33.333%}.eight-twelfths,.four-sixths,.two-thirds{width:66.666%}.one-quarter,.three-twelfths,.two-eighths{width:25%}.nine-twelfths,.six-eighths,.three-quarters{width:75%}.one-fifth,.two-tenths{width:20%}.four-tenths,.two-fifths{width:40%}.six-tenths,.three-fifths{width:60%}.eight-tenths,.four-fifths{width:80%}.one-sixth,.two-twelfths{width:16.666%}.five-sixths,.ten-twelfths{width:83.333%}.one-eighth{width:12.5%}.three-eighths{width:37.5%}.five-eighths{width:62.5%}.seven-eighths{width:87.5%}.one-tenth{width:10%}.three-tenths{width:30%}.seven-tenths{width:70%}.nine-tenths{width:90%}.one-twelfth{width:8.333%}.five-twelfths{width:41.666%}.seven-twelfths{width:58.333%}.eleven-twelfths{width:91.666%}@media only screen and (max-width:480px){.palm--one-whole{width:100%}.palm--five-tenths,.palm--four-eighths,.palm--one-half,.palm--six-twelfths,.palm--three-sixths,.palm--two-quarters{width:50%}.palm--four-twelfths,.palm--one-third,.palm--two-sixths{width:33.333%}.palm--eight-twelfths,.palm--four-sixths,.palm--two-thirds{width:66.666%}.palm--one-quarter,.palm--three-twelfths,.palm--two-eighths{width:25%}.palm--nine-twelfths,.palm--six-eighths,.palm--three-quarters{width:75%}.palm--one-fifth,.palm--two-tenths{width:20%}.palm--four-tenths,.palm--two-fifths{width:40%}.palm--six-tenths,.palm--three-fifths{width:60%}.palm--eight-tenths,.palm--four-fifths{width:80%}.palm--one-sixth,.palm--two-twelfths{width:16.666%}.palm--five-sixths,.palm--ten-twelfths{width:83.333%}.palm--one-eighth{width:12.5%}.palm--three-eighths{width:37.5%}.palm--five-eighths{width:62.5%}.palm--seven-eighths{width:87.5%}.palm--one-tenth{width:10%}.palm--three-tenths{width:30%}.palm--seven-tenths{width:70%}.palm--nine-tenths{width:90%}.palm--one-twelfth{width:8.333%}.palm--five-twelfths{width:41.666%}.palm--seven-twelfths{width:58.333%}.palm--eleven-twelfths{width:91.666%}}@media only screen and (min-width:481px) and (max-width:767px){.lap--one-whole{width:100%}.lap--five-tenths,.lap--four-eighths,.lap--one-half,.lap--six-twelfths,.lap--three-sixths,.lap--two-quarters{width:50%}.lap--four-twelfths,.lap--one-third,.lap--two-sixths{width:33.333%}.lap--eight-twelfths,.lap--four-sixths,.lap--two-thirds{width:66.666%}.lap--one-quarter,.lap--three-twelfths,.lap--two-eighths{width:25%}.lap--nine-twelfths,.lap--six-eighths,.lap--three-quarters{width:75%}.lap--one-fifth,.lap--two-tenths{width:20%}.lap--four-tenths,.lap--two-fifths{width:40%}.lap--six-tenths,.lap--three-fifths{width:60%}.lap--eight-tenths,.lap--four-fifths{width:80%}.lap--one-sixth,.lap--two-twelfths{width:16.666%}.lap--five-sixths,.lap--ten-twelfths{width:83.333%}.lap--one-eighth{width:12.5%}.lap--three-eighths{width:37.5%}.lap--five-eighths{width:62.5%}.lap--seven-eighths{width:87.5%}.lap--one-tenth{width:10%}.lap--three-tenths{width:30%}.lap--seven-tenths{width:70%}.lap--nine-tenths{width:90%}.lap--one-twelfth{width:8.333%}.lap--five-twelfths{width:41.666%}.lap--seven-twelfths{width:58.333%}.lap--eleven-twelfths{width:91.666%}}@media only screen and (max-width:767px){.portable--one-whole{width:100%}.portable--five-tenths,.portable--four-eighths,.portable--one-half,.portable--six-twelfths,.portable--three-sixths,.portable--two-quarters{width:50%}.portable--four-twelfths,.portable--one-third,.portable--two-sixths{width:33.333%}.portable--eight-twelfths,.portable--four-sixths,.portable--two-thirds{width:66.666%}.portable--one-quarter,.portable--three-twelfths,.portable--two-eighths{width:25%}.portable--nine-twelfths,.portable--six-eighths,.portable--three-quarters{width:75%}.portable--one-fifth,.portable--two-tenths{width:20%}.portable--four-tenths,.portable--two-fifths{width:40%}.portable--six-tenths,.portable--three-fifths{width:60%}.portable--eight-tenths,.portable--four-fifths{width:80%}.portable--one-sixth,.portable--two-twelfths{width:16.666%}.portable--five-sixths,.portable--ten-twelfths{width:83.333%}.portable--one-eighth{width:12.5%}.portable--three-eighths{width:37.5%}.portable--five-eighths{width:62.5%}.portable--seven-eighths{width:87.5%}.portable--one-tenth{width:10%}.portable--three-tenths{width:30%}.portable--seven-tenths{width:70%}.portable--nine-tenths{width:90%}.portable--one-twelfth{width:8.333%}.portable--five-twelfths{width:41.666%}.portable--seven-twelfths{width:58.333%}.portable--eleven-twelfths{width:91.666%}}@media only screen and (min-width:768px){.desk--one-whole{width:100%}.desk--five-tenths,.desk--four-eighths,.desk--one-half,.desk--six-twelfths,.desk--three-sixths,.desk--two-quarters{width:50%}.desk--four-twelfths,.desk--one-third,.desk--two-sixths{width:33.333%}.desk--eight-twelfths,.desk--four-sixths,.desk--two-thirds{width:66.666%}.desk--one-quarter,.desk--three-twelfths,.desk--two-eighths{width:25%}.desk--nine-twelfths,.desk--six-eighths,.desk--three-quarters{width:75%}.desk--one-fifth,.desk--two-tenths{width:20%}.desk--four-tenths,.desk--two-fifths{width:40%}.desk--six-tenths,.desk--three-fifths{width:60%}.desk--eight-tenths,.desk--four-fifths{width:80%}.desk--one-sixth,.desk--two-twelfths{width:16.666%}.desk--five-sixths,.desk--ten-twelfths{width:83.333%}.desk--one-eighth{width:12.5%}.desk--three-eighths{width:37.5%}.desk--five-eighths{width:62.5%}.desk--seven-eighths{width:87.5%}.desk--one-tenth{width:10%}.desk--three-tenths{width:30%}.desk--seven-tenths{width:70%}.desk--nine-tenths{width:90%}.desk--one-twelfth{width:8.333%}.desk--five-twelfths{width:41.666%}.desk--seven-twelfths{width:58.333%}.desk--eleven-twelfths{width:91.666%}}[class*=push--]{position:relative}.push--one-whole{left:100%}.push--five-tenths,.push--four-eighths,.push--one-half,.push--six-twelfths,.push--three-sixths,.push--two-quarters{left:50%}.push--four-twelfths,.push--one-third,.push--two-sixths{left:33.333%}.push--eight-twelfths,.push--four-sixths,.push--two-thirds{left:66.666%}.push--one-quarter,.push--three-twelfths,.push--two-eighths{left:25%}.push--nine-twelfths,.push--six-eighths,.push--three-quarters{left:75%}.push--one-fifth,.push--two-tenths{left:20%}.push--four-tenths,.push--two-fifths{left:40%}.push--six-tenths,.push--three-fifths{left:60%}.push--eight-tenths,.push--four-fifths{left:80%}.push--one-sixth,.push--two-twelfths{left:16.666%}.push--five-sixths,.push--ten-twelfths{left:83.333%}.push--one-eighth{left:12.5%}.push--three-eighths{left:37.5%}.push--five-eighths{left:62.5%}.push--seven-eighths{left:87.5%}.push--one-tenth{left:10%}.push--three-tenths{left:30%}.push--seven-tenths{left:70%}.push--nine-tenths{left:90%}.push--one-twelfth{left:8.333%}.push--five-twelfths{left:41.666%}.push--seven-twelfths{left:58.333%}.push--eleven-twelfths{left:91.666%}@media only screen and (max-width:480px){.push--palm--one-whole{left:100%}.push--palm--five-tenths,.push--palm--four-eighths,.push--palm--one-half,.push--palm--six-twelfths,.push--palm--three-sixths,.push--palm--two-quarters{left:50%}.push--palm--four-twelfths,.push--palm--one-third,.push--palm--two-sixths{left:33.333%}.push--palm--eight-twelfths,.push--palm--four-sixths,.push--palm--two-thirds{left:66.666%}.push--palm--one-quarter,.push--palm--three-twelfths,.push--palm--two-eighths{left:25%}.push--palm--nine-twelfths,.push--palm--six-eighths,.push--palm--three-quarters{left:75%}.push--palm--one-fifth,.push--palm--two-tenths{left:20%}.push--palm--four-tenths,.push--palm--two-fifths{left:40%}.push--palm--six-tenths,.push--palm--three-fifths{left:60%}.push--palm--eight-tenths,.push--palm--four-fifths{left:80%}.push--palm--one-sixth,.push--palm--two-twelfths{left:16.666%}.push--palm--five-sixths,.push--palm--ten-twelfths{left:83.333%}.push--palm--one-eighth{left:12.5%}.push--palm--three-eighths{left:37.5%}.push--palm--five-eighths{left:62.5%}.push--palm--seven-eighths{left:87.5%}.push--palm--one-tenth{left:10%}.push--palm--three-tenths{left:30%}.push--palm--seven-tenths{left:70%}.push--palm--nine-tenths{left:90%}.push--palm--one-twelfth{left:8.333%}.push--palm--five-twelfths{left:41.666%}.push--palm--seven-twelfths{left:58.333%}.push--palm--eleven-twelfths{left:91.666%}}@media only screen and (min-width:481px) and (max-width:767px){.push--lap--one-whole{left:100%}.push--lap--five-tenths,.push--lap--four-eighths,.push--lap--one-half,.push--lap--six-twelfths,.push--lap--three-sixths,.push--lap--two-quarters{left:50%}.push--lap--four-twelfths,.push--lap--one-third,.push--lap--two-sixths{left:33.333%}.push--lap--eight-twelfths,.push--lap--four-sixths,.push--lap--two-thirds{left:66.666%}.push--lap--one-quarter,.push--lap--three-twelfths,.push--lap--two-eighths{left:25%}.push--lap--nine-twelfths,.push--lap--six-eighths,.push--lap--three-quarters{left:75%}.push--lap--one-fifth,.push--lap--two-tenths{left:20%}.push--lap--four-tenths,.push--lap--two-fifths{left:40%}.push--lap--six-tenths,.push--lap--three-fifths{left:60%}.push--lap--eight-tenths,.push--lap--four-fifths{left:80%}.push--lap--one-sixth,.push--lap--two-twelfths{left:16.666%}.push--lap--five-sixths,.push--lap--ten-twelfths{left:83.333%}.push--lap--one-eighth{left:12.5%}.push--lap--three-eighths{left:37.5%}.push--lap--five-eighths{left:62.5%}.push--lap--seven-eighths{left:87.5%}.push--lap--one-tenth{left:10%}.push--lap--three-tenths{left:30%}.push--lap--seven-tenths{left:70%}.push--lap--nine-tenths{left:90%}.push--lap--one-twelfth{left:8.333%}.push--lap--five-twelfths{left:41.666%}.push--lap--seven-twelfths{left:58.333%}.push--lap--eleven-twelfths{left:91.666%}}@media only screen and (max-width:767px){.push--portable--one-whole{left:100%}.push--portable--five-tenths,.push--portable--four-eighths,.push--portable--one-half,.push--portable--six-twelfths,.push--portable--three-sixths,.push--portable--two-quarters{left:50%}.push--portable--four-twelfths,.push--portable--one-third,.push--portable--two-sixths{left:33.333%}.push--portable--eight-twelfths,.push--portable--four-sixths,.push--portable--two-thirds{left:66.666%}.push--portable--one-quarter,.push--portable--three-twelfths,.push--portable--two-eighths{left:25%}.push--portable--nine-twelfths,.push--portable--six-eighths,.push--portable--three-quarters{left:75%}.push--portable--one-fifth,.push--portable--two-tenths{left:20%}.push--portable--four-tenths,.push--portable--two-fifths{left:40%}.push--portable--six-tenths,.push--portable--three-fifths{left:60%}.push--portable--eight-tenths,.push--portable--four-fifths{left:80%}.push--portable--one-sixth,.push--portable--two-twelfths{left:16.666%}.push--portable--five-sixths,.push--portable--ten-twelfths{left:83.333%}.push--portable--one-eighth{left:12.5%}.push--portable--three-eighths{left:37.5%}.push--portable--five-eighths{left:62.5%}.push--portable--seven-eighths{left:87.5%}.push--portable--one-tenth{left:10%}.push--portable--three-tenths{left:30%}.push--portable--seven-tenths{left:70%}.push--portable--nine-tenths{left:90%}.push--portable--one-twelfth{left:8.333%}.push--portable--five-twelfths{left:41.666%}.push--portable--seven-twelfths{left:58.333%}.push--portable--eleven-twelfths{left:91.666%}}@media only screen and (min-width:768px){.push--desk--one-whole{left:100%}.push--desk--five-tenths,.push--desk--four-eighths,.push--desk--one-half,.push--desk--six-twelfths,.push--desk--three-sixths,.push--desk--two-quarters{left:50%}.push--desk--four-twelfths,.push--desk--one-third,.push--desk--two-sixths{left:33.333%}.push--desk--eight-twelfths,.push--desk--four-sixths,.push--desk--two-thirds{left:66.666%}.push--desk--one-quarter,.push--desk--three-twelfths,.push--desk--two-eighths{left:25%}.push--desk--nine-twelfths,.push--desk--six-eighths,.push--desk--three-quarters{left:75%}.push--desk--one-fifth,.push--desk--two-tenths{left:20%}.push--desk--four-tenths,.push--desk--two-fifths{left:40%}.push--desk--six-tenths,.push--desk--three-fifths{left:60%}.push--desk--eight-tenths,.push--desk--four-fifths{left:80%}.push--desk--one-sixth,.push--desk--two-twelfths{left:16.666%}.push--desk--five-sixths,.push--desk--ten-twelfths{left:83.333%}.push--desk--one-eighth{left:12.5%}.push--desk--three-eighths{left:37.5%}.push--desk--five-eighths{left:62.5%}.push--desk--seven-eighths{left:87.5%}.push--desk--one-tenth{left:10%}.push--desk--three-tenths{left:30%}.push--desk--seven-tenths{left:70%}.push--desk--nine-tenths{left:90%}.push--desk--one-twelfth{left:8.333%}.push--desk--five-twelfths{left:41.666%}.push--desk--seven-twelfths{left:58.333%}.push--desk--eleven-twelfths{left:91.666%}}@font-face{font-family:Batch;src:url(../fonts/batch.eot);src:url(../fonts/batch.eot?#iefix) format("embedded-opentype"),url(../fonts/batch.woff) format("woff"),url(../fonts/batch.ttf) format("truetype"),url(../fonts/batch.svg#batchregular) format("svg");font-weight:400;font-style:normal}.icon{font-family:Batch;color:#d9dde0;line-height:1;display:inline-block}@media only screen and (max-width:480px){.palm--hide{display:none}}@media only screen and (min-width:481px) and (max-width:767px){.lap--hide{display:none}}@media only screen and (max-width:767px){.portable--hide{display:none}}@media only screen and (min-width:768px){.desk--hide{display:none}}/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver}legend{border:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}blockquote,caption,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}img{font-style:italic}button,input,label,option,select,textarea{cursor:pointer}.text-input:active,.text-input:focus,textarea:active,textarea:focus{cursor:text;outline:0}.island,.islet,.media,address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hgroup,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}.islet .island,.islet .islet,.islet .media,.islet address,.islet blockquote,.islet dl,.islet fieldset,.islet figure,.islet h1,.islet h2,.islet h3,.islet h4,.islet h5,.islet h6,.islet hgroup,.islet ol,.islet p,.islet pre,.islet table,.islet ul{margin-bottom:12px;margin-bottom:.75rem}.landmark{margin-bottom:48px;margin-bottom:3rem}hr{margin-bottom:22px;margin-bottom:1.375rem}dd,ol,ul{margin-left:48px;margin-left:3rem}.push--top{margin-top:24px}html{font:1em/1.5 "Helvetica Neue",Helvetica,sans-serif;overflow-y:scroll;min-height:100%;color:#333435}.centered{max-width:960px;padding:0 24px;margin-left:auto;margin-right:auto;position:relative}a{color:#002f6f;text-decoration:none}a:hover{text-decoration:underline}.muted-link{color:#333435}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.muted,.people-list__meta{color:#4c4d4f}.people-list__meta,.smaller{font-size:12px}.align--center{text-align:center}.button{padding:1em 1.5em;border-radius:4px;background-color:#f5f6f7;text-decoration:none;cursor:pointer;color:#333435;font-weight:700;white-space:nowrap;display:inline-block;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box}.button:hover{background-color:#e7e9ec;text-decoration:none}.button--primary{background-color:#002f6f;color:#fff}.button--primary:hover{background-color:#003e93}.button--stripped{border:0;background:0 0;font-weight:400}.button--stripped:hover{background:0 0}.button--hollow{background:0 0;border:2px solid #f5f6f7}.button--hollow:hover{background:0 0;border-color:#e7e9ec}@media only screen and (max-width:767px){.button{display:block;width:100%;margin-bottom:24px}}.nav{list-style:none;margin-left:-1.5em}.nav li{display:inline-block;margin-right:-.25em}.nav a{display:inline-block;padding:1em 1.5em}h2{font-weight:300;font-size:28px}.main-header{background-color:#002f6f;color:#fff;padding:24px 0;background-image:-webkit-radial-gradient(ellipse at bottom right,#80bfe0 0,#002f6f 53%,#001c41 100%);background-image:radial-gradient(ellipse at bottom right,#80bfe0 0,#002f6f 53%,#001c41 100%)}.main-header__title{color:#fff;font-size:2.25em;margin-bottom:0}html{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:456px}.main-footer{padding:24px 0 0;background:#333;color:#fff;position:absolute;bottom:0;width:100%}.main-footer .centered{background:url(../img/logo-muted.svg) no-repeat right 62%}.main-footer a{color:#ccc}.main-footer__links{list-style:none;margin-left:0;color:#777}.main-footer__links h1,.main-footer__links h2,.main-footer__links h3,.main-footer__links li{line-height:28px}.main-footer__links .push--top{margin-top:28px}.main-footer__title{color:#fff}@media only screen and (min-width:768px){html{padding-bottom:192px}}.main-header--landing{padding:48px 0 144px;color:#bcc7d7;background-image:-webkit-radial-gradient(90% 80%,ellipse,#80bfe0 0,#002f6f 53%,#001c41 100%);background-image:radial-gradient(ellipse at 90% 80%,#80bfe0 0,#002f6f 53%,#001c41 100%)}.main-header--landing a{color:#fff}.main-header--landing__lang{float:right;opacity:.6;font-size:13.6px;line-height:13.6px;margin-top:-1em}.main-header--landing__logo{margin-bottom:48px}.main-header--landing__title{margin-bottom:24px}.main-header--landing__text{font-size:1.5em;font-weight:300;margin-bottom:72px}.main-header--landing__actions .button{border-color:#fff;color:#fff}.main-header--landing__actions .button--hollow:hover{background-color:rgba(255,255,255,.05)}.main-header--landing__actions .button--stripped{opacity:.8}.main-header--landing__actions .button--stripped:hover{opacity:1}.main-header--landing__phone{position:absolute;right:0;top:24px;width:362px;height:759px;background:url(../img/phone.png) no-repeat right center;-webkit-animation:phone--slidein 1s ease;animation:phone--slidein 1s ease}.main-header--landing__desc{-webkit-animation:slide-in--left 1s ease;animation:slide-in--left 1s ease;position:relative}@-webkit-keyframes phone--slidein{from{right:-100px;opacity:0;-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{right:0;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes phone--slidein{from{right:-100px;opacity:0;-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}to{right:0;opacity:1;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes slide-in--left{from{left:-50px;opacity:0}to{left:0;opacity:1}}@keyframes slide-in--left{from{left:-50px;opacity:0}to{left:0;opacity:1}}.macbook-section{margin:48px auto;min-height:544px}.macbook-section__bg{background:url(../img/macbook.png) no-repeat left top;width:911px;height:544px;position:absolute;right:50%;top:0}.macbook-section__text{margin:120px 0}.crowd-section{background:url(../img/crowd.png) no-repeat center center;background-size:cover;min-height:360px}.crowd-section__text{background:#fff;padding:24px}.call-section{padding:48px 0 24px}.call-section__text{text-align:center}.testimonials{padding:48px 0;color:#4c4d4f;background:#f5f6f7 url(../img/quote.svg) no-repeat -5% 150%;background-size:auto 80%}.testimonials__title{text-align:center;font-weight:700;margin-bottom:48px}.testimonials__author{text-align:right;font-style:italic;color:#727476;font-size:13.6px}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.main-header--landing__phone{background:url(../img/phone@2x.png) no-repeat right center;background-size:100% 100%}.macbook-section__bg{background:url(../img/macbook@2x.png) no-repeat left top;background-size:100% 100%}}@media only screen and (max-width:767px){.main-header{background-image:-webkit-radial-gradient(100% 100%,ellipse,#80bfe0 0,#002f6f 53%,#001c41 100%);background-image:radial-gradient(ellipse at 100% 100%,#80bfe0 0,#002f6f 53%,#001c41 100%);padding:48px 0}.macbook-section__text{margin:0}.macbook-section{min-height:0}.main-footer__links .push--top{margin-top:0}.main-footer .centered{background-image:none}}.main-nav{background-color:#f5f6f7}.main-nav a{color:#444546;font-weight:700;text-decoration:none}.main-nav .active a,.main-nav a:hover{background-color:#eaecee}.people-list{margin-top:-48px}.people-list__item{margin-bottom:24px;position:relative;min-height:120px}.people-list__photo{width:90px;height:120px;background-position:center center;background-size:cover;border-radius:4px;position:absolute;left:24px}.people-list__desc{padding-left:114px;margin:0}.people-list__meta,.people-list__name{display:block}.feature-list,.people-list__separator{margin-top:48px}.feature-list__item{text-align:center;margin-bottom:48px}.feature-list__icon{font-size:4em;display:block;margin-bottom:24px}.call-section--features{padding-top:0}
\ No newline at end of file
diff --git a/assets/css/main.prefixed.css b/assets/css/main.prefixed.css
deleted file mode 100644
index d77fb94..0000000
--- a/assets/css/main.prefixed.css
+++ /dev/null
@@ -1,2550 +0,0 @@
-@charset "UTF-8";
-/* Set Custom Variables here
- * ====================================================
-*/
-/* Load Frameworks
- * ====================================================
-*/
-/*------------------------------------*\
- $CSSWIZARDRY-GRIDS
-\*------------------------------------*/
-/**
- * CONTENTS
- * INTRODUCTION.........How the grid system works.
- * VARIABLES............Your settings.
- * MIXINS...............Library mixins.
- * GRID SETUP...........Build the grid structure.
- * WIDTHS...............Build our responsive widths around our breakpoints.
- * PUSH.................Push classes.
- * PULL.................Pull classes.
- */
-/*------------------------------------*\
- $INTRODUCTION
-\*------------------------------------*/
-/**
- * csswizardry grids provides you with widths to suit a number of breakpoints
- * designed around devices of a size you specify. Out of the box, csswizardry
- * grids caters to the following types of device:
- *
- * palm -- palm-based devices, like phones and small tablets
- * lap -- lap-based devices, like iPads or laptops
- * portable -- all of the above
- * desk -- stationary devices, like desktop computers
- * regular -- any/all types of device
- *
- * These namespaces are then used in the library to give you the ability to
- * manipulate your layouts based around them, for example:
- *
-
- *
- * This would give you a grid item which is 100% width unless it is on a lap
- * device, at which point it become 50% wide, or it is on a desktop device, at
- * which point it becomes 33.333% width.
- *
- * csswizardry grids also has push and pull classes which allow you to nudge
- * grid items left and right by a defined amount. These follow the same naming
- * convention as above, but are prepended by either `push--` or `pull--`, for
- * example:
- *
- `class="grid__item one-half push--one-half"`
- *
- * This would give you a grid item which is 50% width and pushed over to the
- * right by 50%.
- *
- * All classes in csswizardry grids follow this patten, so you should fairly
- * quickly be able to piece together any combinations you can imagine, for
- * example:
- *
- `class="grid__item one-whole lap--one-half desk--one-third push--desk--one-third"`
- *
- `class="grid__item one-quarter palm--one-half push--palm--one-half"`
- *
- `class="grid__item palm--one-third desk--five-twelfths"`
- */
-/*------------------------------------*\
- $VARIABLES
-\*------------------------------------*/
-/**
- * If you are building a non-responsive site but would still like to use
- * csswizardry-grids, set this to ‘false’:
- */
-/**
- * Is this build mobile first? Setting to ‘true’ means that all grids will be
- * 100% width if you do not apply a more specific class to them.
- */
-/**
- * Set the spacing between your grid items.
- */
-/**
- * Would you like Sass’ silent classes, or regular CSS classes?
- */
-/**
- * Would you like push and pull classes enabled?
- */
-/**
- * Using `inline-block` means that the grid items need their whitespace removing
- * in order for them to work correctly. Set the following to true if you are
- * going to achieve this by manually removing/commenting out any whitespace in
- * your HTML yourself.
- *
- * Setting this to false invokes a hack which cannot always be guaranteed,
- * please see the following for more detail:
- *
- * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
- * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
- */
-/**
- * Define your breakpoints. The first value is the prefix that shall be used for
- * your classes (e.g. `.palm--one-half`), the second value is the media query
- * that the breakpoint fires at.
- */
-/**
- * Define which namespaced breakpoints you would like to generate for each of
- * widths, push and pull. This is handy if you only need pull on, say, desk, or
- * you only need a new width breakpoint at mobile sizes. It allows you to only
- * compile as much CSS as you need. All are turned on by default, but you can
- * add and remove breakpoints at will.
- *
- * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
- * have been set to ‘true’.
- */
-/**
- * You do not need to edit anything from this line onward; csswizardry-grids is
- * good to go. Happy griddin’!
- */
-/*------------------------------------*\
- $MIXINS
-\*------------------------------------*/
-/**
- * These mixins are for the library to use only, you should not need to modify
- * them at all.
- *
- * Enclose a block of code with a media query as named in `$breakpoints`.
- */
-/**
- * Drop relative positioning into silent classes which can’t take advantage of
- * the `[class*="push--"]` and `[class*="pull--"]` selectors.
- */
-/*------------------------------------*\
- $GRID SETUP
-\*------------------------------------*/
-/**
- * 1. Allow the grid system to be used on lists.
- * 2. Remove any margins and paddings that might affect the grid system.
- * 3. Apply a negative `margin-left` to negate the columns’ gutters.
- */
-.grid {
- list-style: none;
- /* [1] */
- margin: 0;
- /* [2] */
- padding: 0;
- /* [2] */
- margin-left: -24px;
- /* [3] */
- letter-spacing: -0.31em;
-}
-
-/* Opera hack */
-.opera:-o-prefocus,
-.grid {
- word-spacing: -0.43em;
-}
-
-/**
- * 1. Cause columns to stack side-by-side.
- * 2. Space columns apart.
- * 3. Align columns to the tops of each other.
- * 4. Full-width unless told to behave otherwise.
- * 5. Required to combine fluid widths and fixed gutters.
- */
-.grid__item {
- display: inline-block;
- /* [1] */
- padding-left: 24px;
- /* [2] */
- vertical-align: top;
- /* [3] */
- width: 100%;
- /* [4] */
- /* [5] */
- -moz-box-sizing: border-box;
- /* [5] */
- box-sizing: border-box;
- /* [5] */
- letter-spacing: normal;
- word-spacing: normal;
-}
-
-/**
- * Reversed grids allow you to structure your source in the opposite order to
- * how your rendered layout will appear. Extends `.grid`.
- */
-.grid--rev {
- direction: rtl;
- text-align: left;
-}
-.grid--rev > .grid__item {
- direction: ltr;
- text-align: left;
-}
-
-/**
- * Gutterless grids have all the properties of regular grids, minus any spacing.
- * Extends `.grid`.
- */
-.grid--full {
- margin-left: 0;
-}
-.grid--full > .grid__item {
- padding-left: 0;
-}
-
-/**
- * Align the entire grid to the right. Extends `.grid`.
- */
-.grid--right {
- text-align: right;
-}
-.grid--right > .grid__item {
- text-align: left;
-}
-
-/**
- * Centered grids align grid items centrally without needing to use push or pull
- * classes. Extends `.grid`.
- */
-.grid--center {
- text-align: center;
-}
-.grid--center > .grid__item {
- text-align: left;
-}
-
-/**
- * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
- * `.grid`.
- */
-.grid--middle > .grid__item {
- vertical-align: middle;
-}
-
-.grid--bottom > .grid__item {
- vertical-align: bottom;
-}
-
-/**
- * Create grids with narrower gutters. Extends `.grid`.
- */
-.grid--narrow {
- margin-left: -12px;
-}
-.grid--narrow > .grid__item {
- padding-left: 12px;
-}
-
-/**
- * Create grids with wider gutters. Extends `.grid`.
- */
-.grid--wide {
- margin-left: -48px;
-}
-.grid--wide > .grid__item {
- padding-left: 48px;
-}
-
-/*------------------------------------*\
- $WIDTHS
-\*------------------------------------*/
-/**
- * Create our width classes, prefixed by the specified namespace.
- */
-/**
- * Our regular, non-responsive width classes.
- */
-/**
- * Whole
- */
-.one-whole {
- width: 100%;
-}
-
-/**
- * Halves
- */
-.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
- width: 50%;
-}
-
-/**
- * Thirds
- */
-.one-third, .two-sixths, .four-twelfths {
- width: 33.333%;
-}
-
-.two-thirds, .four-sixths, .eight-twelfths {
- width: 66.666%;
-}
-
-/**
- * Quarters
- */
-.one-quarter, .two-eighths, .three-twelfths {
- width: 25%;
-}
-
-.three-quarters, .six-eighths, .nine-twelfths {
- width: 75%;
-}
-
-/**
- * Fifths
- */
-.one-fifth, .two-tenths {
- width: 20%;
-}
-
-.two-fifths, .four-tenths {
- width: 40%;
-}
-
-.three-fifths, .six-tenths {
- width: 60%;
-}
-
-.four-fifths, .eight-tenths {
- width: 80%;
-}
-
-/**
- * Sixths
- */
-.one-sixth, .two-twelfths {
- width: 16.666%;
-}
-
-.five-sixths, .ten-twelfths {
- width: 83.333%;
-}
-
-/**
- * Eighths
- */
-.one-eighth {
- width: 12.5%;
-}
-
-.three-eighths {
- width: 37.5%;
-}
-
-.five-eighths {
- width: 62.5%;
-}
-
-.seven-eighths {
- width: 87.5%;
-}
-
-/**
- * Tenths
- */
-.one-tenth {
- width: 10%;
-}
-
-.three-tenths {
- width: 30%;
-}
-
-.seven-tenths {
- width: 70%;
-}
-
-.nine-tenths {
- width: 90%;
-}
-
-/**
- * Twelfths
- */
-.one-twelfth {
- width: 8.333%;
-}
-
-.five-twelfths {
- width: 41.666%;
-}
-
-.seven-twelfths {
- width: 58.333%;
-}
-
-.eleven-twelfths {
- width: 91.666%;
-}
-
-/**
- * Our responsive classes, if we have enabled them.
- */
-@media only screen and (max-width: 480px) {
- /**
- * Whole
- */
- .palm--one-whole {
- width: 100%;
- }
-
- /**
- * Halves
- */
- .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
- width: 50%;
- }
-
- /**
- * Thirds
- */
- .palm--one-third, .palm--two-sixths, .palm--four-twelfths {
- width: 33.333%;
- }
-
- .palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
- width: 66.666%;
- }
-
- /**
- * Quarters
- */
- .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
- width: 25%;
- }
-
- .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
- width: 75%;
- }
-
- /**
- * Fifths
- */
- .palm--one-fifth, .palm--two-tenths {
- width: 20%;
- }
-
- .palm--two-fifths, .palm--four-tenths {
- width: 40%;
- }
-
- .palm--three-fifths, .palm--six-tenths {
- width: 60%;
- }
-
- .palm--four-fifths, .palm--eight-tenths {
- width: 80%;
- }
-
- /**
- * Sixths
- */
- .palm--one-sixth, .palm--two-twelfths {
- width: 16.666%;
- }
-
- .palm--five-sixths, .palm--ten-twelfths {
- width: 83.333%;
- }
-
- /**
- * Eighths
- */
- .palm--one-eighth {
- width: 12.5%;
- }
-
- .palm--three-eighths {
- width: 37.5%;
- }
-
- .palm--five-eighths {
- width: 62.5%;
- }
-
- .palm--seven-eighths {
- width: 87.5%;
- }
-
- /**
- * Tenths
- */
- .palm--one-tenth {
- width: 10%;
- }
-
- .palm--three-tenths {
- width: 30%;
- }
-
- .palm--seven-tenths {
- width: 70%;
- }
-
- .palm--nine-tenths {
- width: 90%;
- }
-
- /**
- * Twelfths
- */
- .palm--one-twelfth {
- width: 8.333%;
- }
-
- .palm--five-twelfths {
- width: 41.666%;
- }
-
- .palm--seven-twelfths {
- width: 58.333%;
- }
-
- .palm--eleven-twelfths {
- width: 91.666%;
- }
-}
-@media only screen and (min-width: 481px) and (max-width: 767px) {
- /**
- * Whole
- */
- .lap--one-whole {
- width: 100%;
- }
-
- /**
- * Halves
- */
- .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
- width: 50%;
- }
-
- /**
- * Thirds
- */
- .lap--one-third, .lap--two-sixths, .lap--four-twelfths {
- width: 33.333%;
- }
-
- .lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths {
- width: 66.666%;
- }
-
- /**
- * Quarters
- */
- .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
- width: 25%;
- }
-
- .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
- width: 75%;
- }
-
- /**
- * Fifths
- */
- .lap--one-fifth, .lap--two-tenths {
- width: 20%;
- }
-
- .lap--two-fifths, .lap--four-tenths {
- width: 40%;
- }
-
- .lap--three-fifths, .lap--six-tenths {
- width: 60%;
- }
-
- .lap--four-fifths, .lap--eight-tenths {
- width: 80%;
- }
-
- /**
- * Sixths
- */
- .lap--one-sixth, .lap--two-twelfths {
- width: 16.666%;
- }
-
- .lap--five-sixths, .lap--ten-twelfths {
- width: 83.333%;
- }
-
- /**
- * Eighths
- */
- .lap--one-eighth {
- width: 12.5%;
- }
-
- .lap--three-eighths {
- width: 37.5%;
- }
-
- .lap--five-eighths {
- width: 62.5%;
- }
-
- .lap--seven-eighths {
- width: 87.5%;
- }
-
- /**
- * Tenths
- */
- .lap--one-tenth {
- width: 10%;
- }
-
- .lap--three-tenths {
- width: 30%;
- }
-
- .lap--seven-tenths {
- width: 70%;
- }
-
- .lap--nine-tenths {
- width: 90%;
- }
-
- /**
- * Twelfths
- */
- .lap--one-twelfth {
- width: 8.333%;
- }
-
- .lap--five-twelfths {
- width: 41.666%;
- }
-
- .lap--seven-twelfths {
- width: 58.333%;
- }
-
- .lap--eleven-twelfths {
- width: 91.666%;
- }
-}
-@media only screen and (max-width: 767px) {
- /**
- * Whole
- */
- .portable--one-whole {
- width: 100%;
- }
-
- /**
- * Halves
- */
- .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
- width: 50%;
- }
-
- /**
- * Thirds
- */
- .portable--one-third, .portable--two-sixths, .portable--four-twelfths {
- width: 33.333%;
- }
-
- .portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths {
- width: 66.666%;
- }
-
- /**
- * Quarters
- */
- .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
- width: 25%;
- }
-
- .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
- width: 75%;
- }
-
- /**
- * Fifths
- */
- .portable--one-fifth, .portable--two-tenths {
- width: 20%;
- }
-
- .portable--two-fifths, .portable--four-tenths {
- width: 40%;
- }
-
- .portable--three-fifths, .portable--six-tenths {
- width: 60%;
- }
-
- .portable--four-fifths, .portable--eight-tenths {
- width: 80%;
- }
-
- /**
- * Sixths
- */
- .portable--one-sixth, .portable--two-twelfths {
- width: 16.666%;
- }
-
- .portable--five-sixths, .portable--ten-twelfths {
- width: 83.333%;
- }
-
- /**
- * Eighths
- */
- .portable--one-eighth {
- width: 12.5%;
- }
-
- .portable--three-eighths {
- width: 37.5%;
- }
-
- .portable--five-eighths {
- width: 62.5%;
- }
-
- .portable--seven-eighths {
- width: 87.5%;
- }
-
- /**
- * Tenths
- */
- .portable--one-tenth {
- width: 10%;
- }
-
- .portable--three-tenths {
- width: 30%;
- }
-
- .portable--seven-tenths {
- width: 70%;
- }
-
- .portable--nine-tenths {
- width: 90%;
- }
-
- /**
- * Twelfths
- */
- .portable--one-twelfth {
- width: 8.333%;
- }
-
- .portable--five-twelfths {
- width: 41.666%;
- }
-
- .portable--seven-twelfths {
- width: 58.333%;
- }
-
- .portable--eleven-twelfths {
- width: 91.666%;
- }
-}
-@media only screen and (min-width: 768px) {
- /**
- * Whole
- */
- .desk--one-whole {
- width: 100%;
- }
-
- /**
- * Halves
- */
- .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
- width: 50%;
- }
-
- /**
- * Thirds
- */
- .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
- width: 33.333%;
- }
-
- .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
- width: 66.666%;
- }
-
- /**
- * Quarters
- */
- .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
- width: 25%;
- }
-
- .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
- width: 75%;
- }
-
- /**
- * Fifths
- */
- .desk--one-fifth, .desk--two-tenths {
- width: 20%;
- }
-
- .desk--two-fifths, .desk--four-tenths {
- width: 40%;
- }
-
- .desk--three-fifths, .desk--six-tenths {
- width: 60%;
- }
-
- .desk--four-fifths, .desk--eight-tenths {
- width: 80%;
- }
-
- /**
- * Sixths
- */
- .desk--one-sixth, .desk--two-twelfths {
- width: 16.666%;
- }
-
- .desk--five-sixths, .desk--ten-twelfths {
- width: 83.333%;
- }
-
- /**
- * Eighths
- */
- .desk--one-eighth {
- width: 12.5%;
- }
-
- .desk--three-eighths {
- width: 37.5%;
- }
-
- .desk--five-eighths {
- width: 62.5%;
- }
-
- .desk--seven-eighths {
- width: 87.5%;
- }
-
- /**
- * Tenths
- */
- .desk--one-tenth {
- width: 10%;
- }
-
- .desk--three-tenths {
- width: 30%;
- }
-
- .desk--seven-tenths {
- width: 70%;
- }
-
- .desk--nine-tenths {
- width: 90%;
- }
-
- /**
- * Twelfths
- */
- .desk--one-twelfth {
- width: 8.333%;
- }
-
- .desk--five-twelfths {
- width: 41.666%;
- }
-
- .desk--seven-twelfths {
- width: 58.333%;
- }
-
- .desk--eleven-twelfths {
- width: 91.666%;
- }
-}
-/*------------------------------------*\
- $PUSH
-\*------------------------------------*/
-/**
- * Push classes, to move grid items over to the right by certain amounts.
- */
-/**
- * Not a particularly great selector, but the DRYest way to do things.
- */
-[class*="push--"] {
- position: relative;
-}
-
-/**
- * Whole
- */
-.push--one-whole {
- left: 100%;
-}
-
-/**
- * Halves
- */
-.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
- left: 50%;
-}
-
-/**
- * Thirds
- */
-.push--one-third, .push--two-sixths, .push--four-twelfths {
- left: 33.333%;
-}
-
-.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
- left: 66.666%;
-}
-
-/**
- * Quarters
- */
-.push--one-quarter, .push--two-eighths, .push--three-twelfths {
- left: 25%;
-}
-
-.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
- left: 75%;
-}
-
-/**
- * Fifths
- */
-.push--one-fifth, .push--two-tenths {
- left: 20%;
-}
-
-.push--two-fifths, .push--four-tenths {
- left: 40%;
-}
-
-.push--three-fifths, .push--six-tenths {
- left: 60%;
-}
-
-.push--four-fifths, .push--eight-tenths {
- left: 80%;
-}
-
-/**
- * Sixths
- */
-.push--one-sixth, .push--two-twelfths {
- left: 16.666%;
-}
-
-.push--five-sixths, .push--ten-twelfths {
- left: 83.333%;
-}
-
-/**
- * Eighths
- */
-.push--one-eighth {
- left: 12.5%;
-}
-
-.push--three-eighths {
- left: 37.5%;
-}
-
-.push--five-eighths {
- left: 62.5%;
-}
-
-.push--seven-eighths {
- left: 87.5%;
-}
-
-/**
- * Tenths
- */
-.push--one-tenth {
- left: 10%;
-}
-
-.push--three-tenths {
- left: 30%;
-}
-
-.push--seven-tenths {
- left: 70%;
-}
-
-.push--nine-tenths {
- left: 90%;
-}
-
-/**
- * Twelfths
- */
-.push--one-twelfth {
- left: 8.333%;
-}
-
-.push--five-twelfths {
- left: 41.666%;
-}
-
-.push--seven-twelfths {
- left: 58.333%;
-}
-
-.push--eleven-twelfths {
- left: 91.666%;
-}
-
-@media only screen and (max-width: 480px) {
- /**
- * Whole
- */
- .push--palm--one-whole {
- left: 100%;
- }
-
- /**
- * Halves
- */
- .push--palm--one-half, .push--palm--two-quarters, .push--palm--three-sixths, .push--palm--four-eighths, .push--palm--five-tenths, .push--palm--six-twelfths {
- left: 50%;
- }
-
- /**
- * Thirds
- */
- .push--palm--one-third, .push--palm--two-sixths, .push--palm--four-twelfths {
- left: 33.333%;
- }
-
- .push--palm--two-thirds, .push--palm--four-sixths, .push--palm--eight-twelfths {
- left: 66.666%;
- }
-
- /**
- * Quarters
- */
- .push--palm--one-quarter, .push--palm--two-eighths, .push--palm--three-twelfths {
- left: 25%;
- }
-
- .push--palm--three-quarters, .push--palm--six-eighths, .push--palm--nine-twelfths {
- left: 75%;
- }
-
- /**
- * Fifths
- */
- .push--palm--one-fifth, .push--palm--two-tenths {
- left: 20%;
- }
-
- .push--palm--two-fifths, .push--palm--four-tenths {
- left: 40%;
- }
-
- .push--palm--three-fifths, .push--palm--six-tenths {
- left: 60%;
- }
-
- .push--palm--four-fifths, .push--palm--eight-tenths {
- left: 80%;
- }
-
- /**
- * Sixths
- */
- .push--palm--one-sixth, .push--palm--two-twelfths {
- left: 16.666%;
- }
-
- .push--palm--five-sixths, .push--palm--ten-twelfths {
- left: 83.333%;
- }
-
- /**
- * Eighths
- */
- .push--palm--one-eighth {
- left: 12.5%;
- }
-
- .push--palm--three-eighths {
- left: 37.5%;
- }
-
- .push--palm--five-eighths {
- left: 62.5%;
- }
-
- .push--palm--seven-eighths {
- left: 87.5%;
- }
-
- /**
- * Tenths
- */
- .push--palm--one-tenth {
- left: 10%;
- }
-
- .push--palm--three-tenths {
- left: 30%;
- }
-
- .push--palm--seven-tenths {
- left: 70%;
- }
-
- .push--palm--nine-tenths {
- left: 90%;
- }
-
- /**
- * Twelfths
- */
- .push--palm--one-twelfth {
- left: 8.333%;
- }
-
- .push--palm--five-twelfths {
- left: 41.666%;
- }
-
- .push--palm--seven-twelfths {
- left: 58.333%;
- }
-
- .push--palm--eleven-twelfths {
- left: 91.666%;
- }
-}
-@media only screen and (min-width: 481px) and (max-width: 767px) {
- /**
- * Whole
- */
- .push--lap--one-whole {
- left: 100%;
- }
-
- /**
- * Halves
- */
- .push--lap--one-half, .push--lap--two-quarters, .push--lap--three-sixths, .push--lap--four-eighths, .push--lap--five-tenths, .push--lap--six-twelfths {
- left: 50%;
- }
-
- /**
- * Thirds
- */
- .push--lap--one-third, .push--lap--two-sixths, .push--lap--four-twelfths {
- left: 33.333%;
- }
-
- .push--lap--two-thirds, .push--lap--four-sixths, .push--lap--eight-twelfths {
- left: 66.666%;
- }
-
- /**
- * Quarters
- */
- .push--lap--one-quarter, .push--lap--two-eighths, .push--lap--three-twelfths {
- left: 25%;
- }
-
- .push--lap--three-quarters, .push--lap--six-eighths, .push--lap--nine-twelfths {
- left: 75%;
- }
-
- /**
- * Fifths
- */
- .push--lap--one-fifth, .push--lap--two-tenths {
- left: 20%;
- }
-
- .push--lap--two-fifths, .push--lap--four-tenths {
- left: 40%;
- }
-
- .push--lap--three-fifths, .push--lap--six-tenths {
- left: 60%;
- }
-
- .push--lap--four-fifths, .push--lap--eight-tenths {
- left: 80%;
- }
-
- /**
- * Sixths
- */
- .push--lap--one-sixth, .push--lap--two-twelfths {
- left: 16.666%;
- }
-
- .push--lap--five-sixths, .push--lap--ten-twelfths {
- left: 83.333%;
- }
-
- /**
- * Eighths
- */
- .push--lap--one-eighth {
- left: 12.5%;
- }
-
- .push--lap--three-eighths {
- left: 37.5%;
- }
-
- .push--lap--five-eighths {
- left: 62.5%;
- }
-
- .push--lap--seven-eighths {
- left: 87.5%;
- }
-
- /**
- * Tenths
- */
- .push--lap--one-tenth {
- left: 10%;
- }
-
- .push--lap--three-tenths {
- left: 30%;
- }
-
- .push--lap--seven-tenths {
- left: 70%;
- }
-
- .push--lap--nine-tenths {
- left: 90%;
- }
-
- /**
- * Twelfths
- */
- .push--lap--one-twelfth {
- left: 8.333%;
- }
-
- .push--lap--five-twelfths {
- left: 41.666%;
- }
-
- .push--lap--seven-twelfths {
- left: 58.333%;
- }
-
- .push--lap--eleven-twelfths {
- left: 91.666%;
- }
-}
-@media only screen and (max-width: 767px) {
- /**
- * Whole
- */
- .push--portable--one-whole {
- left: 100%;
- }
-
- /**
- * Halves
- */
- .push--portable--one-half, .push--portable--two-quarters, .push--portable--three-sixths, .push--portable--four-eighths, .push--portable--five-tenths, .push--portable--six-twelfths {
- left: 50%;
- }
-
- /**
- * Thirds
- */
- .push--portable--one-third, .push--portable--two-sixths, .push--portable--four-twelfths {
- left: 33.333%;
- }
-
- .push--portable--two-thirds, .push--portable--four-sixths, .push--portable--eight-twelfths {
- left: 66.666%;
- }
-
- /**
- * Quarters
- */
- .push--portable--one-quarter, .push--portable--two-eighths, .push--portable--three-twelfths {
- left: 25%;
- }
-
- .push--portable--three-quarters, .push--portable--six-eighths, .push--portable--nine-twelfths {
- left: 75%;
- }
-
- /**
- * Fifths
- */
- .push--portable--one-fifth, .push--portable--two-tenths {
- left: 20%;
- }
-
- .push--portable--two-fifths, .push--portable--four-tenths {
- left: 40%;
- }
-
- .push--portable--three-fifths, .push--portable--six-tenths {
- left: 60%;
- }
-
- .push--portable--four-fifths, .push--portable--eight-tenths {
- left: 80%;
- }
-
- /**
- * Sixths
- */
- .push--portable--one-sixth, .push--portable--two-twelfths {
- left: 16.666%;
- }
-
- .push--portable--five-sixths, .push--portable--ten-twelfths {
- left: 83.333%;
- }
-
- /**
- * Eighths
- */
- .push--portable--one-eighth {
- left: 12.5%;
- }
-
- .push--portable--three-eighths {
- left: 37.5%;
- }
-
- .push--portable--five-eighths {
- left: 62.5%;
- }
-
- .push--portable--seven-eighths {
- left: 87.5%;
- }
-
- /**
- * Tenths
- */
- .push--portable--one-tenth {
- left: 10%;
- }
-
- .push--portable--three-tenths {
- left: 30%;
- }
-
- .push--portable--seven-tenths {
- left: 70%;
- }
-
- .push--portable--nine-tenths {
- left: 90%;
- }
-
- /**
- * Twelfths
- */
- .push--portable--one-twelfth {
- left: 8.333%;
- }
-
- .push--portable--five-twelfths {
- left: 41.666%;
- }
-
- .push--portable--seven-twelfths {
- left: 58.333%;
- }
-
- .push--portable--eleven-twelfths {
- left: 91.666%;
- }
-}
-@media only screen and (min-width: 768px) {
- /**
- * Whole
- */
- .push--desk--one-whole {
- left: 100%;
- }
-
- /**
- * Halves
- */
- .push--desk--one-half, .push--desk--two-quarters, .push--desk--three-sixths, .push--desk--four-eighths, .push--desk--five-tenths, .push--desk--six-twelfths {
- left: 50%;
- }
-
- /**
- * Thirds
- */
- .push--desk--one-third, .push--desk--two-sixths, .push--desk--four-twelfths {
- left: 33.333%;
- }
-
- .push--desk--two-thirds, .push--desk--four-sixths, .push--desk--eight-twelfths {
- left: 66.666%;
- }
-
- /**
- * Quarters
- */
- .push--desk--one-quarter, .push--desk--two-eighths, .push--desk--three-twelfths {
- left: 25%;
- }
-
- .push--desk--three-quarters, .push--desk--six-eighths, .push--desk--nine-twelfths {
- left: 75%;
- }
-
- /**
- * Fifths
- */
- .push--desk--one-fifth, .push--desk--two-tenths {
- left: 20%;
- }
-
- .push--desk--two-fifths, .push--desk--four-tenths {
- left: 40%;
- }
-
- .push--desk--three-fifths, .push--desk--six-tenths {
- left: 60%;
- }
-
- .push--desk--four-fifths, .push--desk--eight-tenths {
- left: 80%;
- }
-
- /**
- * Sixths
- */
- .push--desk--one-sixth, .push--desk--two-twelfths {
- left: 16.666%;
- }
-
- .push--desk--five-sixths, .push--desk--ten-twelfths {
- left: 83.333%;
- }
-
- /**
- * Eighths
- */
- .push--desk--one-eighth {
- left: 12.5%;
- }
-
- .push--desk--three-eighths {
- left: 37.5%;
- }
-
- .push--desk--five-eighths {
- left: 62.5%;
- }
-
- .push--desk--seven-eighths {
- left: 87.5%;
- }
-
- /**
- * Tenths
- */
- .push--desk--one-tenth {
- left: 10%;
- }
-
- .push--desk--three-tenths {
- left: 30%;
- }
-
- .push--desk--seven-tenths {
- left: 70%;
- }
-
- .push--desk--nine-tenths {
- left: 90%;
- }
-
- /**
- * Twelfths
- */
- .push--desk--one-twelfth {
- left: 8.333%;
- }
-
- .push--desk--five-twelfths {
- left: 41.666%;
- }
-
- .push--desk--seven-twelfths {
- left: 58.333%;
- }
-
- .push--desk--eleven-twelfths {
- left: 91.666%;
- }
-}
-/*------------------------------------*\
- $PULL
-\*------------------------------------*/
-/**
- * Pull classes, to move grid items back to the left by certain amounts.
- */
-@font-face {
- font-family: Batch;
- src: url("../fonts/batch.eot");
- src: url("../fonts/batch.eot?#iefix") format("embedded-opentype"), url("../fonts/batch.woff") format("woff"), url("../fonts/batch.ttf") format("truetype"), url("../fonts/batch.svg#batchregular") format("svg");
- font-weight: normal;
- font-style: normal;
-}
-
-.icon {
- font-family: "Batch";
- color: #d9dde0;
- line-height: 1;
- display: inline-block;
-}
-
-/*------------------------------------*\
- $HIDE
-\*------------------------------------*/
-/**
- * Hide classes, to hide elements on certain devices.
- */
-@media only screen and (max-width: 480px) {
- .palm--hide {
- display: none;
- }
-}
-@media only screen and (min-width: 481px) and (max-width: 767px) {
- .lap--hide {
- display: none;
- }
-}
-@media only screen and (max-width: 767px) {
- .portable--hide {
- display: none;
- }
-}
-@media only screen and (min-width: 768px) {
- .desk--hide {
- display: none;
- }
-}
-/* Load partials
- * ====================================================
-*/
-/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
-/* ==========================================================================
- HTML5 display definitions
- ========================================================================== */
-/*
- * Correct `block` display not defined in IE 8/9.
- */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
- display: block;
-}
-
-/*
- * Correct `inline-block` display not defined in IE 8/9.
- */
-audio,
-canvas,
-video {
- display: inline-block;
-}
-
-/*
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-audio:not([controls]) {
- display: none;
- height: 0;
-}
-
-/*
- * Address styling not present in IE 8/9.
- */
-[hidden] {
- display: none;
-}
-
-/* ==========================================================================
- Base
- ========================================================================== */
-/*
- * 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 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
- -ms-text-size-adjust: 100%;
- /* 2 */
-}
-
-/*
- * Remove default margin.
- */
-body {
- margin: 0;
-}
-
-/* ==========================================================================
- Links
- ========================================================================== */
-/*
- * Address `outline` inconsistency between Chrome and other browsers.
- */
-a:focus {
- outline: thin dotted;
-}
-
-/*
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-a:active,
-a:hover {
- outline: 0;
-}
-
-/* ==========================================================================
- Typography
- ========================================================================== */
-/*
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
- */
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
-/*
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-abbr[title] {
- border-bottom: 1px dotted;
-}
-
-/*
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
-b,
-strong {
- font-weight: bold;
-}
-
-/*
- * Address styling not present in Safari 5 and Chrome.
- */
-dfn {
- font-style: italic;
-}
-
-/*
- * Address differences between Firefox and other browsers.
- */
-hr {
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
-}
-
-/*
- * Address styling not present in IE 8/9.
- */
-mark {
- background: #ff0;
- color: #000;
-}
-
-/*
- * Correct font family set oddly in Safari 5 and Chrome.
- */
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, serif;
- font-size: 1em;
-}
-
-/*
- * Improve readability of pre-formatted text in all browsers.
- */
-pre {
- white-space: pre-wrap;
-}
-
-/*
- * Set consistent quote types.
- */
-q {
- quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-/*
- * 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.
- */
-img {
- border: 0;
-}
-
-/*
- * Correct overflow displayed oddly in IE 9.
- */
-svg:not(:root) {
- overflow: hidden;
-}
-
-/* ==========================================================================
- Figures
- ========================================================================== */
-/*
- * Address margin not present in IE 8/9 and Safari 5.
- */
-figure {
- margin: 0;
-}
-
-/* ==========================================================================
- Forms
- ========================================================================== */
-/*
- * 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.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-legend {
- border: 0;
- /* 1 */
- padding: 0;
- /* 2 */
-}
-
-/*
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- */
-button,
-input,
-select,
-textarea {
- font-family: inherit;
- /* 1 */
- font-size: 100%;
- /* 2 */
- margin: 0;
- /* 3 */
-}
-
-/*
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-button,
-input {
- line-height: normal;
-}
-
-/*
- * 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 Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
- */
-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;
-}
-
-/*
- * 1. Address box sizing set to `content-box` in IE 8/9.
- * 2. Remove excess padding in IE 8/9.
- */
-input[type="checkbox"],
-input[type="radio"] {
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
-}
-
-/*
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- * (include `-moz` to future-proof).
- */
-input[type="search"] {
- -webkit-appearance: textfield;
- /* 1 */
- -moz-box-sizing: content-box;
- /* 2 */
- box-sizing: content-box;
-}
-
-/*
- * Remove inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/*
- * Remove inner padding and border in Firefox 4+.
- */
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-/*
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
- */
-textarea {
- overflow: auto;
- /* 1 */
- vertical-align: top;
- /* 2 */
-}
-
-/* ==========================================================================
- Tables
- ========================================================================== */
-/*
- * Remove most spacing between table cells.
- */
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-/**
- * extracted from Harry Robert’s inuit.css
- * https://github.com/csswizardry/inuit.css/blob/master/generic/_reset.scss
-**/
-/**
- * The usual...
- */
-h1, h2, h3, h4, h5, h6,
-p, blockquote, pre,
-dl, dd, ol, ul,
-form, fieldset, legend,
-table, th, td, caption,
-hr {
- margin: 0;
- padding: 0;
-}
-
-/**
- * Give a help cursor to elements that give extra info on `:hover`.
- */
-abbr[title], dfn[title] {
- cursor: help;
-}
-
-/**
- * Remove underlines from potentially troublesome elements.
- */
-u, ins {
- text-decoration: none;
-}
-
-/**
- * Apply faux underline via `border-bottom`.
- */
-ins {
- border-bottom: 1px solid;
-}
-
-/**
- * So that `alt` text is visually offset if images don’t load.
- */
-img {
- font-style: italic;
-}
-
-/**
- * Give form elements some cursor interactions...
- */
-label,
-input,
-textarea,
-button,
-select,
-option {
- cursor: pointer;
-}
-
-.text-input:active,
-.text-input:focus,
-textarea:active,
-textarea:focus {
- cursor: text;
- outline: none;
-}
-
-/*------------------------------------*\
- $SHARED
-\*------------------------------------*/
-/**
- * Where `margin-bottom` is concerned, this value will be the same as the
- * base line-height. This allows us to keep a consistent vertical rhythm.
- * As per: csswizardry.com/2012/06/single-direction-margin-declarations
- */
-/**
- * Base elements
- */
-h1, h2, h3, h4, h5, h6, hgroup,
-ul, ol, dl,
-blockquote, p, address,
-table,
-fieldset, figure,
-pre,
-.media,
-.island,
-.islet {
- margin-bottom: 24px;
- margin-bottom: 1.5rem;
-}
-.islet h1, .islet h2, .islet h3, .islet h4, .islet h5, .islet h6, .islet hgroup, .islet
-ul, .islet ol, .islet dl, .islet
-blockquote, .islet p, .islet address, .islet
-table, .islet
-fieldset, .islet figure, .islet
-pre, .islet
-.media, .islet
-.island, .islet
-.islet {
- margin-bottom: 12px;
- margin-bottom: 0.75rem;
-}
-
-/**
- * Doubled up `margin-bottom` helper class.
- */
-.landmark {
- margin-bottom: 48px;
- margin-bottom: 3rem;
-}
-
-/**
- * `hr` elements only take up a few pixels, so we need to give them special
- * treatment regarding vertical rhythm.
- */
-hr {
- margin-bottom: 22px;
- margin-bottom: 1.375rem;
-}
-
-/**
- * Where `margin-left` is concerned we want to try and indent certain elements
- * by a consistent amount. Define that amount once, here.
- */
-ul, ol, dd {
- margin-left: 48px;
- margin-left: 3rem;
-}
-
-.push--top {
- margin-top: 24px;
-}
-
-html {
- font: 1em/1.5 "Helvetica Neue", Helvetica, sans-serif;
- overflow-y: scroll;
- min-height: 100%;
- color: #333435;
-}
-
-.centered {
- max-width: 960px;
- padding: 0 24px;
- margin-left: auto;
- margin-right: auto;
- position: relative;
-}
-
-a {
- color: #002f6f;
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-
-.muted-link {
- color: #333435;
-}
-
-.cf:before,
-.cf:after {
- content: " ";
- display: table;
-}
-
-.cf:after {
- clear: both;
-}
-
-.muted, .people-list__meta {
- color: #4c4d4f;
-}
-
-.smaller, .people-list__meta {
- font-size: 12px;
-}
-
-.align--center {
- text-align: center;
-}
-
-.button {
- padding: 1em 1.5em;
- border-radius: 4px;
- background-color: #f5f6f7;
- text-decoration: none;
- cursor: pointer;
- color: #333435;
- font-weight: bold;
- white-space: nowrap;
- display: inline-block;
- text-align: center;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.button:hover {
- background-color: #e7e9ec;
- text-decoration: none;
-}
-
-.button--primary {
- background-color: #002f6f;
- color: #fff;
-}
-.button--primary:hover {
- background-color: #003e93;
-}
-
-.button--stripped {
- border: none;
- background: transparent;
- font-weight: normal;
-}
-.button--stripped:hover {
- background: transparent;
-}
-
-.button--hollow {
- background: transparent;
- border: 2px solid #f5f6f7;
-}
-.button--hollow:hover {
- background: transparent;
- border-color: #e7e9ec;
-}
-
-@media only screen and (max-width: 767px) {
- .button {
- display: block;
- width: 100%;
- margin-bottom: 24px;
- }
-}
-.nav {
- list-style: none;
- margin-left: -1.5em;
-}
-.nav li {
- display: inline-block;
- margin-right: -0.25em;
-}
-.nav a {
- display: inline-block;
- padding: 1em 1.5em;
-}
-
-h2 {
- font-weight: 300;
- font-size: 28px;
-}
-
-/*------------------------------------*\
- $HEADER
-\*------------------------------------*/
-.main-header {
- background-color: #002f6f;
- color: #fff;
- padding: 24px 0;
- background-image: -webkit-radial-gradient(ellipse at bottom right, #80bfe0 0%, #002f6f 53%, #001c41 100%);
- background-image: radial-gradient(ellipse at bottom right, #80bfe0 0%, #002f6f 53%, #001c41 100%);
-}
-
-.main-header__title {
- color: #fff;
- font-size: 2.25em;
- margin-bottom: 0;
-}
-
-/*------------------------------------*\
- $FOOTER
-\*------------------------------------*/
-html {
- position: relative;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- padding-bottom: 456px;
-}
-
-.main-footer {
- padding: 24px 0 0;
- background: #333;
- color: #fff;
- position: absolute;
- bottom: 0;
- width: 100%;
-}
-.main-footer .centered {
- background: url(../img/logo-muted.svg) no-repeat right 62%;
-}
-.main-footer a {
- color: #ccc;
-}
-
-.main-footer__links {
- list-style: none;
- margin-left: 0;
- color: #777;
-}
-.main-footer__links li, .main-footer__links h1, .main-footer__links h2, .main-footer__links h3 {
- line-height: 28px;
-}
-.main-footer__links .push--top {
- margin-top: 28px;
-}
-
-.main-footer__title {
- color: #fff;
-}
-
-@media only screen and (min-width: 768px) {
- html {
- padding-bottom: 192px;
- }
-}
-/*------------------------------------*\
- $HEADER
-\*------------------------------------*/
-.main-header--landing {
- padding: 48px 0 144px;
- color: #bcc7d7;
- background-image: -webkit-radial-gradient(90% 80%, ellipse, #80bfe0 0%, #002f6f 53%, #001c41 100%);
- background-image: radial-gradient(ellipse at 90% 80%, #80bfe0 0%, #002f6f 53%, #001c41 100%);
-}
-.main-header--landing a {
- color: #fff;
-}
-
-.main-header--landing__lang {
- float: right;
- opacity: .6;
- font-size: 13.6px;
- line-height: 13.6px;
- margin-top: -1em;
-}
-
-.main-header--landing__logo {
- margin-bottom: 48px;
-}
-
-.main-header--landing__title {
- margin-bottom: 24px;
-}
-
-.main-header--landing__text {
- font-size: 1.5em;
- font-weight: 300;
- margin-bottom: 72px;
-}
-
-.main-header--landing__actions .button {
- border-color: #fff;
- color: #fff;
-}
-.main-header--landing__actions .button--hollow:hover {
- background-color: rgba(255, 255, 255, 0.05);
-}
-.main-header--landing__actions .button--stripped {
- opacity: .8;
-}
-.main-header--landing__actions .button--stripped:hover {
- opacity: 1;
-}
-
-.main-header--landing__phone {
- position: absolute;
- right: 0;
- top: 24px;
- width: 362px;
- height: 759px;
- background: url(../img/phone.png) no-repeat right center;
- -webkit-animation: phone--slidein 1s ease;
- animation: phone--slidein 1s ease;
-}
-
-.main-header--landing__desc {
- -webkit-animation: slide-in--left 1s ease;
- animation: slide-in--left 1s ease;
- position: relative;
-}
-
-@-webkit-keyframes phone--slidein {
- from {
- right: -100px;
- opacity: 0;
- -webkit-transform: rotate(2deg);
- transform: rotate(2deg);
- }
-
- to {
- right: 0;
- opacity: 1;
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
-}
-
-@keyframes phone--slidein {
- from {
- right: -100px;
- opacity: 0;
- -webkit-transform: rotate(2deg);
- -ms-transform: rotate(2deg);
- transform: rotate(2deg);
- }
-
- to {
- right: 0;
- opacity: 1;
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
-}
-
-@-webkit-keyframes slide-in--left {
- from {
- left: -50px;
- opacity: 0;
- }
-
- to {
- left: 0;
- opacity: 1;
- }
-}
-
-@keyframes slide-in--left {
- from {
- left: -50px;
- opacity: 0;
- }
-
- to {
- left: 0;
- opacity: 1;
- }
-}
-
-/*------------------------------------*\
- $MACBOOK
-\*------------------------------------*/
-.macbook-section {
- margin: 48px auto;
- min-height: 544px;
-}
-
-.macbook-section__bg {
- background: url(../img/macbook.png) no-repeat left top;
- width: 911px;
- height: 544px;
- position: absolute;
- right: 50%;
- top: 0;
-}
-
-.macbook-section__text {
- margin: 120px 0;
-}
-
-/*------------------------------------*\
- $CROWD
-\*------------------------------------*/
-.crowd-section {
- background: url(../img/crowd.png) no-repeat center center;
- background-size: cover;
- min-height: 360px;
-}
-
-.crowd-section__text {
- background: white;
- padding: 24px;
-}
-
-/*------------------------------------*\
- $CALL
-\*------------------------------------*/
-.call-section {
- padding: 48px 0 24px;
-}
-
-.call-section__text {
- text-align: center;
-}
-
-/*------------------------------------*\
- $TESTIMONIALS
-\*------------------------------------*/
-.testimonials {
- padding: 48px 0;
- color: #4c4d4f;
- background: #f5f6f7 url(../img/quote.svg) no-repeat -5% 150%;
- background-size: auto 80%;
-}
-
-.testimonials__title {
- text-align: center;
- font-weight: bold;
- margin-bottom: 48px;
-}
-
-.testimonials__author {
- text-align: right;
- font-style: italic;
- color: #727476;
- font-size: 13.6px;
-}
-
-/*------------------------------------*\
- $MEDIA-QUERIES
-\*------------------------------------*/
-@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
- .main-header--landing__phone {
- background: url(../img/phone@2x.png) no-repeat right center;
- background-size: 100% 100%;
- }
-
- .macbook-section__bg {
- background: url(../img/macbook@2x.png) no-repeat left top;
- background-size: 100% 100%;
- }
-}
-@media only screen and (max-width: 767px) {
- .main-header {
- background-image: -webkit-radial-gradient(100% 100%, ellipse, #80bfe0 0%, #002f6f 53%, #001c41 100%);
- background-image: radial-gradient(ellipse at 100% 100%, #80bfe0 0%, #002f6f 53%, #001c41 100%);
- padding: 48px 0;
- }
-
- .macbook-section__text {
- margin: 0;
- }
-
- .macbook-section {
- min-height: 0;
- }
-
- .main-footer__links .push--top {
- margin-top: 0;
- }
-
- .main-footer .centered {
- background-image: none;
- }
-}
-.main-nav {
- background-color: #f5f6f7;
-}
-.main-nav a {
- color: #444546;
- font-weight: bold;
- text-decoration: none;
-}
-.main-nav a:hover {
- background-color: #eaecee;
-}
-.main-nav .active a {
- background-color: #eaecee;
-}
-
-.people-list {
- margin-top: -48px;
-}
-
-.people-list__item {
- margin-bottom: 24px;
- position: relative;
- min-height: 120px;
-}
-
-.people-list__photo {
- width: 90px;
- height: 120px;
- background-position: center center;
- background-size: cover;
- border-radius: 4px;
- position: absolute;
- left: 24px;
-}
-
-.people-list__desc {
- padding-left: 114px;
- margin: 0;
-}
-
-.people-list__name {
- display: block;
-}
-
-.people-list__meta {
- display: block;
-}
-
-.people-list__separator {
- margin-top: 48px;
-}
-
-.feature-list {
- margin-top: 48px;
-}
-
-.feature-list__item {
- text-align: center;
- margin-bottom: 48px;
-}
-
-.feature-list__icon {
- font-size: 4em;
- display: block;
- margin-bottom: 24px;
-}
-
-.call-section--features {
- padding-top: 0;
-}
diff --git a/assets/img/bars.svg b/assets/img/bars.svg
new file mode 100644
index 0000000..573a831
--- /dev/null
+++ b/assets/img/bars.svg
@@ -0,0 +1,16 @@
+
+
\ No newline at end of file
diff --git a/assets/img/book-and-phone.png b/assets/img/book-and-phone.png
new file mode 100644
index 0000000..7403600
Binary files /dev/null and b/assets/img/book-and-phone.png differ
diff --git a/assets/img/business.png b/assets/img/business.png
new file mode 100644
index 0000000..fc3b0bb
Binary files /dev/null and b/assets/img/business.png differ
diff --git a/assets/img/choice-question.svg b/assets/img/choice-question.svg
new file mode 100644
index 0000000..d342db6
--- /dev/null
+++ b/assets/img/choice-question.svg
@@ -0,0 +1,35 @@
+
+
+
+
diff --git a/assets/img/crowd-blue.png b/assets/img/crowd-blue.png
new file mode 100644
index 0000000..d4dc0aa
Binary files /dev/null and b/assets/img/crowd-blue.png differ
diff --git a/assets/img/crowd-small.png b/assets/img/crowd-small.png
new file mode 100644
index 0000000..f2f5962
Binary files /dev/null and b/assets/img/crowd-small.png differ
diff --git a/assets/img/dropdown.png b/assets/img/dropdown.png
new file mode 100644
index 0000000..4a390a0
Binary files /dev/null and b/assets/img/dropdown.png differ
diff --git a/assets/img/icon-devices.svg b/assets/img/icon-devices.svg
new file mode 100644
index 0000000..de4c7a9
--- /dev/null
+++ b/assets/img/icon-devices.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/assets/img/icon-list.svg b/assets/img/icon-list.svg
new file mode 100644
index 0000000..28f94cb
--- /dev/null
+++ b/assets/img/icon-list.svg
@@ -0,0 +1,22 @@
+
+
\ No newline at end of file
diff --git a/assets/img/icon-presentation.svg b/assets/img/icon-presentation.svg
new file mode 100644
index 0000000..bc7871c
--- /dev/null
+++ b/assets/img/icon-presentation.svg
@@ -0,0 +1,14 @@
+
+
\ No newline at end of file
diff --git a/assets/img/im-logo.png b/assets/img/im-logo.png
index 1d6c39e..dbb9fc8 100644
Binary files a/assets/img/im-logo.png and b/assets/img/im-logo.png differ
diff --git a/assets/img/macbook.png b/assets/img/macbook.png
index ca21951..2455e06 100644
Binary files a/assets/img/macbook.png and b/assets/img/macbook.png differ
diff --git a/assets/img/macbook@2x.png b/assets/img/macbook@2x.png
index ccd418e..c1723fa 100644
Binary files a/assets/img/macbook@2x.png and b/assets/img/macbook@2x.png differ
diff --git a/assets/img/numeric-question.svg b/assets/img/numeric-question.svg
new file mode 100644
index 0000000..b047149
--- /dev/null
+++ b/assets/img/numeric-question.svg
@@ -0,0 +1,22 @@
+
+
\ No newline at end of file
diff --git a/assets/img/people/bach.jpg b/assets/img/people/bach.jpg
index 2a060f1..07234a7 100644
Binary files a/assets/img/people/bach.jpg and b/assets/img/people/bach.jpg differ
diff --git a/assets/img/people/fels.jpg b/assets/img/people/fels.jpg
index a441393..dc5945d 100644
Binary files a/assets/img/people/fels.jpg and b/assets/img/people/fels.jpg differ
diff --git a/assets/img/people/kundisch.jpg b/assets/img/people/kundisch.jpg
index e618449..54e35bd 100644
Binary files a/assets/img/people/kundisch.jpg and b/assets/img/people/kundisch.jpg differ
diff --git a/assets/img/people/magenheim.jpg b/assets/img/people/magenheim.jpg
index e362623..42f2608 100644
Binary files a/assets/img/people/magenheim.jpg and b/assets/img/people/magenheim.jpg differ
diff --git a/assets/img/people/neumann.jpg b/assets/img/people/neumann.jpg
index da0f84b..fe7d833 100644
Binary files a/assets/img/people/neumann.jpg and b/assets/img/people/neumann.jpg differ
diff --git a/assets/img/people/schlangenotto.jpg b/assets/img/people/schlangenotto.jpg
new file mode 100644
index 0000000..421a8b2
Binary files /dev/null and b/assets/img/people/schlangenotto.jpg differ
diff --git a/assets/img/people/whittaker.jpg b/assets/img/people/whittaker.jpg
index d986e6c..264bf0a 100644
Binary files a/assets/img/people/whittaker.jpg and b/assets/img/people/whittaker.jpg differ
diff --git a/assets/img/people/zoyke.jpg b/assets/img/people/zoyke.jpg
index b580e3b..8b61803 100644
Binary files a/assets/img/people/zoyke.jpg and b/assets/img/people/zoyke.jpg differ
diff --git a/assets/img/phone.png b/assets/img/phone.png
index f258a37..3492e3d 100644
Binary files a/assets/img/phone.png and b/assets/img/phone.png differ
diff --git a/assets/img/phone@2x.png b/assets/img/phone@2x.png
index 68921d8..2d51aca 100644
Binary files a/assets/img/phone@2x.png and b/assets/img/phone@2x.png differ
diff --git a/assets/img/remote-question.png b/assets/img/remote-question.png
new file mode 100644
index 0000000..f1a1fad
Binary files /dev/null and b/assets/img/remote-question.png differ
diff --git a/assets/img/remote-results.png b/assets/img/remote-results.png
new file mode 100644
index 0000000..282f8c2
Binary files /dev/null and b/assets/img/remote-results.png differ
diff --git a/assets/img/school.png b/assets/img/school.png
new file mode 100644
index 0000000..d75c172
Binary files /dev/null and b/assets/img/school.png differ
diff --git a/assets/img/tagcloud-question.svg b/assets/img/tagcloud-question.svg
new file mode 100644
index 0000000..c4bc825
--- /dev/null
+++ b/assets/img/tagcloud-question.svg
@@ -0,0 +1,23 @@
+
+
\ No newline at end of file
diff --git a/assets/js/images-loaded.min.js b/assets/js/images-loaded.min.js
new file mode 100755
index 0000000..321a9f8
--- /dev/null
+++ b/assets/js/images-loaded.min.js
@@ -0,0 +1,7 @@
+/*!
+ * imagesLoaded PACKAGED v3.1.4
+ * JavaScript is all like "You images are done yet or what?"
+ * MIT License
+ */
+
+(function(){function e(){}function t(e,t){for(var n=e.length;n--;)if(e[n].listener===t)return n;return-1}function n(e){return function(){return this[e].apply(this,arguments)}}var i=e.prototype,r=this,o=r.EventEmitter;i.getListeners=function(e){var t,n,i=this._getEvents();if("object"==typeof e){t={};for(n in i)i.hasOwnProperty(n)&&e.test(n)&&(t[n]=i[n])}else t=i[e]||(i[e]=[]);return t},i.flattenListeners=function(e){var t,n=[];for(t=0;e.length>t;t+=1)n.push(e[t].listener);return n},i.getListenersAsObject=function(e){var t,n=this.getListeners(e);return n instanceof Array&&(t={},t[e]=n),t||n},i.addListener=function(e,n){var i,r=this.getListenersAsObject(e),o="object"==typeof n;for(i in r)r.hasOwnProperty(i)&&-1===t(r[i],n)&&r[i].push(o?n:{listener:n,once:!1});return this},i.on=n("addListener"),i.addOnceListener=function(e,t){return this.addListener(e,{listener:t,once:!0})},i.once=n("addOnceListener"),i.defineEvent=function(e){return this.getListeners(e),this},i.defineEvents=function(e){for(var t=0;e.length>t;t+=1)this.defineEvent(e[t]);return this},i.removeListener=function(e,n){var i,r,o=this.getListenersAsObject(e);for(r in o)o.hasOwnProperty(r)&&(i=t(o[r],n),-1!==i&&o[r].splice(i,1));return this},i.off=n("removeListener"),i.addListeners=function(e,t){return this.manipulateListeners(!1,e,t)},i.removeListeners=function(e,t){return this.manipulateListeners(!0,e,t)},i.manipulateListeners=function(e,t,n){var i,r,o=e?this.removeListener:this.addListener,s=e?this.removeListeners:this.addListeners;if("object"!=typeof t||t instanceof RegExp)for(i=n.length;i--;)o.call(this,t,n[i]);else for(i in t)t.hasOwnProperty(i)&&(r=t[i])&&("function"==typeof r?o.call(this,i,r):s.call(this,i,r));return this},i.removeEvent=function(e){var t,n=typeof e,i=this._getEvents();if("string"===n)delete i[e];else if("object"===n)for(t in i)i.hasOwnProperty(t)&&e.test(t)&&delete i[t];else delete this._events;return this},i.removeAllListeners=n("removeEvent"),i.emitEvent=function(e,t){var n,i,r,o,s=this.getListenersAsObject(e);for(r in s)if(s.hasOwnProperty(r))for(i=s[r].length;i--;)n=s[r][i],n.once===!0&&this.removeListener(e,n.listener),o=n.listener.apply(this,t||[]),o===this._getOnceReturnValue()&&this.removeListener(e,n.listener);return this},i.trigger=n("emitEvent"),i.emit=function(e){var t=Array.prototype.slice.call(arguments,1);return this.emitEvent(e,t)},i.setOnceReturnValue=function(e){return this._onceReturnValue=e,this},i._getOnceReturnValue=function(){return this.hasOwnProperty("_onceReturnValue")?this._onceReturnValue:!0},i._getEvents=function(){return this._events||(this._events={})},e.noConflict=function(){return r.EventEmitter=o,e},"function"==typeof define&&define.amd?define("eventEmitter/EventEmitter",[],function(){return e}):"object"==typeof module&&module.exports?module.exports=e:this.EventEmitter=e}).call(this),function(e){function t(t){var n=e.event;return n.target=n.target||n.srcElement||t,n}var n=document.documentElement,i=function(){};n.addEventListener?i=function(e,t,n){e.addEventListener(t,n,!1)}:n.attachEvent&&(i=function(e,n,i){e[n+i]=i.handleEvent?function(){var n=t(e);i.handleEvent.call(i,n)}:function(){var n=t(e);i.call(e,n)},e.attachEvent("on"+n,e[n+i])});var r=function(){};n.removeEventListener?r=function(e,t,n){e.removeEventListener(t,n,!1)}:n.detachEvent&&(r=function(e,t,n){e.detachEvent("on"+t,e[t+n]);try{delete e[t+n]}catch(i){e[t+n]=void 0}});var o={bind:i,unbind:r};"function"==typeof define&&define.amd?define("eventie/eventie",o):e.eventie=o}(this),function(e,t){"function"==typeof define&&define.amd?define(["eventEmitter/EventEmitter","eventie/eventie"],function(n,i){return t(e,n,i)}):"object"==typeof exports?module.exports=t(e,require("eventEmitter"),require("eventie")):e.imagesLoaded=t(e,e.EventEmitter,e.eventie)}(this,function(e,t,n){function i(e,t){for(var n in t)e[n]=t[n];return e}function r(e){return"[object Array]"===d.call(e)}function o(e){var t=[];if(r(e))t=e;else if("number"==typeof e.length)for(var n=0,i=e.length;i>n;n++)t.push(e[n]);else t.push(e);return t}function s(e,t,n){if(!(this instanceof s))return new s(e,t);"string"==typeof e&&(e=document.querySelectorAll(e)),this.elements=o(e),this.options=i({},this.options),"function"==typeof t?n=t:i(this.options,t),n&&this.on("always",n),this.getImages(),a&&(this.jqDeferred=new a.Deferred);var r=this;setTimeout(function(){r.check()})}function c(e){this.img=e}function f(e){this.src=e,v[e]=this}var a=e.jQuery,u=e.console,h=u!==void 0,d=Object.prototype.toString;s.prototype=new t,s.prototype.options={},s.prototype.getImages=function(){this.images=[];for(var e=0,t=this.elements.length;t>e;e++){var n=this.elements[e];"IMG"===n.nodeName&&this.addImage(n);for(var i=n.querySelectorAll("img"),r=0,o=i.length;o>r;r++){var s=i[r];this.addImage(s)}}},s.prototype.addImage=function(e){var t=new c(e);this.images.push(t)},s.prototype.check=function(){function e(e,r){return t.options.debug&&h&&u.log("confirm",e,r),t.progress(e),n++,n===i&&t.complete(),!0}var t=this,n=0,i=this.images.length;if(this.hasAnyBroken=!1,!i)return this.complete(),void 0;for(var r=0;i>r;r++){var o=this.images[r];o.on("confirm",e),o.check()}},s.prototype.progress=function(e){this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded;var t=this;setTimeout(function(){t.emit("progress",t,e),t.jqDeferred&&t.jqDeferred.notify&&t.jqDeferred.notify(t,e)})},s.prototype.complete=function(){var e=this.hasAnyBroken?"fail":"done";this.isComplete=!0;var t=this;setTimeout(function(){if(t.emit(e,t),t.emit("always",t),t.jqDeferred){var n=t.hasAnyBroken?"reject":"resolve";t.jqDeferred[n](t)}})},a&&(a.fn.imagesLoaded=function(e,t){var n=new s(this,e,t);return n.jqDeferred.promise(a(this))}),c.prototype=new t,c.prototype.check=function(){var e=v[this.img.src]||new f(this.img.src);if(e.isConfirmed)return this.confirm(e.isLoaded,"cached was confirmed"),void 0;if(this.img.complete&&void 0!==this.img.naturalWidth)return this.confirm(0!==this.img.naturalWidth,"naturalWidth"),void 0;var t=this;e.on("confirm",function(e,n){return t.confirm(e.isLoaded,n),!0}),e.check()},c.prototype.confirm=function(e,t){this.isLoaded=e,this.emit("confirm",this,t)};var v={};return f.prototype=new t,f.prototype.check=function(){if(!this.isChecked){var e=new Image;n.bind(e,"load",this),n.bind(e,"error",this),e.src=this.src,this.isChecked=!0}},f.prototype.handleEvent=function(e){var t="on"+e.type;this[t]&&this[t](e)},f.prototype.onload=function(e){this.confirm(!0,"onload"),this.unbindProxyEvents(e)},f.prototype.onerror=function(e){this.confirm(!1,"onerror"),this.unbindProxyEvents(e)},f.prototype.confirm=function(e,t){this.isConfirmed=!0,this.isLoaded=e,this.emit("confirm",this,t)},f.prototype.unbindProxyEvents=function(e){n.unbind(e.target,"load",this),n.unbind(e.target,"error",this)},s});
\ No newline at end of file
diff --git a/assets/js/litebox.js b/assets/js/litebox.js
new file mode 100755
index 0000000..991fe86
--- /dev/null
+++ b/assets/js/litebox.js
@@ -0,0 +1,351 @@
+// LiteBox v1.3, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/
+// ===============================================================================
+
+ ;(function($, window, document, undefined) {
+ var pluginName = 'liteBox',
+ defaults = {
+ revealSpeed: 400,
+ background: 'rgba(0,0,0,.8)',
+ overlayClose: true,
+ escKey: true,
+ navKey: true,
+ closeTip: 'tip-l-fade',
+ closeTipText: 'Close',
+ prevTip: 'tip-t-fade',
+ prevTipText: 'Previous',
+ nextTip: 'tip-t-fade',
+ nextTipText: 'Next',
+ callbackInit: function() {},
+ callbackBeforeOpen: function() {},
+ callbackAfterOpen: function() {},
+ callbackBeforeClose: function() {},
+ callbackAfterClose: function() {},
+ callbackError: function() {},
+ callbackPrev: function() {},
+ callbackNext: function() {},
+ errorMessage: 'Error loading content.'
+ };
+
+ function liteBox(element, options) {
+ this.element = element;
+ this.$element = $(this.element);
+
+ this.options = $.extend({}, defaults, options);
+
+ this._defaults = defaults;
+ this._name = pluginName;
+
+ this.init();
+ }
+
+ function winHeight() { return window.innerHeight ? window.innerHeight : $(window).height(); }
+
+ function preloadImageArray(images) {
+ $(images).each(function () {
+ var image = new Image();
+
+ image.src = this;
+
+ if (image.width > 0)
+ $('
![]()
').attr('src', this).addClass('litebox-preload').appendTo('body').hide();
+ });
+ }
+
+ liteBox.prototype = {
+ init: function() {
+ // Variables
+ var $this = this;
+
+ // Element click
+ this.$element.on('click', function(e) {
+ e.preventDefault();
+ $this.openLitebox();
+ });
+
+ // Interaction
+ keyEsc = 27,
+ keyLeft = 37,
+ keyRight = 39;
+
+ $('body').off('keyup').on('keyup', function(e) {
+ if ($this.options.escKey && e.keyCode == keyEsc)
+ $this.closeLitebox();
+
+ if ($this.options.navKey && e.keyCode == keyLeft)
+ $('.litebox-prev').trigger('click');
+
+ if ($this.options.navKey && e.keyCode == keyRight)
+ $('.litebox-next').trigger('click');
+ });
+
+ // Callback
+ this.options.callbackInit.call(this);
+ },
+
+ openLitebox: function() {
+ // Variables
+ var $this = this;
+
+ // Before callback
+ this.options.callbackBeforeOpen.call(this);
+
+ // Build
+ $this.buildLitebox();
+
+ // Populate
+ var link = this.$element;
+ $this.populateLitebox(link);
+
+ // Interactions
+ if ($this.options.overlayClose)
+ $litebox.on('click', function(e) {
+ if (e.target === this || $(e.target).hasClass('litebox-container') || $(e.target).hasClass('litebox-error'))
+ $this.closeLitebox();
+ });
+
+ $close.on('click', function(){
+ $this.closeLitebox();
+ });
+
+ // Groups
+ if (this.$element.attr('data-litebox-group')) {
+ var $this = this,
+ groupName = this.$element.attr('data-litebox-group'),
+ group = $('[data-litebox-group="' + this.$element.attr('data-litebox-group') + '"]');
+
+ var imageArray = [];
+
+ $('[data-litebox-group="' + groupName + '"]').each(function() {
+ var src = $(this).attr('href');
+
+ imageArray.push(src);
+ });
+
+ preloadImageArray(imageArray);
+
+ $('.litebox-nav').show();
+
+ $prevNav.off('click').on('click', function() {
+ $this.options.callbackPrev.call(this);
+
+ var index = group.index(link);
+
+ link = group.eq(index - 1);
+
+ if (!$(link).length)
+ link = group.last();
+
+ $this.populateLitebox(link);
+ });
+
+ $nextNav.off('click').on('click', function() {
+ $this.options.callbackNext.call(this);
+
+ var index = group.index(link);
+
+ link = group.eq(index + 1);
+
+ if (!$(link).length)
+ link = group.first();
+
+ $this.populateLitebox(link);
+ });
+ }
+
+ // After callback
+ this.options.callbackAfterOpen.call(this);
+ },
+
+ buildLitebox: function() {
+ // Variables
+ var $this = this;
+
+ $litebox = $('
', { 'class': 'litebox-overlay' }),
+ $close = $('
', { 'class': 'litebox-close ' + this.options.closeTip, 'data-tooltip': this.options.closeTipText }),
+ $text = $('
', { 'class': 'litebox-text' }),
+ $error = $('
' + this.options.errorMessage + '
'),
+ $prevNav = $('
', { 'class': 'litebox-nav litebox-prev ' + this.options.prevTip, 'data-tooltip': this.options.prevTipText }),
+ $nextNav = $('
', { 'class': 'litebox-nav litebox-next ' + this.options.nextTip, 'data-tooltip': this.options.nextTipText }),
+ $container = $('
', { 'class': 'litebox-container' }),
+ $loader = $('
', { 'class': 'litebox-loader' });
+
+ // Insert into document
+ $('body').prepend($litebox.css({ 'background-color': this.options.background }));
+
+ $litebox.append($close, $text, $prevNav, $nextNav, $container);
+
+ $litebox.fadeIn(this.options.revealSpeed);
+ },
+
+ populateLitebox: function(link) {
+ // Variables
+ var $this = this,
+ href = link.attr('href'),
+ $currentContent = $('.litebox-content');
+
+ // Show loader
+ $litebox.append($loader);
+
+ // Show image description
+ var $text = link.attr('data-litebox-text');
+
+ if (typeof $text == 'undefined' || $text == '') {
+ $('.litebox-text').removeClass('active');
+ $('.litebox-text').html();
+ } else {
+ $('.litebox-text').html($text);
+ $('.litebox-text').addClass('active');
+ }
+
+ // Process
+ if (href.match(/\.(jpeg|jpg|gif|png|bmp)/i) !== null) {
+ var $img = $('
![]()
', { 'src': href, 'class': 'litebox-content' });
+
+ $this.transitionContent('image', $currentContent, $img);
+
+ $('img.litebox-content').imagesLoaded(function() {
+ $loader.remove();
+ });
+
+ $img.error(function() {
+ $this.liteboxError();
+ $loader.remove();
+ });
+ } else if (videoURL = href.match(/(youtube|youtu|vimeo|dailymotion|kickstarter)\.(com|be)\/((watch\?v=([-\w]+))|(video\/([-\w]+))|(projects\/([-\w]+)\/([-\w]+))|([-\w]+))/)) {
+ var src = '';
+
+ if (videoURL[1] == 'youtube')
+ src = 'http://www.youtube.com/v/' + videoURL[5];
+
+ if (videoURL[1] == 'youtu')
+ src = 'http://www.youtube.com/v/' + videoURL[3];
+
+ if (videoURL[1] == 'vimeo')
+ src = 'http://player.vimeo.com/video/' + videoURL[3];
+
+ if (videoURL[1] == 'dailymotion')
+ src = 'https://www.dailymotion.com/embed/video/' + videoURL[7];
+
+ if (videoURL[1] == 'kickstarter')
+ src = 'https://www.kickstarter.com/projects/' + videoURL[9] + '/' + videoURL[10] + '/widget/video.html';
+
+ if (src) {
+ var $iframe = $('
+ 
+ 
+