diff --git a/.bundler/keep b/.bundler/keep
new file mode 100644
index 000000000..e69de29bb
diff --git a/.gitignore b/.gitignore
index 91f8d7054..d9735b31d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
 _site/*
 .idea/
 .sass-cache
+DS_Store
+.bundler/
diff --git a/404.html b/404.html
new file mode 100644
index 000000000..c49d98438
--- /dev/null
+++ b/404.html
@@ -0,0 +1,8 @@
+---
+permalink: /404.html
+layout: base
+---
+<div class="text-center mt-auto">
+  <h1>Page not found</h1>
+  <p>You can use the topnav to access the current content.</p>
+</div>
diff --git a/CNAME b/CNAME
index ecbe9f5c1..5f687cff0 100644
--- a/CNAME
+++ b/CNAME
@@ -1 +1 @@
-howto.p2pu.org
\ No newline at end of file
+course-in-a-box.p2pu.org
\ No newline at end of file
diff --git a/Gemfile.lock b/Gemfile.lock
index 3b803ef39..145f83d1a 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,129 +1,308 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    RedCloth (4.2.9)
-    activesupport (4.2.5.1)
-      i18n (~> 0.7)
-      json (~> 1.7, >= 1.7.7)
-      minitest (~> 5.1)
-      thread_safe (~> 0.3, >= 0.3.4)
-      tzinfo (~> 1.1)
-    addressable (2.3.8)
+    activesupport (8.0.1)
+      base64
+      benchmark (>= 0.3)
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.3.1)
+      connection_pool (>= 2.2.5)
+      drb
+      i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
+      minitest (>= 5.1)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
+      uri (>= 0.13.1)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    base64 (0.2.0)
+    benchmark (0.4.0)
+    bigdecimal (3.1.9)
     coffee-script (2.4.1)
       coffee-script-source
       execjs
-    coffee-script-source (1.10.0)
-    colorator (0.1)
-    ethon (0.8.1)
-      ffi (>= 1.3.0)
-    execjs (2.6.0)
-    faraday (0.9.2)
-      multipart-post (>= 1.2, < 3)
-    ffi (1.9.10)
-    gemoji (2.1.0)
-    github-pages (48)
-      RedCloth (= 4.2.9)
-      github-pages-health-check (= 0.6.1)
-      jekyll (= 3.0.3)
-      jekyll-coffeescript (= 1.0.1)
-      jekyll-feed (= 0.3.1)
-      jekyll-gist (= 1.4.0)
-      jekyll-mentions (= 1.0.0)
+    coffee-script-source (1.12.2)
+    colorator (1.1.0)
+    commonmarker (0.23.11)
+    concurrent-ruby (1.3.5)
+    connection_pool (2.5.0)
+    csv (3.3.2)
+    dnsruby (1.72.3)
+      base64 (~> 0.2.0)
+      simpleidn (~> 0.2.1)
+    drb (2.2.1)
+    em-websocket (0.5.3)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0)
+    ethon (0.16.0)
+      ffi (>= 1.15.0)
+    eventmachine (1.2.7)
+    execjs (2.10.0)
+    faraday (2.12.2)
+      faraday-net_http (>= 2.0, < 3.5)
+      json
+      logger
+    faraday-net_http (3.4.0)
+      net-http (>= 0.5.0)
+    ffi (1.17.1-aarch64-linux-gnu)
+    ffi (1.17.1-aarch64-linux-musl)
+    ffi (1.17.1-arm-linux-gnu)
+    ffi (1.17.1-arm-linux-musl)
+    ffi (1.17.1-arm64-darwin)
+    ffi (1.17.1-x86_64-darwin)
+    ffi (1.17.1-x86_64-linux-gnu)
+    ffi (1.17.1-x86_64-linux-musl)
+    forwardable-extended (2.6.0)
+    gemoji (4.1.0)
+    github-pages (232)
+      github-pages-health-check (= 1.18.2)
+      jekyll (= 3.10.0)
+      jekyll-avatar (= 0.8.0)
+      jekyll-coffeescript (= 1.2.2)
+      jekyll-commonmark-ghpages (= 0.5.1)
+      jekyll-default-layout (= 0.1.5)
+      jekyll-feed (= 0.17.0)
+      jekyll-gist (= 1.5.0)
+      jekyll-github-metadata (= 2.16.1)
+      jekyll-include-cache (= 0.2.1)
+      jekyll-mentions (= 1.6.0)
+      jekyll-optional-front-matter (= 0.3.2)
       jekyll-paginate (= 1.1.0)
-      jekyll-redirect-from (= 0.9.1)
-      jekyll-sass-converter (= 1.3.0)
-      jekyll-seo-tag (= 1.0.0)
-      jekyll-sitemap (= 0.10.0)
-      jekyll-textile-converter (= 0.1.0)
-      jemoji (= 0.5.1)
-      kramdown (= 1.9.0)
-      liquid (= 3.0.6)
+      jekyll-readme-index (= 0.3.0)
+      jekyll-redirect-from (= 0.16.0)
+      jekyll-relative-links (= 0.6.1)
+      jekyll-remote-theme (= 0.4.3)
+      jekyll-sass-converter (= 1.5.2)
+      jekyll-seo-tag (= 2.8.0)
+      jekyll-sitemap (= 1.4.0)
+      jekyll-swiss (= 1.0.0)
+      jekyll-theme-architect (= 0.2.0)
+      jekyll-theme-cayman (= 0.2.0)
+      jekyll-theme-dinky (= 0.2.0)
+      jekyll-theme-hacker (= 0.2.0)
+      jekyll-theme-leap-day (= 0.2.0)
+      jekyll-theme-merlot (= 0.2.0)
+      jekyll-theme-midnight (= 0.2.0)
+      jekyll-theme-minimal (= 0.2.0)
+      jekyll-theme-modernist (= 0.2.0)
+      jekyll-theme-primer (= 0.6.0)
+      jekyll-theme-slate (= 0.2.0)
+      jekyll-theme-tactile (= 0.2.0)
+      jekyll-theme-time-machine (= 0.2.0)
+      jekyll-titles-from-headings (= 0.5.3)
+      jemoji (= 0.13.0)
+      kramdown (= 2.4.0)
+      kramdown-parser-gfm (= 1.1.0)
+      liquid (= 4.0.4)
       mercenary (~> 0.3)
-      rdiscount (= 2.1.8)
-      redcarpet (= 3.3.3)
-      rouge (= 1.10.1)
+      minima (= 2.5.1)
+      nokogiri (>= 1.16.2, < 2.0)
+      rouge (= 3.30.0)
       terminal-table (~> 1.4)
-    github-pages-health-check (0.6.1)
+      webrick (~> 1.8)
+    github-pages-health-check (1.18.2)
       addressable (~> 2.3)
-      net-dns (~> 0.8)
-      public_suffix (~> 1.4)
-      typhoeus (~> 0.7)
-    html-pipeline (2.3.0)
-      activesupport (>= 2, < 5)
+      dnsruby (~> 1.60)
+      octokit (>= 4, < 8)
+      public_suffix (>= 3.0, < 6.0)
+      typhoeus (~> 1.3)
+    html-pipeline (2.14.3)
+      activesupport (>= 2)
       nokogiri (>= 1.4)
-    i18n (0.7.0)
-    jekyll (3.0.3)
-      colorator (~> 0.1)
+    http_parser.rb (0.8.0)
+    i18n (1.14.7)
+      concurrent-ruby (~> 1.0)
+    jekyll (3.10.0)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      csv (~> 3.0)
+      em-websocket (~> 0.5)
+      i18n (>= 0.7, < 2)
       jekyll-sass-converter (~> 1.0)
-      jekyll-watch (~> 1.1)
-      kramdown (~> 1.3)
-      liquid (~> 3.0)
+      jekyll-watch (~> 2.0)
+      kramdown (>= 1.17, < 3)
+      liquid (~> 4.0)
       mercenary (~> 0.3.3)
-      rouge (~> 1.7)
+      pathutil (~> 0.9)
+      rouge (>= 1.7, < 4)
       safe_yaml (~> 1.0)
-    jekyll-coffeescript (1.0.1)
+      webrick (>= 1.0)
+    jekyll-avatar (0.8.0)
+      jekyll (>= 3.0, < 5.0)
+    jekyll-coffeescript (1.2.2)
       coffee-script (~> 2.2)
-    jekyll-feed (0.3.1)
-    jekyll-gist (1.4.0)
+      coffee-script-source (~> 1.12)
+    jekyll-commonmark (1.4.0)
+      commonmarker (~> 0.22)
+    jekyll-commonmark-ghpages (0.5.1)
+      commonmarker (>= 0.23.7, < 1.1.0)
+      jekyll (>= 3.9, < 4.0)
+      jekyll-commonmark (~> 1.4.0)
+      rouge (>= 2.0, < 5.0)
+    jekyll-default-layout (0.1.5)
+      jekyll (>= 3.0, < 5.0)
+    jekyll-feed (0.17.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-gist (1.5.0)
       octokit (~> 4.2)
-    jekyll-mentions (1.0.0)
-      html-pipeline (~> 2.2)
-      jekyll (~> 3.0)
+    jekyll-github-metadata (2.16.1)
+      jekyll (>= 3.4, < 5.0)
+      octokit (>= 4, < 7, != 4.4.0)
+    jekyll-include-cache (0.2.1)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-mentions (1.6.0)
+      html-pipeline (~> 2.3)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-optional-front-matter (0.3.2)
+      jekyll (>= 3.0, < 5.0)
     jekyll-paginate (1.1.0)
-    jekyll-redirect-from (0.9.1)
-      jekyll (>= 2.0)
-    jekyll-sass-converter (1.3.0)
-      sass (~> 3.2)
-    jekyll-seo-tag (1.0.0)
-      jekyll (>= 2.0)
-    jekyll-sitemap (0.10.0)
-    jekyll-textile-converter (0.1.0)
-      RedCloth (~> 4.0)
-    jekyll-watch (1.3.1)
+    jekyll-readme-index (0.3.0)
+      jekyll (>= 3.0, < 5.0)
+    jekyll-redirect-from (0.16.0)
+      jekyll (>= 3.3, < 5.0)
+    jekyll-relative-links (0.6.1)
+      jekyll (>= 3.3, < 5.0)
+    jekyll-remote-theme (0.4.3)
+      addressable (~> 2.0)
+      jekyll (>= 3.5, < 5.0)
+      jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0)
+      rubyzip (>= 1.3.0, < 3.0)
+    jekyll-sass-converter (1.5.2)
+      sass (~> 3.4)
+    jekyll-seo-tag (2.8.0)
+      jekyll (>= 3.8, < 5.0)
+    jekyll-sitemap (1.4.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-swiss (1.0.0)
+    jekyll-theme-architect (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-cayman (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-dinky (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-hacker (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-leap-day (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-merlot (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-midnight (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-minimal (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-modernist (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-primer (0.6.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-github-metadata (~> 2.9)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-slate (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-tactile (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-theme-time-machine (0.2.0)
+      jekyll (> 3.5, < 5.0)
+      jekyll-seo-tag (~> 2.0)
+    jekyll-titles-from-headings (0.5.3)
+      jekyll (>= 3.3, < 5.0)
+    jekyll-watch (2.2.1)
       listen (~> 3.0)
-    jemoji (0.5.1)
-      gemoji (~> 2.0)
+    jemoji (0.13.0)
+      gemoji (>= 3, < 5)
       html-pipeline (~> 2.2)
-      jekyll (>= 2.0)
-    json (1.8.3)
-    kramdown (1.9.0)
-    liquid (3.0.6)
-    listen (3.0.6)
-      rb-fsevent (>= 0.9.3)
-      rb-inotify (>= 0.9.7)
-    mercenary (0.3.5)
-    mini_portile2 (2.0.0)
-    minitest (5.8.4)
-    multipart-post (2.0.0)
-    net-dns (0.8.0)
-    nokogiri (1.6.7.2)
-      mini_portile2 (~> 2.0.0.rc2)
-    octokit (4.2.0)
-      sawyer (~> 0.6.0, >= 0.5.3)
-    public_suffix (1.5.3)
-    rb-fsevent (0.9.7)
-    rb-inotify (0.9.7)
-      ffi (>= 0.5.0)
-    rdiscount (2.1.8)
-    redcarpet (3.3.3)
-    rouge (1.10.1)
-    safe_yaml (1.0.4)
-    sass (3.4.21)
-    sawyer (0.6.0)
-      addressable (~> 2.3.5)
-      faraday (~> 0.8, < 0.10)
-    terminal-table (1.5.2)
-    thread_safe (0.3.5)
-    typhoeus (0.8.0)
-      ethon (>= 0.8.0)
-    tzinfo (1.2.2)
-      thread_safe (~> 0.1)
+      jekyll (>= 3.0, < 5.0)
+    json (2.10.1)
+    kramdown (2.4.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.9.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    logger (1.6.6)
+    mercenary (0.3.6)
+    minima (2.5.1)
+      jekyll (>= 3.5, < 5.0)
+      jekyll-feed (~> 0.9)
+      jekyll-seo-tag (~> 2.1)
+    minitest (5.25.4)
+    net-http (0.6.0)
+      uri
+    nokogiri (1.18.2-aarch64-linux-gnu)
+      racc (~> 1.4)
+    nokogiri (1.18.2-aarch64-linux-musl)
+      racc (~> 1.4)
+    nokogiri (1.18.2-arm-linux-gnu)
+      racc (~> 1.4)
+    nokogiri (1.18.2-arm-linux-musl)
+      racc (~> 1.4)
+    nokogiri (1.18.2-arm64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.18.2-x86_64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.18.2-x86_64-linux-gnu)
+      racc (~> 1.4)
+    nokogiri (1.18.2-x86_64-linux-musl)
+      racc (~> 1.4)
+    octokit (4.25.1)
+      faraday (>= 1, < 3)
+      sawyer (~> 0.9)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (5.1.1)
+    racc (1.8.1)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.11.1)
+      ffi (~> 1.0)
+    rexml (3.4.0)
+    rouge (3.30.0)
+    rubyzip (2.4.1)
+    safe_yaml (1.0.5)
+    sass (3.7.4)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    sawyer (0.9.2)
+      addressable (>= 2.3.5)
+      faraday (>= 0.17.3, < 3)
+    securerandom (0.4.1)
+    simpleidn (0.2.3)
+    terminal-table (1.8.0)
+      unicode-display_width (~> 1.1, >= 1.1.1)
+    typhoeus (1.4.1)
+      ethon (>= 0.9.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    unicode-display_width (1.8.0)
+    uri (1.0.2)
+    webrick (1.9.1)
 
 PLATFORMS
-  ruby
+  aarch64-linux-gnu
+  aarch64-linux-musl
+  arm-linux-gnu
+  arm-linux-musl
+  arm64-darwin
+  x86_64-darwin
+  x86_64-linux-gnu
+  x86_64-linux-musl
 
 DEPENDENCIES
   github-pages
 
 BUNDLED WITH
-   1.10.4
+   2.5.22
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 000000000..029b97300
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Peer 2 Peer University
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
index a94008a7f..be9efc0ff 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,17 @@
-# Everything you need to create an online course in a box
+# An open-source project for creating online courses, built by P2PU
+Course-in-a-Box is a free tool for building and publishing online courses — no prior coding experience required. 
 
+To create your own course, simply fork this repository and delete the CNAME file. Detailed documentation is available at [course-in-a-box.p2pu.org](https://course-in-a-box.p2pu.org).
 
-## How do I get started?
+To make changes to the template itself, a good place to start is the [`_layouts`](/_layouts), [`_includes`](/_includes) and [`css`](/css) directories. These directories contain all the layout and style files used.
+
+Questions? Ask on P2PU's [Community Forum](https://community.p2pu.org/c/tech/course-in-a-box/78).
+
+# Running locally
+- [install docker](https://docs.docker.com/engine/install/) 
+- Run ```docker run -i -t --rm -u 1000:1000 -p 4000:4000 -v `pwd`:/opt/app -v `pwd`/.bundler/:/opt/bundler -e BUNDLE_PATH=~/opt/bundler -w /opt/app ruby:2.7 bash -c "bundle install && bundle exec jekyll serve --watch -H 0.0.0.0"```
 
-Head on over to [howto.p2pu.org](http://howto.p2pu.org). Everything you need to know is over there and once you are done we'll be waiting for you here!
- 
 ---
+Course-in-a-Box is built by [Peer 2 Peer University](https://www.p2pu.org) and shared under an MIT License.
 
-This course was created using the [Jekyll Course template from P2PU](http://github.com/p2pu/jekyll-course-template).
+Course content ("Modules") are shared under a [CC BY-SA 4.0 license](https://creativecommons.org/licenses/by-sa/4.0/).
diff --git a/_config.yml b/_config.yml
index 86582817c..857d90868 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,10 +1,9 @@
 # basic configuration
-baseurl:
 markdown: kramdown
 permalink: /:categories/:title/
 
 # Change this tracking code with your own tracking code
-ga_tracking_code: UA-5757664-19
+ga_tracking_code: UA-139717412-2
 # Please leave this code here for us to see how Course in a Box get used
 p2pu_ga_tracking_code: UA-55722824-1
 
@@ -30,6 +29,7 @@ prose:
 
 # Set some personal styles and logo for your course
 # this is a hex value http://www.w3schools.com/tags/ref_colorpicker.asp
-jumbotron_color: "#05C6B4"
-jumbotron_background_image: "header.svg"
-jumbotron_image: "box-icon.png"
+jumbotron_color: "#58D7CB"
+jumbotron_image: "img/jumbotron-image.svg"
+# jumbotron_mask: "img/jumbotron-mask.svg"
+jumbotron_icon: "img/box-icon.png"
diff --git a/_data/course.yml b/_data/course.yml
index b67d3ca4b..5f560bb09 100644
--- a/_data/course.yml
+++ b/_data/course.yml
@@ -1,158 +1,3 @@
-title: Course in a Box
-description: Build Your Very Own Open Course
-modules: [start, community, learning, content, feedback, references]
-signups:
- - name: Geert Hofman
-   image: https://media.licdn.com/media/p/3/000/1b0/2c9/2daad0c.jpg
-   twitter: GeertHa
- - name: Dave Cormier
-   image: https://pbs.twimg.com/profile_images/465974023558418434/NYQWX2pm_400x400.jpeg
-   twitter: davecormier
- - name: Dirk Uys
-   image: http://thebacklog.net/img/profile.jpeg
-   twitter: riskycud
-   github_username: dirkcuys
- - name: Vanessa Gennarelli
-   image: https://pbs.twimg.com/profile_images/524237611104088064/7t-h08zy_400x400.jpeg
-   twitter: mozzadrella
- - name: Erika Pogorelc
-   image: https://pbs.twimg.com/profile_images/466206335445393410/LOhyTzw4_400x400.jpeg
-   twitter: ercchy
- - name: Philipp
-   image: https://pbs.twimg.com/profile_images/3602174360/daf674f339c583641f02dfeed3e6f3c6_400x400.jpeg
-   twitter: schmidtphi
- - name: Carl
-   image: http://www.gravatar.com/avatar/8178cb8a778e8390a98e28b92d5ac764?s=400
-   twitter: ender_78
- - name: Schuyler
-   image: https://pbs.twimg.com/profile_images/1361718677/shoes_400x400.png
-   twitter: shoebox
- - name: J. Albert Bowden II
-   image: https://pbs.twimg.com/profile_images/514798020592807937/q_jllsGm_400x400.png
-   twitter: jalbertbowdenii
- - name: Tim Gaudette
-   image: https://pbs.twimg.com/profile_images/540664806982696960/W9EIC_Yq.jpeg
-   twitter: gaudettetim
- - name: Phillip Davis
-   image: https://media.licdn.com/media/p/1/000/195/005/1f87723.jpg
-   twitter: foss4geo
- - name: Antoine Taly
-   image: http://www.webmedcentral.com/profilepics/2881_1351446374.jpg
-   twitter: anttaly
- - name: Valentina Bertani
-   image: https://lh5.googleusercontent.com/-GKiswyyh9SM/UvtGEAzdxSI/AAAAAAAAKzU/2TrqFEj5M48/w410-h569-no/IMG_1146.JPG
-   twitter: Sw3etValent1na
-   github_username: valentinabertani84
- - name: Audrey Watters
-   image: https://s3.amazonaws.com/hackedu/audreywatters_75.jpg
-   twitter: audreywatters
- - name: Arvind Gupta
-   image: https://pbs.twimg.com/profile_images/2813409156/00d80eb50e38901b4028ea8b3e6579c9.jpeg
-   twitter: arvindcg
- - name: Bekka Kahn
-   image: https://pbs.twimg.com/profile_images/1100646644/rebecca.jpg
-   twitter: rebamex
- - name: Billy Meinke
-   image: https://i.imgur.com/aO36wSl.png
-   twitter: billymeinke
-   github_username: billymeinke
- - name: Angela Brown
-   image: https://lh3.googleusercontent.com/-P3uLgoXc1gc/U9BneaNBpLI/AAAAAAAAAeY/7aChmjiSMiA/s400-no/profilepic.JPG
-   twitter: angela_brown
-   github_username: dreamingwombat
- - name: Nicole McGee
-   image: https://pbs.twimg.com/profile_images/530473525945978880/LYMJ07-U_400x400.jpeg
-   twitter: nicolejam
- - name: Robert Morris
-   image: http://s4.postimg.org/s0w975fp9/coalminer2.png
-   twitter: musenz
-   github_username: serious-kiwi
- - name: Jane Park
-   image: http://creativecommons.org/images/people/jane.jpg
-   twitter: janedaily
-   github_username: janeatcc
- - name: Laura Hilliger
-   image: https://pbs.twimg.com/profile_images/1161722291/profilepic_bigger.jpg
-   twitter: epilepticrabbit
-   github_username: LauraHilliger
- - name: Jaume Barcelo
-   image: https://pbs.twimg.com/profile_images/1228425369/52_400x400.jpg
-   twitter: jaumebarcelo
-   github_username: jbarcelo
- - name: César García
-   image: https://pbs.twimg.com/profile_images/1655182544/logo_twitter2_400x400.JPG
-   twitter: elsatch
-   github_username: elsatch
- - name: Elliot Harmon
-   image: https://pbs.twimg.com/profile_images/356114067/elliotwater.jpg
-   twitter: elliotharmon
-   github_username: elliotharmon
- - name: Matt McLean
-   image: http://www.yciw.net/knights/wp-content/uploads/sites/69/2014/11/IMG_1448.jpg
-   twitter: yciw
-   github_username: matt5834
- - name: John Cummings 
-   image: http://girltomom.com/wp-content/uploads/2012/09/raccoon-holding-cat.jpg
-   twitter: mrjohnc
-   github_username: mrjohnc
- - name: Terry Elliott
-   image: https://farm8.staticflickr.com/7301/13982521190_ce0d7c5734_s.jpg
-   twitter: telliowkuwp
-   githuk_username: tellio
- - name: mura nava
-   image: https://pbs.twimg.com/profile_images/1801295431/wnw_sprite_400x400.gif
-   twitter: muranava
-   github_username: muranava
- - name: Mindy McAdams
-   image: http://mindymcadams.com/images/self/athens.jpg
-   twitter: macloo
-   github_username: macloo
- - name: Chris Jobling
-   image: http://www.gravatar.com/avatar/79b02b7ce879385b62a5e8e6745b16d1
-   twitter: cpjobling
-   github: cpjobling
- - name: Jose-Rodrigo Hernandez
-   image: https://lh6.googleusercontent.com/-yxHhP5s_Ajo/AAAAAAAAAAI/AAAAAAAAAAA/bEqxaR9qhFc/photo.jpg
-   twitter: j_osehernandez
-   github: 19josehernandez86
- - name: iCreo
-   image: https://pbs.twimg.com/profile_images/539592895645233152/WHweURS4_400x400.jpeg
-   twitter: projectcreo
- - name: Chiara Ciociola
-   image: https://pbs.twimg.com/profile_images/378800000854009340/a25a8294f0c0ff748e92d5a412dc5ebf_bigger.jpeg
-   twitter: chiaracio
-   github: chiaracio
- - name: Clarissa Bezerra
-   image: https://avatars1.githubusercontent.com/u/10352010?v=3&u=1a5e67e72b5e2ae0518fd6fe0b16f3e7a1cf64de&s=140
-   twitter: Clarissamfb
-   github_username: clarissabezerra
- - name: M C Morgan
-   image: http://www.gravatar.com/avatar/55f1d1ffbca0d409d46c48ffe5b08fb5.png
-   twitter: mcmorgan
-   github: mcmorgan53
- - name: Natalie Green
-   image: https://pbs.twimg.com/profile_images/547838860005093377/B4RlxXCN.jpeg
-   twitter: natalieg92
-   github: ngreen14
- - name: Brandon Patterson
-   image: https://pbs.twimg.com/profile_images/79129479/n29003170_31235140_867.jpg
-   twitter: thebrandonshow
- - name: Alvar Maciel
-   image: https://pbs.twimg.com/profile_images/378800000119378128/9487f620fd1e8a5a459f34cb39ab946a_400x400.jpeg
-   twitter: amaciel
- - name : Mark Williams
-   image : https://pbs.twimg.com/profile_images/686913009021681665/zUefm9PB.png
-   twitter: the_markness
- - name: Robert Konsdorf
-   image:  http://www.gravatar.com/avatar/7a402bf770629b108763bc8482c18ff3.png
-   twitter: robrig0
-   github: robrigo
- - name: Lisa Schnellinger
-   image: http://www.nearmediallc.com/wp-content/uploads/2011/01/IGP7933-screen-res.jpg
-   twitter: j_trainer
- - name : Santiago Ferreira Litowtschenko
-   image : https://mozillians.org/media/uploads/sorl-cache/0b/8a/0b8a9bfe4d80c75e388160787fdbc1ce.jpg
-   twitter: cosmikspin
- - name : Jeanette Popken
-   image : http://i61.tinypic.com/14nz9lw.jpg
-   twitter: Jeanette_Lena
+title: Course-in-a-Box
+description: An open-source project for creating online courses, built by <a href="https://www.p2pu.org">P2PU</a>
+modules: ["setup", "content", "customize"]
diff --git a/_includes/category_gallery.html b/_includes/category_gallery.html
deleted file mode 100644
index a9cb957e8..000000000
--- a/_includes/category_gallery.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<div id="category-gallery" class="gallery-content">
-  <div class="post row">
-    <div class="col-lg-12">
-      <div class="post-container">
-        <h3 class="title">Title</h3>
-        <img class="profile-image" src="http://placehold.it/50x50">
-        <h4 class="author">Author</h4>
-        <p class="post-text">Post body text.</p>
-      </div> 
-      <a class="post-link" href="http://example.net" target="_blank">Read more</a>
-    </div>
-  </div>
-</div>
-
-<script>
-  window.forumUrl = "{{include.forum_url}}";
-  window.galleryCategory = "{{include.category}}";
-</script>
diff --git a/_includes/disqus.html b/_includes/disqus.html
deleted file mode 100644
index edd6f8a0b..000000000
--- a/_includes/disqus.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div id="disqus_thread"></div>
-<script type="text/javascript">
-    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
-    var disqus_shortname = '{{ site.disqus_shortname }}'; // required: replace example with your forum shortname
-    /* * * DON'T EDIT BELOW THIS LINE * * */
-    (function() {
-        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
-        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
-        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
-    })();
-</script>
-<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
-<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
-                                                                                                      
diff --git a/_includes/footer.html b/_includes/footer.html
index 895f90c85..07f6fea19 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,75 +1,8 @@
-<footer class="p2pu-footer">
-
-	<div class="container">
-
-		<ul class="footer-social clearfix">
-			<li><a target="_blank" href="http://community.p2pu.org/"><i class="fa fa-weixin"></i></a>
-			</li>
-			<li><a target="_blank" href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fhowto.p2pu.org&text=Create%20engaged%20learning%20communities%20that%20lasts&hashtags=courseinabox&via=p2pu&related=p2pu"><i class="fa fa-twitter"></i></a>
-			</li>
-			<li>
-				<a target="_blank" href="https://www.facebook.com/P2PUniversity">
-					<i class="fa fa-facebook"></i>
-				</a>
-			</li>
-		</ul>
-
-		<hr>
-		<div class="col-md-4 first">
-			<h4>What is P2PU?</h4>
-
-			<p>
-				The Peer 2 Peer University is a grassroots open education project that organizes learning
-				outside of institutional walls and gives learners recognition for their achievements. P2PU
-				creates a model for lifelong learning alongside traditional formal higher education.
-				Leveraging the internet and educational materials openly available online, P2PU enables
-				high-quality low-cost education opportunities.
-			</p>
-
-		</div>
-
-		<div class="col-md-4 col-md-offset-1">
-			<h4>Meta</h4>
-			<ul class="footer-links">
-				<li>
-					<i class="fa fa-angle-right "></i>
-					<a href="/en/terms/">
-						Terms of Use
-					</a>
-				</li>
-				<li>
-					<i class="fa fa-angle-right "></i>
-					<a href="http://info.p2pu.org/strategy-2014-03-20/">
-						Workflow and strategic plan
-					</a>
-				</li>
-				<li>
-					<i class="fa fa-angle-right "></i>
-					<a href="/assets/uploads/P2PUMediaKit.pdf">
-						Media Kit
-					</a>
-				</li>
-				<li>
-					<i class="fa fa-angle-right "></i>
-					<a class="donate" href="#" data-toggle="modal" data-target="#donate-modal">
-						Donate
-					</a>
-				</li>
-			</ul>
-		</div>
-
-
-		<div class="pull-right col-md-3 cc-by-sa">
-			<img src="{{site.baseurl}}/img/cc-icons.png" alt="CC-BY-SA Icon">
-
-			<p>
-				Unless otherwise noted, all the materials on this site are licensed under a
-				<a target="_blank" href="http://creativecommons.org/licenses/by-sa/4.0/">
-					Creative Commons Attribution Share Alike 4.0</a> Unported license.
-			</p>
-		</div>
-
-	</div>
+<footer class="mt-auto">
+  <div class="container-fluid">
+  <p>Built using <a href="https://course-in-a-box.p2pu.org">Course in a Box</a>, a project of <a href="https://www.p2pu.org">P2PU</a>.</p>
 
+  <p>Unless otherwise noted, all the materials on this site are licensed under a <a target="_blank" href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 license</a>.</p>
+  </div>
 </footer>
 
diff --git a/_includes/navigation.html b/_includes/navigation.html
index f01edc84b..39c5ec8ce 100644
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -1,39 +1,26 @@
 <!-- Navigation -->
-<nav class="navbar navbar-default" role="navigation">
+<nav class="navbar navbar-expand-md py-0 .navbar-dark bg-dark text-light">
+  <a class="navbar-brand" href="{{site.baseurl}}/"><i class="fa fa-home"></i></a>
 
-	<!-- Brand and toggle get grouped for better mobile display -->
-	<div class="navbar-header">
-		<a href="#" class="navbar-toggle" data-toggle="collapse" data-target="#p2pu-menu">
-			<i class="fa fa-bars"></i>
-		</a>
-	</div>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <i class="fa fa-bars"></i>
+  </button>
 
-	<!-- Collect the nav links, forms, and other content for toggling -->
-	<div class="container">
-		<div class="collapse navbar-collapse" id="p2pu-menu">
-			<ul class="nav navbar-nav">
-				<li>
-					<a href="{{ site.baseurl }}/"><i class="fa fa-home"></i></a>
-				</li>
-				{% for module in site.data.course.modules %}
-					{% assign first_post = site.categories[module]|reverse|first %}
-					<li class="dropdown {% if page.categories[1] == module %}active{% endif %} {% if forloop.first %}first{% endif %} {% if forloop.last %}last{% endif %}">
-						<a href="{{ site.baseurl }}{{ first_post.url }}"
-						   class="dropdown-item">
-							{{ module }}
-						</a>
-					</li>
-				{% endfor %}
-				<li>
-					<a href="http://community.p2pu.org/c/course-in-a-box" target="_blank">Discussion</a>
-				</li>
-			</ul>
-			<ul class="p2pu-logo">
-				<li><a class="p2pu-tab" href="#"><img src="{{ site.baseurl }}/img/logo.png" alt="{{ site.title }}" /></a></li>
-			</ul>
-		</div>
-		<!-- /.navbar-collapse -->
-	</div>
-	<!-- /.container-fluid -->
+  <div class="navbar-collapse collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav">
+      {% for module in site.data.course.modules %}
+       {% assign first_post = site.categories[module]|reverse|first %}
+       <li class="nav-item py-2{% if page.categories[1] == module %} active{% endif %}">
+         <a class="nav-link" href="{{ site.baseurl }}{{ first_post.url }}">
+           {{ module }}
+         </a>
+       </li>
+      {% endfor %}
+<!--
+      <li class="nav-item py-2">
+        <a class="nav-link" href="https://www.p2pu.org/en/" target="_blank">Example Link</a>
+      </li>
+-->
+    </ul>
+  </div>
 </nav>
-<!-- End Navigation -->
diff --git a/_includes/side_toolbar.html b/_includes/side_toolbar.html
index c82ee2cbb..45f7d6a3e 100644
--- a/_includes/side_toolbar.html
+++ b/_includes/side_toolbar.html
@@ -31,4 +31,4 @@
 			</a>
 		</div>
 	{% endif %}
-</div>
\ No newline at end of file
+</div>
diff --git a/_includes/signup.html b/_includes/signup.html
deleted file mode 100644
index 7143ef164..000000000
--- a/_includes/signup.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!-- Begin MailChimp Signup Form -->
-<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
-<style type="text/css">
-	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
-	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
-	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
-</style>
-<div id="mc_embed_signup">
-<form action="//p2pu.us10.list-manage.com/subscribe/post?u=d0d8234430ec21d4d45fc9860&amp;id=a377624a93" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-    <div id="mc_embed_signup_scroll">
-	<h2>Subscribe to our mailing list</h2>
-<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
-<div class="mc-field-group">
-	<label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
-</label>
-	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
-</div>
-<div class="mc-field-group">
-	<label for="mce-NAME">Name </label>
-	<input type="text" value="" name="NAME" class="" id="mce-NAME">
-</div>
-	<div id="mce-responses" class="clear">
-		<div class="response" id="mce-error-response" style="display:none"></div>
-		<div class="response" id="mce-success-response" style="display:none"></div>
-	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-    <div style="position: absolute; left: -5000px;"><input type="text" name="b_d0d8234430ec21d4d45fc9860_a377624a93" tabindex="-1" value=""></div>
-    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-    </div>
-</form>
-</div>
-<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='NAME';ftypes[1]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-<!--End mc_embed_signup-->
diff --git a/_layouts/base.html b/_layouts/base.html
index 8e024c1b4..4c893f28e 100644
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -10,18 +10,17 @@
 	<meta charset="utf-8">
 	<!--[if IE]><meta content='IE=8' http-equiv='X-UA-Compatible' /><![endif]-->
 
-	<title>{{ site.data.course.title }}{% if page.title %} | {{ page.title }}{% endif %}</title>
-  {% if site.data.course.description %}<meta name="description" content="{{ site.data.course.description}}">{% endif %}
+	<title>{{ site.data.course.title|strip_html }}{% if page.title %} | {{ page.title|strip_html }}{% endif %}</title>
+  {% if site.data.course.description %}<meta name="description" content="{{ site.data.course.description | strip_html}}">{% endif %}
   <meta name="author" content="{{ site.github.owner_name }}">
 
   <meta property="og:title" content="{{ site.data.course.title }}" />
   <meta property="og:type" content="website" />
   <meta property="og:url" content="{{ site.github.url }}" />
 
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 	<link rel="shortcut icon" href="{{ site.baseurl }}/img/favicon.ico">
-	<link rel="apple-touch-icon" href="{{ site.baseurl }}/img/apple-touch-icon.png">
 
 	<link rel="stylesheet" href="{{ site.baseurl }}/css/p2pustrap-custom.css" />
 	<link rel="stylesheet" href="{{ site.baseurl }}/css/site.css" />
@@ -35,7 +34,7 @@
 	<script type="text/javascript" src="{{ site.baseurl }}/js/modernizr-2.6.2.min.js"></script>
 </head>
 <body {% if page.itemtype %}itemscope itemtype="{{ page.itemtype }}"{% endif %}
-      class="{{ page.body-class }}">
+      class="d-flex flex-column min-vh-100">
 
 {% include navigation.html %}
 
@@ -43,15 +42,9 @@
 
 {% include footer.html %}
 
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-<script>
-  window.jQuery || document.write('<script src="{{ site.baseurl }}/js/jquery.min.js"><\/script>')
-</script>
-
-<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
-<script type="text/javascript"
-        src="//s3.amazonaws.com/p2pu-navigation-widget/p2pu_menu_slider.js"></script>
-<script src="{{site.baseurl}}/js/init.js"></script>
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
 <script src="{{site.baseurl}}/js/gh_link_helper.js"></script>
 
 {% if page.extra_js %}
@@ -60,25 +53,6 @@
   {% endfor %}
 {% endif %}
 
-<script>
-	P2PU.ciab.init();
-</script>
-
-{% if page.url == '/index.html' %}
-<script src="{{site.baseurl}}/js/can.js"></script>
-<script src="{{site.baseurl}}/js/calendar.js"></script>
-<script type="text/javascript" src="https://addthisevent.com/libs/1.5.8/ate.min.js"></script>
-<script type="text/javascript">
-  var get_calendar = function () {
-    P2PU.ciab.calendar({
-        api_key: 'AIzaSyAs69MGQu7Bp8LCpeGZlhsoUwkFoD3sUro',
-        calendar_id: 'p2pu.org_bdbg1p5olhp0eo83mnqi7fvpfs@group.calendar.google.com'
-    });
-  }
-</script>
-<script src="https://apis.google.com/js/client.js?onload=get_calendar"></script>
-{% endif %}
-
 <!-- Google Analytics -->
 {% if site.ga_tracking_code or site.p2pu_ga_tracking_code %}
 	{% include ga.html %}
diff --git a/_layouts/course_page.html b/_layouts/course_page.html
index 201cf9ed4..6e5995cd8 100644
--- a/_layouts/course_page.html
+++ b/_layouts/course_page.html
@@ -2,37 +2,35 @@
 layout: base
 ---
 {% assign module=page.categories[1] %}
-<div class="clearfix">
-	{% include side_toolbar.html %}
-	<div class="col-md-9 background-white">
-		<div class="col-md-8 col-md-offset-1">
-			<div class="row">
-				<div class="content col-lg-12">
-					{{ content }}
-					{% include next_in_module.html %}
-					{% if prev or next %}
-						<hr />
-					{% endif %}
-					{% if prev %}
-						<div class="pagination-section pull-left">
-							<div class="title">
-								Previous section:
-							</div>
-							<a rel="prev" class="prev" href="{{ site.baseurl }}{{ prev.url }}">
-								{{ prev.title }} </a>
+<div class="container-fluid d-flex flex-grow-1 flex-column">
+  <div class="row flex-grow-1">
+		{% include side_toolbar.html %}
+		<div class="col-xl-6 col-md-9 bg-white">
+			<div class="content p-md-2">
+				{{ content }}
+				{% include next_in_module.html %}
+				{% if prev or next %}<hr />{% endif %}
+        <div class="row">
+					<div class="pagination-section col-sm-6">
+				{% if prev %}
+						<div class="title">
+							Previous submodule:
 						</div>
-					{% endif %}
-					{% if next %}
-						<div class="pagination-section pull-right">
-							<div class="title">
-								Next section:
-							</div>
-							<a rel="next" class="next" href="{{ site.baseurl }}{{ next.url }}"> {{ next.title }}
-							</a>
+						<a rel="prev" class="prev" href="{{ site.baseurl }}{{ prev.url }}">
+							{{ prev.title }} </a>
+				{% endif %}
+					</div>
+				{% if next %}
+					<div class="pagination-section text-sm-right col-sm-6">
+						<div class="title">
+							Next submodule:
 						</div>
-					{% endif %}
-				</div>
+						<a rel="next" class="next" href="{{ site.baseurl }}{{ next.url }}"> {{ next.title }}
+						</a>
+					</div>
+				{% endif %}
+        </div>
 			</div>
 		</div>
-	</div>
+  </div>
 </div>
diff --git a/_layouts/index.html b/_layouts/index.html
index 08e08da68..d6c7f0904 100644
--- a/_layouts/index.html
+++ b/_layouts/index.html
@@ -3,112 +3,23 @@
 ---
 
 <!-- Banner -->
-<div class="jumbotron">
+<div class="jumbotron jumbotron-fluid">
 	<div class="container text-center">
-		{% if site.jumbotron_image %}
-			<img src="{{ site.baseurl }}/img/{{ site.jumbotron_image }}"
-			     alt="{{ site.title }} Icon" />
+		{% if site.jumbotron_icon %}
+		<img src="{{ site.baseurl }}/{{ site.jumbotron_icon }}" alt="{{ site.title }} Icon" />
 		{% endif %}
-		<header>
-			<h1>{{ site.data.course.description }}</h1>
-		</header>
+		<h1>{{ site.data.course.title }}</h1>
+    <p class="lead">{{site.data.course.description}}</p>
 
-		<p>
-			<a class="btn btn-danger btn-lg"
-			   href="{{ site.baseurl }}/modules/start/about-this-course/">
-				Start Your Own Course </a>
-		</p>
-
-		<h3>In collaboration with <a href="http://p2pu.org">P2PU</a>.</h3>
 	</div>
-
 </div>
+
 <div class="container">
-	<div class="clearfix">
-		<div class="col-md-8 col-md-offset-2">
+	<div class="row">
+		<div class="col-lg-8 offset-lg-2">
 			<section>
 				{{ content }}
 			</section>
 		</div>
 	</div>
 </div>
-<!--section class="calendar light-section">
-	<div class="container">
-		<h2>Calendar</h2>
-
-		<hr />
-
-		<div id="calendar-data" class="clearfix">
-			<h1 class="text-center"><i class="fa fa-cog fa-2x fa-spin"></i></h1>
-		</div>
-		<script type="text/mustache" id="app-template">
-			{% raw %}
-    {{#each events}}
-    	<div class="event-wrap col-md-2 relative">
-				<div class="clearfix">
-					<div class="year">{{ year }}</div>
-					<div class="date-wrap">
-						<div class="month">{{ month }}</div>
-						<div class="date">{{ date }}</div>
-						<div class="day">{{ day }}</div>
-					</div>
-					<div class="status {{#passed}}passed{{/passed}}">
-						{{#passed}}
-						    <i class="fa fa-times fa-3x"></i>
-						{{/passed}}
-						{{#not_passed}}
-						    <i class="fa fa-check fa-3x"></i>
-						{{/not_passed}}
-					</div>
-				</div>
-				<div class="time">{{ start_hour }}:{{ start_minutes }} -
-				{{ end_hour }}:{{ end_minutes }}</div>
-				<div class="description">
-					{{ title }}
-				</div>
-				<div class="where clearfix">
-					<div class="add-calendar">
-						<a href="{{ where }}" title="Add to Calendar" class="addthisevent">
-						    <span class="fa-stack fa-lg">
-								  <i class="fa fa-calendar fa-stack-2x"></i>
-								  <i class="fa fa-plus-circle fa-stack-1x stacked-icon"></i>
-								</span>
-						    <span class="_start">{{ date }}-{{ monthnumber }}-{{ year }} {{ start_hour }}:{{ start_minutes }}:00</span>
-						    <span class="_end">{{ date }}-{{ monthnumber }}-{{ year }} {{ end_hour }}:{{ end_minutes }}:00</span>
-						    <span class="_summary">{{ title }}</span>
-						    <span class="_description">{{ description }}</span>
-						    <span class="_location">{{ location }}</span>
-						    <span class="_organizer">P2PU</span>
-						    <span class="_organizer_email">info@p2pu.org</span>
-						    <span class="_date_format">DD/MM/YYYY</span>
-						</a>
-					</div>
-					{{#location_set}}
-					<div class="location">
-						<a href="{{ location }}"><img src="{{ site.baseurl }}/img/unhangout-logo.svg"> Join now </a>
-					</div>
-					{{/location_set}}
-				</div>
-			</div>
-		{{/each}}
-			{% endraw %}
-		</script>
-	</div>
-</section-->
-<section class="people clearfix light-section">
-	<div class="container">
-		<h2>Who else is here?</h2>
-		<hr />
-		<ul class="list-inline">
-			{% for user in site.data.course.signups %}
-				<li class="col-md-1">
-					<a href="https://twitter.com/{{ user.twitter }}"
-					   target="_blank"> <img
-							class="img-circle profile-picture"
-							src="{{ user.image }}"
-							alt="{{ user.name }}"> </a>
-				</li>
-			{% endfor %}
-		</ul>
-	</div>
-</section>
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 000000000..440bcea32
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,12 @@
+---
+layout: base
+---
+<div class="container">
+	<div class="row">
+		<div class="col-lg-8 offset-lg-2">
+			<section>
+				{{ content }}
+			</section>
+		</div>
+	</div>
+</div>
diff --git a/_sass/_calendar.scss b/_sass/_calendar.scss
deleted file mode 100644
index ac9ed8329..000000000
--- a/_sass/_calendar.scss
+++ /dev/null
@@ -1,130 +0,0 @@
-#calendar-data {
-	text-align: center;
-}
-
-.event-wrap {
-	padding: 0;
-	background-color: $white;
-	border: 1px solid $gray-light;
-	font-size: 0.8em;
-	margin-right: 25px;
-	float: none;
-	display: inline-block;
-
-	.year {
-		padding: 0 18px;
-		font-weight: bold;
-		font-size: 1.5em;
-		text-align: center;
-	}
-
-	.date-wrap {
-		float: left;
-		padding: 0 15px;
-		width: 60%;
-		border-left: 3px solid $p2pu-yellow;
-		margin-bottom: 15px;
-		text-align: left;
-
-		.month {
-			font-weight: bold;
-			text-transform: uppercase;
-			font-size: 0.9em;
-		}
-		.date {
-			font-weight: bold;
-			font-size: 3.2em;
-			line-height: 1;
-		}
-		.day {
-			font-weight: bold;
-			text-transform: uppercase;
-			font-size: 0.9em;
-		}
-	}
-	.time {
-		padding: 0 18px;
-		font-weight: bold;
-		font-size: 1.2em;
-		text-align: center;
-	}
-
-	.status {
-		padding: 23px 15px;
-		float: right;
-		width: 40%;
-		background-color: $p2pu-yellow;
-		color: white;
-		text-align: center;
-
-		&.passed {
-			background-color: $gray-lighter;
-			color: $gray-darker;
-		}
-	}
-
-	.description {
-		background-color: $gray-darker;
-		padding: 15px;
-		color: white;
-		//font-size: 0.8em;
-		font-weight: bold;
-		text-align: center;
-		height: 100px;
-		overflow: hidden;
-	}
-
-	.where {
-		padding: 15px;
-		font-size: 0.9em;
-		text-align: right;
-
-		img {
-			width: 20px;
-		}
-
-		.add-calendar {
-			width: 30%;
-			float: left;
-			text-align: left;
-
-			.stacked-icon {
-				line-height: 1;
-				bottom: -5px;
-				position: absolute;
-				background: white;
-				text-align: right;
-				font-size: 1.5em;
-				display: inline;
-				padding: 0;
-				width: 50%;
-			}
-		}
-
-		.location {
-			width: 70%;
-			float: right;
-		}
-
-		.addthisevent-drop {
-			border: 0;
-			background: #ffffff;
-			text-align: left;
-			padding: 0;
-			color: cadetblue !important;
-
-			&:hover {
-				border: 0;
-			}
-
-		}
-		.addthisevent_dropdown span {
-			color: cadetblue;
-
-			&:hover {
-				color: cadetblue;
-			}
-		}
-	}
-}
-
diff --git a/_sass/_common.scss b/_sass/_common.scss
deleted file mode 100644
index 04d5c0fbe..000000000
--- a/_sass/_common.scss
+++ /dev/null
@@ -1,181 +0,0 @@
-body {
-	background-color: $gray-lighter;
-}
-
-.relative {
-	position: relative;
-}
-
-.background-white {
-	padding: 60px 0;
-	background-color: $white;
-}
-
-.navbar-brand {
-	padding: 12.5px 15px;
-}
-
-.p2pu-footer {
-	margin-top: 0;
-}
-
-.sidebar {
-	padding: 60px 0;
-}
-
-.sidebar ul {
-	list-style-type: none;
-	padding: 0;
-}
-
-.sidebar li {
-	line-height: 4;
-	padding-left: 60px;
-	position: relative;
-	@include transition(color, 0.3s, linear);
-}
-
-.sidebar li:hover {
-	background-color: cadetblue;
-
-	a:hover, a:focus {
-		text-decoration: none;
-		color: $white;
-	}
-}
-
-.sidebar li.active {
-	background-color: $white;
-}
-
-.sidebar li.active a:hover {
-	color: cadetblue;
-}
-
-.sidebar li:before {
-	content: "";
-	border-left: 3px solid #aab0bf;
-	position: absolute;
-	left: 40px;
-	height: 100%;
-	top: 0;
-}
-
-.sidebar li.first:before {
-	height: 50%;
-	top: 50%;
-}
-
-.sidebar li.last:before {
-	height: 50%;
-	top: 0;
-}
-
-.sidebar li.first.last:before {
-	height: 0;
-	top: 0;
-}
-
-.sidebar li a {
-	display: block;
-	line-height: 4;
-	text-transform: uppercase;
-	@include transition(color, 0.3s, linear);
-}
-
-.sidebar li a:before {
-	content: "\f005";
-	font-family: FontAwesome;
-	color: cadetblue;
-	position: absolute;
-	left: 29px;
-	line-height: 1.7;
-	width: 25px;
-	height: 25px;
-	border-radius: 50%;
-	border: 3px solid $gray;
-	top: 18px;
-	background-color: white;
-	text-align: center;
-	font-size: 0.8em;
-}
-
-.sidebar li.active a:before {
-	content: "\f04b";
-}
-
-.sidebar li a:after {
-	content: "";
-
-}
-
-.pagination-section {
-	margin: 1em 0;
-}
-
-.pagination-section .title {
-	color: $gray;
-	line-height: 2;
-}
-
-.pagination-section {
-	.next, .prev {
-		text-transform: uppercase;
-	}
-}
-
-.pagination-section .next:after {
-	content: "\f0da";
-	font-family: FontAwesome;
-}
-
-.pagination-section .prev:before {
-	content: "\f0d9";
-	font-family: FontAwesome;
-}
-
-.sidebar .pagination-section {
-	padding-left: 60px;
-}
-
-.content {
-	line-height: 2;
-}
-
-blockquote {
-	font-size: initial;
-	font-style: italic;
-	line-height: 1.9;
-}
-
-#ghUsername-box {
-	position: relative;
-	background: $gray-lighter;
-	padding: 10px 20px;
-
-	.ghUsername-set {
-		@extend .h2;
-		padding: 7px 15px;
-		display: block;
-		margin: 0;
-
-		&:hover {
-			text-decoration: none;
-		}
-
-	}
-	.label {
-		position: absolute;
-		top: 0;
-		right: 0;
-	}
-}
-
-.gh-username-set {
-	input {
-		padding: 4px;
-	}
-	button {
-		margin-top: -5px;
-	}
-}
diff --git a/_sass/_custom.scss b/_sass/_custom.scss
new file mode 100644
index 000000000..d759d3630
--- /dev/null
+++ b/_sass/_custom.scss
@@ -0,0 +1,281 @@
+body {
+	background-color: white;
+  h1, h2, h3, h4, h5, h6 {
+    font-weight: 400;
+  }
+}
+
+@include media-breakpoint-up(md) {
+  .navbar {
+    //line-height: 3;
+  }
+}
+
+.navbar {
+  a, .nav-link, button {
+    color: rgba(255, 255, 255, 0.8);
+    text-transform: uppercase;
+  }
+}
+
+.nav-item.active, .nav-item:hover {
+  background-color: #707782;
+	transition: all 0.3s linear;
+}
+
+.nav-link{
+  padding-left: 1em !important;
+  padding-right: 1em !important;
+}
+
+.jumbotron {
+	background: 
+    url('../#{$jumbotron-mask}') repeat, 
+    url('../#{$jumbotron-image}') center/$jumbotron-image-size $jumbotron-color;
+	color: $white;
+  text-shadow: 5px 5px 10px $gray-darker;
+
+	a {
+		color: #fcfcfc;
+		border-bottom: 1px dotted;
+		text-decoration: none;
+		transition: all 0.3s linear;
+	}
+	a:hover, a:focus {
+		border-bottom: none;
+		text-decoration: none;
+	}
+
+}
+
+.jumbotron header h1 {
+	font-family: $font-family-sans-serif;
+	font-size: 4em;
+}
+
+.content {
+  margin-top: 1em;
+	line-height: 2;
+}
+
+.content img {
+    max-width: 100%;
+}
+
+blockquote {
+  padding: 1.2em;
+  margin: 0;
+  border: 0;
+  background: #DFF7F4;
+  font-style: normal;
+  font-size: inherit;
+  border-left: 7px solid $p2pu-light-blue;
+}
+
+pre {
+  border-left: 7px solid $gray-light;
+  padding: 1em;
+  background-color: $gray-lighter;
+  line-height: 1.2;
+}
+
+code {
+  background-color: $gray-lighter;
+}
+
+section {
+	margin: 3em 0;
+	font-size: large;
+	line-height: 1.8;
+}
+
+.sidebar {
+	background-color: $gray-lighter;
+  font-size: 15px;
+  padding-bottom: 10px;
+}
+
+.sidebar ul {
+	list-style-type: none;
+	padding: 0;
+}
+
+.sidebar li {
+	padding-right: 1em;
+	position: relative;
+	@include transition(color, 0.3s, linear);
+}
+
+.sidebar li:hover {
+	background-color: cadetblue;
+
+	a:hover, a:focus {
+		text-decoration: none;
+		color: $white;
+	}
+  .pagination-section {
+    margin: 1em 0;
+  }
+}
+
+.sidebar li.active {
+	background-color: $white;
+}
+
+.sidebar li.active a:hover {
+	color: cadetblue;
+}
+
+.sidebar li a {
+	display: block;
+  padding: 0.8em 0.5em;
+	text-transform: uppercase;
+	@include transition(color, 0.3s, linear);
+}
+
+.pagination-section .title {
+	color: $gray;
+	line-height: 2;
+}
+
+.pagination-section {
+	.next, .prev {
+		text-transform: uppercase;
+	}
+}
+
+.pagination-section .next:after {
+	content: "\f0da";
+	font-family: FontAwesome;
+}
+
+.pagination-section .prev:before {
+	content: "\f0d9";
+	font-family: FontAwesome;
+}
+
+
+@include media-breakpoint-up(md) {
+  .sidebar {
+	  padding: 60px 0;
+  }
+
+  .sidebar li {
+	  padding-left: 60px;
+  }
+
+  .sidebar li:before {
+    content: "";
+    border-left: 3px solid #aab0bf;
+    position: absolute;
+    left: 40px;
+    height: 100%;
+    top: 0;
+  }
+
+  .sidebar li.first:before {
+    height: 50%;
+    top: 50%;
+  }
+
+  .sidebar li.last:before {
+    height: 50%;
+    top: 0;
+  }
+
+  .sidebar li.first.last:before {
+    height: 0;
+    top: 0;
+  }
+
+  .sidebar li a {
+    padding: 1.2em 0;
+  }
+
+  .sidebar li a:before {
+    content: "\f005";
+    font-family: FontAwesome;
+    color: cadetblue;
+    position: absolute;
+    left: 29px;
+    line-height: 1.7;
+    width: 25px;
+    height: 25px;
+    border-radius: 50%;
+    border: 3px solid $gray;
+    top: 18px;
+    background-color: white;
+    text-align: center;
+    font-size: 0.8em;
+  }
+
+  .sidebar li.active a:before {
+    content: "\f04b";
+  }
+
+  .sidebar li a:after {
+    content: "";
+  }
+
+  .sidebar .pagination-section {
+    padding-left: 60px;
+  }
+
+}
+
+#ghUsername-box {
+	position: relative;
+	background: $gray-lighter;
+	padding: 10px 20px;
+
+	.ghUsername-set {
+		@extend .h2;
+		padding: 7px 15px;
+		display: block;
+		margin: 0;
+
+		&:hover {
+			text-decoration: none;
+		}
+
+	}
+	.label {
+		position: absolute;
+		top: 0;
+		right: 0;
+    padding: 0 5px;
+    background-color: $gray-darker;
+    color: white;
+    font-size: 12pt;
+    font-style: italic;
+	}
+}
+
+.gh-username-set {
+	input {
+		padding: 4px;
+	}
+	button {
+		margin-top: -5px;
+	}
+}
+
+footer {
+  padding: 2em 0;
+  background-color: $gray-dark;
+  color: $gray-lighter;
+  text-align: center;
+  font-size: 12pt;
+  a {
+    color: #FCFCFC;
+    border-bottom: 1px dotted;
+    text-decoration: none;
+    transition: all 0.3s linear;
+  }
+  a:hover {
+    border: none;
+    color: #FCFCFC;
+    text-decoration: none;
+    transition: all 0.3s linear;
+  }
+}
diff --git a/_sass/_landing.scss b/_sass/_landing.scss
deleted file mode 100644
index ea7623789..000000000
--- a/_sass/_landing.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-section {
-	margin: 3em 0;
-	font-size: large;
-	line-height: 1.8;
-}
-
-.light-section{
-	background-color: $white;
-
-	hr{
-		border-color: $gray-lighter;
-	}
-}
-.dark-section{
-	background-color: $gray-lighter;
-
-	hr{
-		border-color: $white;
-	}
-}
-.jumbotron {
-	background: $jumbotron-color;
-	background-position: bottom center;
-	background-repeat: no-repeat;
-	background-image: url('../img/#{$jumbotron-image}');
-	background-size: auto;
-	color: $white;
-	position: relative;
-
-	a {
-		color: #fcfcfc;
-		border-bottom: 1px dotted;
-		text-decoration: none;
-		transition: all 0.3s linear;
-	}
-	a:hover, a:focus {
-		border-bottom: none;
-		text-decoration: none;
-	}
-
-}
-
-.jumbotron header h1 {
-	font-family: $font-family-sans-serif;
-	font-size: 4em;
-}
-
-.calendar{
-	background-color: $white;
-	padding: 50px 0 70px 0;
-}
-
-.people {
-	margin-bottom: 0;
-}
-
-.people li {
-	margin: 30px 10px;
-}
-
-.people img {
-	max-width: 100%;
-	height: 85px;
-	width: 85px;
-}
\ No newline at end of file
diff --git a/_sass/_nav.scss b/_sass/_nav.scss
deleted file mode 100644
index 2521d78ba..000000000
--- a/_sass/_nav.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-.navbar.navbar-default {
-	margin-bottom: 0;
-}
-
-.p2pu-logo {
-
-	position: absolute;
-	right: 0;
-
-	img {
-		width: 75px;
-	}
-}
\ No newline at end of file
diff --git a/_sass/bootstrap/scss/_alert.scss b/_sass/bootstrap/scss/_alert.scss
new file mode 100644
index 000000000..da2a98af9
--- /dev/null
+++ b/_sass/bootstrap/scss/_alert.scss
@@ -0,0 +1,51 @@
+//
+// Base styles
+//
+
+.alert {
+  position: relative;
+  padding: $alert-padding-y $alert-padding-x;
+  margin-bottom: $alert-margin-bottom;
+  border: $alert-border-width solid transparent;
+  @include border-radius($alert-border-radius);
+}
+
+// Headings for larger alerts
+.alert-heading {
+  // Specified to prevent conflicts of changing $headings-color
+  color: inherit;
+}
+
+// Provide class for links that match alerts
+.alert-link {
+  font-weight: $alert-link-font-weight;
+}
+
+
+// Dismissible alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissible {
+  padding-right: $close-font-size + $alert-padding-x * 2;
+
+  // Adjust close link position
+  .close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: $alert-padding-y $alert-padding-x;
+    color: inherit;
+  }
+}
+
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+
+@each $color, $value in $theme-colors {
+  .alert-#{$color} {
+    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
+  }
+}
diff --git a/_sass/bootstrap/scss/_badge.scss b/_sass/bootstrap/scss/_badge.scss
new file mode 100644
index 000000000..42c5d08d7
--- /dev/null
+++ b/_sass/bootstrap/scss/_badge.scss
@@ -0,0 +1,54 @@
+// Base class
+//
+// Requires one of the contextual, color modifier classes for `color` and
+// `background-color`.
+
+.badge {
+  display: inline-block;
+  padding: $badge-padding-y $badge-padding-x;
+  @include font-size($badge-font-size);
+  font-weight: $badge-font-weight;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  @include border-radius($badge-border-radius);
+  @include transition($badge-transition);
+
+  @at-root a#{&} {
+    @include hover-focus() {
+      text-decoration: none;
+    }
+  }
+
+  // Empty badges collapse automatically
+  &:empty {
+    display: none;
+  }
+}
+
+// Quick fix for badges in buttons
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+// Pill badges
+//
+// Make them extra rounded with a modifier to replace v3's badges.
+
+.badge-pill {
+  padding-right: $badge-pill-padding-x;
+  padding-left: $badge-pill-padding-x;
+  @include border-radius($badge-pill-border-radius);
+}
+
+// Colors
+//
+// Contextual variations (linked badges get darker on :hover).
+
+@each $color, $value in $theme-colors {
+  .badge-#{$color} {
+    @include badge-variant($value);
+  }
+}
diff --git a/_sass/bootstrap/scss/_breadcrumb.scss b/_sass/bootstrap/scss/_breadcrumb.scss
new file mode 100644
index 000000000..a0cf7e29b
--- /dev/null
+++ b/_sass/bootstrap/scss/_breadcrumb.scss
@@ -0,0 +1,44 @@
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
+  margin-bottom: $breadcrumb-margin-bottom;
+  @include font-size($breadcrumb-font-size);
+  list-style: none;
+  background-color: $breadcrumb-bg;
+  @include border-radius($breadcrumb-border-radius);
+}
+
+.breadcrumb-item {
+  display: flex;
+
+  // The separator between breadcrumbs (by default, a forward-slash: "/")
+  + .breadcrumb-item {
+    padding-left: $breadcrumb-item-padding;
+
+    &::before {
+      display: inline-block; // Suppress underlining of the separator in modern browsers
+      padding-right: $breadcrumb-item-padding;
+      color: $breadcrumb-divider-color;
+      content: escape-svg($breadcrumb-divider);
+    }
+  }
+
+  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
+  // without `<ul>`s. The `::before` pseudo-element generates an element
+  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
+  //
+  // To trick IE into suppressing the underline, we give the pseudo-element an
+  // underline and then immediately remove it.
+  + .breadcrumb-item:hover::before {
+    text-decoration: underline;
+  }
+  // stylelint-disable-next-line no-duplicate-selectors
+  + .breadcrumb-item:hover::before {
+    text-decoration: none;
+  }
+
+  &.active {
+    color: $breadcrumb-active-color;
+  }
+}
diff --git a/_sass/bootstrap/scss/_button-group.scss b/_sass/bootstrap/scss/_button-group.scss
new file mode 100644
index 000000000..da02d7931
--- /dev/null
+++ b/_sass/bootstrap/scss/_button-group.scss
@@ -0,0 +1,163 @@
+// stylelint-disable selector-no-qualifying-type
+
+// Make the div behave like a button
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle; // match .btn alignment given font-size hack above
+
+  > .btn {
+    position: relative;
+    flex: 1 1 auto;
+
+    // Bring the hover, focused, and "active" buttons to the front to overlay
+    // the borders properly
+    @include hover() {
+      z-index: 1;
+    }
+    &:focus,
+    &:active,
+    &.active {
+      z-index: 1;
+    }
+  }
+}
+
+// Optional: Group multiple button groups together for a toolbar
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+
+  .input-group {
+    width: auto;
+  }
+}
+
+.btn-group {
+  // Prevent double borders when buttons are next to each other
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) {
+    margin-left: -$btn-border-width;
+  }
+
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
+    @include border-right-radius(0);
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
+    @include border-left-radius(0);
+  }
+}
+
+// Sizing
+//
+// Remix the default button sizing classes into new ones for easier manipulation.
+
+.btn-group-sm > .btn { @extend .btn-sm; }
+.btn-group-lg > .btn { @extend .btn-lg; }
+
+
+//
+// Split button dropdowns
+//
+
+.dropdown-toggle-split {
+  padding-right: $btn-padding-x * .75;
+  padding-left: $btn-padding-x * .75;
+
+  &::after,
+  .dropup &::after,
+  .dropright &::after {
+    margin-left: 0;
+  }
+
+  .dropleft &::before {
+    margin-right: 0;
+  }
+}
+
+.btn-sm + .dropdown-toggle-split {
+  padding-right: $btn-padding-x-sm * .75;
+  padding-left: $btn-padding-x-sm * .75;
+}
+
+.btn-lg + .dropdown-toggle-split {
+  padding-right: $btn-padding-x-lg * .75;
+  padding-left: $btn-padding-x-lg * .75;
+}
+
+
+// The clickable button for toggling the menu
+// Set the same inset shadow as the :active state
+.btn-group.show .dropdown-toggle {
+  @include box-shadow($btn-active-box-shadow);
+
+  // Show no shadow for `.btn-link` since it has no other button styles.
+  &.btn-link {
+    @include box-shadow(none);
+  }
+}
+
+
+//
+// Vertical button groups
+//
+
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+
+  > .btn,
+  > .btn-group {
+    width: 100%;
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) {
+    margin-top: -$btn-border-width;
+  }
+
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
+    @include border-bottom-radius(0);
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
+    @include border-top-radius(0);
+  }
+}
+
+
+// Checkbox and radio options
+//
+// In order to support the browser's form validation feedback, powered by the
+// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
+// `display: none;` or `visibility: hidden;` as that also hides the popover.
+// Simply visually hiding the inputs via `opacity` would leave them clickable in
+// certain cases which is prevented by using `clip` and `pointer-events`.
+// This way, we ensure a DOM element is visible to position the popover from.
+//
+// See https://github.com/twbs/bootstrap/pull/12794 and
+// https://github.com/twbs/bootstrap/pull/14559 for more information.
+
+.btn-group-toggle {
+  > .btn,
+  > .btn-group > .btn {
+    margin-bottom: 0; // Override default `<label>` value
+
+    input[type="radio"],
+    input[type="checkbox"] {
+      position: absolute;
+      clip: rect(0, 0, 0, 0);
+      pointer-events: none;
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/_buttons.scss b/_sass/bootstrap/scss/_buttons.scss
new file mode 100644
index 000000000..6ee24ba1f
--- /dev/null
+++ b/_sass/bootstrap/scss/_buttons.scss
@@ -0,0 +1,142 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Base styles
+//
+
+.btn {
+  display: inline-block;
+  font-family: $btn-font-family;
+  font-weight: $btn-font-weight;
+  color: $body-color;
+  text-align: center;
+  text-decoration: if($link-decoration == none, null, none);
+  white-space: $btn-white-space;
+  vertical-align: middle;
+  user-select: none;
+  background-color: transparent;
+  border: $btn-border-width solid transparent;
+  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
+  @include transition($btn-transition);
+
+  @include hover() {
+    color: $body-color;
+    text-decoration: none;
+  }
+
+  &:focus,
+  &.focus {
+    outline: 0;
+    box-shadow: $btn-focus-box-shadow;
+  }
+
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled {
+    opacity: $btn-disabled-opacity;
+    @include box-shadow(none);
+  }
+
+  &:not(:disabled):not(.disabled) {
+    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);
+
+    &:active,
+    &.active {
+      @include box-shadow($btn-active-box-shadow);
+
+      &:focus {
+        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+      }
+    }
+  }
+}
+
+// Future-proof disabling of clicks on `<a>` elements
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
+
+
+//
+// Alternate buttons
+//
+
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .btn-outline-#{$color} {
+    @include button-outline-variant($value);
+  }
+}
+
+
+//
+// Link buttons
+//
+
+// Make a button look and behave like a link
+.btn-link {
+  font-weight: $font-weight-normal;
+  color: $link-color;
+  text-decoration: $link-decoration;
+
+  @include hover() {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+  }
+
+  &:focus,
+  &.focus {
+    text-decoration: $link-hover-decoration;
+  }
+
+  &:disabled,
+  &.disabled {
+    color: $btn-link-disabled-color;
+    pointer-events: none;
+  }
+
+  // No need for an active state here
+}
+
+
+//
+// Button Sizes
+//
+
+.btn-lg {
+  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
+}
+
+.btn-sm {
+  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
+}
+
+
+//
+// Block button
+//
+
+.btn-block {
+  display: block;
+  width: 100%;
+
+  // Vertically space out multiple block buttons
+  + .btn-block {
+    margin-top: $btn-block-spacing-y;
+  }
+}
+
+// Specificity overrides
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+  &.btn-block {
+    width: 100%;
+  }
+}
diff --git a/_sass/bootstrap/scss/_card.scss b/_sass/bootstrap/scss/_card.scss
new file mode 100644
index 000000000..7c35f7ed8
--- /dev/null
+++ b/_sass/bootstrap/scss/_card.scss
@@ -0,0 +1,286 @@
+//
+// Base styles
+//
+
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
+  height: $card-height;
+  word-wrap: break-word;
+  background-color: $card-bg;
+  background-clip: border-box;
+  border: $card-border-width solid $card-border-color;
+  @include border-radius($card-border-radius);
+
+  > hr {
+    margin-right: 0;
+    margin-left: 0;
+  }
+
+  > .list-group {
+    border-top: inherit;
+    border-bottom: inherit;
+
+    &:first-child {
+      border-top-width: 0;
+      @include border-top-radius($card-inner-border-radius);
+    }
+
+    &:last-child  {
+      border-bottom-width: 0;
+      @include border-bottom-radius($card-inner-border-radius);
+    }
+  }
+
+  // Due to specificity of the above selector (`.card > .list-group`), we must
+  // use a child selector here to prevent double borders.
+  > .card-header + .list-group,
+  > .list-group + .card-footer {
+    border-top: 0;
+  }
+}
+
+.card-body {
+  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
+  // as much space as possible, ensuring footers are aligned to the bottom.
+  flex: 1 1 auto;
+  // Workaround for the image size bug in IE
+  // See: https://github.com/twbs/bootstrap/pull/28855
+  min-height: 1px;
+  padding: $card-spacer-x;
+  color: $card-color;
+}
+
+.card-title {
+  margin-bottom: $card-spacer-y;
+}
+
+.card-subtitle {
+  margin-top: -$card-spacer-y / 2;
+  margin-bottom: 0;
+}
+
+.card-text:last-child {
+  margin-bottom: 0;
+}
+
+.card-link {
+  @include hover() {
+    text-decoration: none;
+  }
+
+  + .card-link {
+    margin-left: $card-spacer-x;
+  }
+}
+
+//
+// Optional textual caps
+//
+
+.card-header {
+  padding: $card-spacer-y $card-spacer-x;
+  margin-bottom: 0; // Removes the default margin-bottom of <hN>
+  color: $card-cap-color;
+  background-color: $card-cap-bg;
+  border-bottom: $card-border-width solid $card-border-color;
+
+  &:first-child {
+    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
+  }
+}
+
+.card-footer {
+  padding: $card-spacer-y $card-spacer-x;
+  color: $card-cap-color;
+  background-color: $card-cap-bg;
+  border-top: $card-border-width solid $card-border-color;
+
+  &:last-child {
+    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
+  }
+}
+
+
+//
+// Header navs
+//
+
+.card-header-tabs {
+  margin-right: -$card-spacer-x / 2;
+  margin-bottom: -$card-spacer-y;
+  margin-left: -$card-spacer-x / 2;
+  border-bottom: 0;
+}
+
+.card-header-pills {
+  margin-right: -$card-spacer-x / 2;
+  margin-left: -$card-spacer-x / 2;
+}
+
+// Card image
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: $card-img-overlay-padding;
+  @include border-radius($card-inner-border-radius);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+}
+
+.card-img,
+.card-img-top {
+  @include border-top-radius($card-inner-border-radius);
+}
+
+.card-img,
+.card-img-bottom {
+  @include border-bottom-radius($card-inner-border-radius);
+}
+
+
+// Card deck
+
+.card-deck {
+  .card {
+    margin-bottom: $card-deck-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    display: flex;
+    flex-flow: row wrap;
+    margin-right: -$card-deck-margin;
+    margin-left: -$card-deck-margin;
+
+    .card {
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
+      flex: 1 0 0%;
+      margin-right: $card-deck-margin;
+      margin-bottom: 0; // Override the default
+      margin-left: $card-deck-margin;
+    }
+  }
+}
+
+
+//
+// Card groups
+//
+
+.card-group {
+  // The child selector allows nested `.card` within `.card-group`
+  // to display properly.
+  > .card {
+    margin-bottom: $card-group-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    display: flex;
+    flex-flow: row wrap;
+    // The child selector allows nested `.card` within `.card-group`
+    // to display properly.
+    > .card {
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
+      flex: 1 0 0%;
+      margin-bottom: 0;
+
+      + .card {
+        margin-left: 0;
+        border-left: 0;
+      }
+
+      // Handle rounded corners
+      @if $enable-rounded {
+        &:not(:last-child) {
+          @include border-right-radius(0);
+
+          .card-img-top,
+          .card-header {
+            // stylelint-disable-next-line property-blacklist
+            border-top-right-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            // stylelint-disable-next-line property-blacklist
+            border-bottom-right-radius: 0;
+          }
+        }
+
+        &:not(:first-child) {
+          @include border-left-radius(0);
+
+          .card-img-top,
+          .card-header {
+            // stylelint-disable-next-line property-blacklist
+            border-top-left-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            // stylelint-disable-next-line property-blacklist
+            border-bottom-left-radius: 0;
+          }
+        }
+      }
+    }
+  }
+}
+
+
+//
+// Columns
+//
+
+.card-columns {
+  .card {
+    margin-bottom: $card-columns-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    column-count: $card-columns-count;
+    column-gap: $card-columns-gap;
+    orphans: 1;
+    widows: 1;
+
+    .card {
+      display: inline-block; // Don't let them vertically span multiple columns
+      width: 100%; // Don't let their width change
+    }
+  }
+}
+
+
+//
+// Accordion
+//
+
+.accordion {
+  overflow-anchor: none;
+
+  > .card {
+    overflow: hidden;
+
+    &:not(:last-of-type) {
+      border-bottom: 0;
+      @include border-bottom-radius(0);
+    }
+
+    &:not(:first-of-type) {
+      @include border-top-radius(0);
+    }
+
+    > .card-header {
+      @include border-radius(0);
+      margin-bottom: -$card-border-width;
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/_carousel.scss b/_sass/bootstrap/scss/_carousel.scss
new file mode 100644
index 000000000..fb5e9f856
--- /dev/null
+++ b/_sass/bootstrap/scss/_carousel.scss
@@ -0,0 +1,197 @@
+// Notes on the classes:
+//
+// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
+//    even when their scroll action started on a carousel, but for compatibility (with Firefox)
+//    we're preventing all actions instead
+// 2. The .carousel-item-left and .carousel-item-right is used to indicate where
+//    the active slide is heading.
+// 3. .active.carousel-item is the current slide.
+// 4. .active.carousel-item-left and .active.carousel-item-right is the current
+//    slide in its in-transition state. Only one of these occurs at a time.
+// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right
+//    is the upcoming slide in transition.
+
+.carousel {
+  position: relative;
+}
+
+.carousel.pointer-event {
+  touch-action: pan-y;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  @include clearfix();
+}
+
+.carousel-item {
+  position: relative;
+  display: none;
+  float: left;
+  width: 100%;
+  margin-right: -100%;
+  backface-visibility: hidden;
+  @include transition($carousel-transition);
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block;
+}
+
+.carousel-item-next:not(.carousel-item-left),
+.active.carousel-item-right {
+  transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-right),
+.active.carousel-item-left {
+  transform: translateX(-100%);
+}
+
+
+//
+// Alternate transitions
+//
+
+.carousel-fade {
+  .carousel-item {
+    opacity: 0;
+    transition-property: opacity;
+    transform: none;
+  }
+
+  .carousel-item.active,
+  .carousel-item-next.carousel-item-left,
+  .carousel-item-prev.carousel-item-right {
+    z-index: 1;
+    opacity: 1;
+  }
+
+  .active.carousel-item-left,
+  .active.carousel-item-right {
+    z-index: 0;
+    opacity: 0;
+    @include transition(opacity 0s $carousel-transition-duration);
+  }
+}
+
+
+//
+// Left/right controls for nav
+//
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  // Use flex for alignment (1-3)
+  display: flex; // 1. allow flex styles
+  align-items: center; // 2. vertically center contents
+  justify-content: center; // 3. horizontally center contents
+  width: $carousel-control-width;
+  color: $carousel-control-color;
+  text-align: center;
+  opacity: $carousel-control-opacity;
+  @include transition($carousel-control-transition);
+
+  // Hover/focus state
+  @include hover-focus() {
+    color: $carousel-control-color;
+    text-decoration: none;
+    outline: 0;
+    opacity: $carousel-control-hover-opacity;
+  }
+}
+.carousel-control-prev {
+  left: 0;
+  @if $enable-gradients {
+    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));
+  }
+}
+.carousel-control-next {
+  right: 0;
+  @if $enable-gradients {
+    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));
+  }
+}
+
+// Icons for within
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: $carousel-control-icon-width;
+  height: $carousel-control-icon-width;
+  background: no-repeat 50% / 100% 100%;
+}
+.carousel-control-prev-icon {
+  background-image: escape-svg($carousel-control-prev-icon-bg);
+}
+.carousel-control-next-icon {
+  background-image: escape-svg($carousel-control-next-icon-bg);
+}
+
+
+// Optional indicator pips
+//
+// Add an ordered list with the following class and add a list item for each
+// slide your carousel holds.
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 15;
+  display: flex;
+  justify-content: center;
+  padding-left: 0; // override <ol> default
+  // Use the .carousel-control's width as margin so we don't overlay those
+  margin-right: $carousel-control-width;
+  margin-left: $carousel-control-width;
+  list-style: none;
+
+  li {
+    box-sizing: content-box;
+    flex: 0 1 auto;
+    width: $carousel-indicator-width;
+    height: $carousel-indicator-height;
+    margin-right: $carousel-indicator-spacer;
+    margin-left: $carousel-indicator-spacer;
+    text-indent: -999px;
+    cursor: pointer;
+    background-color: $carousel-indicator-active-bg;
+    background-clip: padding-box;
+    // Use transparent borders to increase the hit area by 10px on top and bottom.
+    border-top: $carousel-indicator-hit-area-height solid transparent;
+    border-bottom: $carousel-indicator-hit-area-height solid transparent;
+    opacity: .5;
+    @include transition($carousel-indicator-transition);
+  }
+
+  .active {
+    opacity: 1;
+  }
+}
+
+
+// Optional captions
+//
+//
+
+.carousel-caption {
+  position: absolute;
+  right: (100% - $carousel-caption-width) / 2;
+  bottom: 20px;
+  left: (100% - $carousel-caption-width) / 2;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: $carousel-caption-color;
+  text-align: center;
+}
diff --git a/_sass/bootstrap/scss/_close.scss b/_sass/bootstrap/scss/_close.scss
new file mode 100644
index 000000000..82e9593ef
--- /dev/null
+++ b/_sass/bootstrap/scss/_close.scss
@@ -0,0 +1,40 @@
+.close {
+  float: right;
+  @include font-size($close-font-size);
+  font-weight: $close-font-weight;
+  line-height: 1;
+  color: $close-color;
+  text-shadow: $close-text-shadow;
+  opacity: .5;
+
+  // Override <a>'s hover style
+  @include hover() {
+    color: $close-color;
+    text-decoration: none;
+  }
+
+  &:not(:disabled):not(.disabled) {
+    @include hover-focus() {
+      opacity: .75;
+    }
+  }
+}
+
+// Additional properties for button version
+// iOS requires the button element instead of an anchor tag.
+// If you want the anchor version, it requires `href="#"`.
+// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
+
+// stylelint-disable-next-line selector-no-qualifying-type
+button.close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+}
+
+// Future-proof disabling of clicks on `<a>` elements
+
+// stylelint-disable-next-line selector-no-qualifying-type
+a.close.disabled {
+  pointer-events: none;
+}
diff --git a/_sass/bootstrap/scss/_code.scss b/_sass/bootstrap/scss/_code.scss
new file mode 100644
index 000000000..4bc117a96
--- /dev/null
+++ b/_sass/bootstrap/scss/_code.scss
@@ -0,0 +1,48 @@
+// Inline code
+code {
+  @include font-size($code-font-size);
+  color: $code-color;
+  word-wrap: break-word;
+
+  // Streamline the style when inside anchors to avoid broken underline and more
+  a > & {
+    color: inherit;
+  }
+}
+
+// User input typically entered via keyboard
+kbd {
+  padding: $kbd-padding-y $kbd-padding-x;
+  @include font-size($kbd-font-size);
+  color: $kbd-color;
+  background-color: $kbd-bg;
+  @include border-radius($border-radius-sm);
+  @include box-shadow($kbd-box-shadow);
+
+  kbd {
+    padding: 0;
+    @include font-size(100%);
+    font-weight: $nested-kbd-font-weight;
+    @include box-shadow(none);
+  }
+}
+
+// Blocks of code
+pre {
+  display: block;
+  @include font-size($code-font-size);
+  color: $pre-color;
+
+  // Account for some code outputs that place code tags in pre tags
+  code {
+    @include font-size(inherit);
+    color: inherit;
+    word-break: normal;
+  }
+}
+
+// Enable scrollable blocks of code
+.pre-scrollable {
+  max-height: $pre-scrollable-max-height;
+  overflow-y: scroll;
+}
diff --git a/_sass/bootstrap/scss/_custom-forms.scss b/_sass/bootstrap/scss/_custom-forms.scss
new file mode 100644
index 000000000..9aeeeda7f
--- /dev/null
+++ b/_sass/bootstrap/scss/_custom-forms.scss
@@ -0,0 +1,523 @@
+// Embedded icons from Open Iconic.
+// Released under MIT and copyright 2014 Waybury.
+// https://useiconic.com/open
+
+
+// Checkboxes and radios
+//
+// Base class takes care of all the key behavioral aspects.
+
+.custom-control {
+  position: relative;
+  z-index: 1;
+  display: block;
+  min-height: $font-size-base * $line-height-base;
+  padding-left: $custom-control-gutter + $custom-control-indicator-size;
+}
+
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: $custom-control-spacer-x;
+}
+
+.custom-control-input {
+  position: absolute;
+  left: 0;
+  z-index: -1; // Put the input behind the label so it doesn't overlay text
+  width: $custom-control-indicator-size;
+  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) / 2;
+  opacity: 0;
+
+  &:checked ~ .custom-control-label::before {
+    color: $custom-control-indicator-checked-color;
+    border-color: $custom-control-indicator-checked-border-color;
+    @include gradient-bg($custom-control-indicator-checked-bg);
+    @include box-shadow($custom-control-indicator-checked-box-shadow);
+  }
+
+  &:focus ~ .custom-control-label::before {
+    // the mixin is not used here to make sure there is feedback
+    @if $enable-shadows {
+      box-shadow: $input-box-shadow, $input-focus-box-shadow;
+    } @else {
+      box-shadow: $custom-control-indicator-focus-box-shadow;
+    }
+  }
+
+  &:focus:not(:checked) ~ .custom-control-label::before {
+    border-color: $custom-control-indicator-focus-border-color;
+  }
+
+  &:not(:disabled):active ~ .custom-control-label::before {
+    color: $custom-control-indicator-active-color;
+    background-color: $custom-control-indicator-active-bg;
+    border-color: $custom-control-indicator-active-border-color;
+    @include box-shadow($custom-control-indicator-active-box-shadow);
+  }
+
+  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
+  &[disabled],
+  &:disabled {
+    ~ .custom-control-label {
+      color: $custom-control-label-disabled-color;
+
+      &::before {
+        background-color: $custom-control-indicator-disabled-bg;
+      }
+    }
+  }
+}
+
+// Custom control indicators
+//
+// Build the custom controls out of pseudo-elements.
+
+.custom-control-label {
+  position: relative;
+  margin-bottom: 0;
+  color: $custom-control-label-color;
+  vertical-align: top;
+  cursor: $custom-control-cursor;
+
+  // Background-color and (when enabled) gradient
+  &::before {
+    position: absolute;
+    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
+    left: -($custom-control-gutter + $custom-control-indicator-size);
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    pointer-events: none;
+    content: "";
+    background-color: $custom-control-indicator-bg;
+    border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;
+    @include box-shadow($custom-control-indicator-box-shadow);
+  }
+
+  // Foreground (icon)
+  &::after {
+    position: absolute;
+    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
+    left: -($custom-control-gutter + $custom-control-indicator-size);
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    content: "";
+    background: no-repeat 50% / #{$custom-control-indicator-bg-size};
+  }
+}
+
+
+// Checkboxes
+//
+// Tweak just a few things for checkboxes.
+
+.custom-checkbox {
+  .custom-control-label::before {
+    @include border-radius($custom-checkbox-indicator-border-radius);
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::after {
+      background-image: escape-svg($custom-checkbox-indicator-icon-checked);
+    }
+  }
+
+  .custom-control-input:indeterminate ~ .custom-control-label {
+    &::before {
+      border-color: $custom-checkbox-indicator-indeterminate-border-color;
+      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
+      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
+    }
+    &::after {
+      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);
+    }
+  }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      @include gradient-bg($custom-control-indicator-checked-disabled-bg);
+    }
+    &:indeterminate ~ .custom-control-label::before {
+      @include gradient-bg($custom-control-indicator-checked-disabled-bg);
+    }
+  }
+}
+
+// Radios
+//
+// Tweak just a few things for radios.
+
+.custom-radio {
+  .custom-control-label::before {
+    // stylelint-disable-next-line property-blacklist
+    border-radius: $custom-radio-indicator-border-radius;
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::after {
+      background-image: escape-svg($custom-radio-indicator-icon-checked);
+    }
+  }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      @include gradient-bg($custom-control-indicator-checked-disabled-bg);
+    }
+  }
+}
+
+
+// switches
+//
+// Tweak a few things for switches
+
+.custom-switch {
+  padding-left: $custom-switch-width + $custom-control-gutter;
+
+  .custom-control-label {
+    &::before {
+      left: -($custom-switch-width + $custom-control-gutter);
+      width: $custom-switch-width;
+      pointer-events: all;
+      // stylelint-disable-next-line property-blacklist
+      border-radius: $custom-switch-indicator-border-radius;
+    }
+
+    &::after {
+      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2, $custom-control-indicator-border-width * 2);
+      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);
+      width: $custom-switch-indicator-size;
+      height: $custom-switch-indicator-size;
+      background-color: $custom-control-indicator-border-color;
+      // stylelint-disable-next-line property-blacklist
+      border-radius: $custom-switch-indicator-border-radius;
+      @include transition(transform .15s ease-in-out, $custom-forms-transition);
+    }
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::after {
+      background-color: $custom-control-indicator-bg;
+      transform: translateX($custom-switch-width - $custom-control-indicator-size);
+    }
+  }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      @include gradient-bg($custom-control-indicator-checked-disabled-bg);
+    }
+  }
+}
+
+
+// Select
+//
+// Replaces the browser default select with a custom one, mostly pulled from
+// https://primer.github.io/.
+//
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: $custom-select-height;
+  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
+  font-family: $custom-select-font-family;
+  @include font-size($custom-select-font-size);
+  font-weight: $custom-select-font-weight;
+  line-height: $custom-select-line-height;
+  color: $custom-select-color;
+  vertical-align: middle;
+  background: $custom-select-bg $custom-select-background;
+  border: $custom-select-border-width solid $custom-select-border-color;
+  @include border-radius($custom-select-border-radius, 0);
+  @include box-shadow($custom-select-box-shadow);
+  appearance: none;
+
+  &:focus {
+    border-color: $custom-select-focus-border-color;
+    outline: 0;
+    @if $enable-shadows {
+      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);
+    } @else {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      box-shadow: $custom-select-focus-box-shadow;
+    }
+
+    &::-ms-value {
+      // For visual consistency with other platforms/browsers,
+      // suppress the default white text on blue background highlight given to
+      // the selected option text when the (still closed) <select> receives focus
+      // in IE and (under certain conditions) Edge.
+      // See https://github.com/twbs/bootstrap/issues/19398.
+      color: $input-color;
+      background-color: $input-bg;
+    }
+  }
+
+  &[multiple],
+  &[size]:not([size="1"]) {
+    height: auto;
+    padding-right: $custom-select-padding-x;
+    background-image: none;
+  }
+
+  &:disabled {
+    color: $custom-select-disabled-color;
+    background-color: $custom-select-disabled-bg;
+  }
+
+  // Hides the default caret in IE11
+  &::-ms-expand {
+    display: none;
+  }
+
+  // Remove outline from select box in FF
+  &:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 $custom-select-color;
+  }
+}
+
+.custom-select-sm {
+  height: $custom-select-height-sm;
+  padding-top: $custom-select-padding-y-sm;
+  padding-bottom: $custom-select-padding-y-sm;
+  padding-left: $custom-select-padding-x-sm;
+  @include font-size($custom-select-font-size-sm);
+}
+
+.custom-select-lg {
+  height: $custom-select-height-lg;
+  padding-top: $custom-select-padding-y-lg;
+  padding-bottom: $custom-select-padding-y-lg;
+  padding-left: $custom-select-padding-x-lg;
+  @include font-size($custom-select-font-size-lg);
+}
+
+
+// File
+//
+// Custom file input.
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: $custom-file-height;
+  margin-bottom: 0;
+}
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: $custom-file-height;
+  margin: 0;
+  opacity: 0;
+
+  &:focus ~ .custom-file-label {
+    border-color: $custom-file-focus-border-color;
+    box-shadow: $custom-file-focus-box-shadow;
+  }
+
+  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
+  &[disabled] ~ .custom-file-label,
+  &:disabled ~ .custom-file-label {
+    background-color: $custom-file-disabled-bg;
+  }
+
+  @each $lang, $value in $custom-file-text {
+    &:lang(#{$lang}) ~ .custom-file-label::after {
+      content: $value;
+    }
+  }
+
+  ~ .custom-file-label[data-browse]::after {
+    content: attr(data-browse);
+  }
+}
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: $custom-file-height;
+  padding: $custom-file-padding-y $custom-file-padding-x;
+  font-family: $custom-file-font-family;
+  font-weight: $custom-file-font-weight;
+  line-height: $custom-file-line-height;
+  color: $custom-file-color;
+  background-color: $custom-file-bg;
+  border: $custom-file-border-width solid $custom-file-border-color;
+  @include border-radius($custom-file-border-radius);
+  @include box-shadow($custom-file-box-shadow);
+
+  &::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 3;
+    display: block;
+    height: $custom-file-height-inner;
+    padding: $custom-file-padding-y $custom-file-padding-x;
+    line-height: $custom-file-line-height;
+    color: $custom-file-button-color;
+    content: "Browse";
+    @include gradient-bg($custom-file-button-bg);
+    border-left: inherit;
+    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
+  }
+}
+
+// Range
+//
+// Style range inputs the same across browsers. Vendor-specific rules for pseudo
+// elements cannot be mixed. As such, there are no shared styles for focus or
+// active states on prefixed selectors.
+
+.custom-range {
+  width: 100%;
+  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);
+  padding: 0; // Need to reset padding
+  background-color: transparent;
+  appearance: none;
+
+  &:focus {
+    outline: none;
+
+    // Pseudo-elements must be split across multiple rulesets to have an effect.
+    // No box-shadow() mixin for focus accessibility.
+    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
+    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }
+    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }
+  }
+
+  &::-moz-focus-outer {
+    border: 0;
+  }
+
+  &::-webkit-slider-thumb {
+    width: $custom-range-thumb-width;
+    height: $custom-range-thumb-height;
+    margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific
+    @include gradient-bg($custom-range-thumb-bg);
+    border: $custom-range-thumb-border;
+    @include border-radius($custom-range-thumb-border-radius);
+    @include box-shadow($custom-range-thumb-box-shadow);
+    @include transition($custom-forms-transition);
+    appearance: none;
+
+    &:active {
+      @include gradient-bg($custom-range-thumb-active-bg);
+    }
+  }
+
+  &::-webkit-slider-runnable-track {
+    width: $custom-range-track-width;
+    height: $custom-range-track-height;
+    color: transparent; // Why?
+    cursor: $custom-range-track-cursor;
+    background-color: $custom-range-track-bg;
+    border-color: transparent;
+    @include border-radius($custom-range-track-border-radius);
+    @include box-shadow($custom-range-track-box-shadow);
+  }
+
+  &::-moz-range-thumb {
+    width: $custom-range-thumb-width;
+    height: $custom-range-thumb-height;
+    @include gradient-bg($custom-range-thumb-bg);
+    border: $custom-range-thumb-border;
+    @include border-radius($custom-range-thumb-border-radius);
+    @include box-shadow($custom-range-thumb-box-shadow);
+    @include transition($custom-forms-transition);
+    appearance: none;
+
+    &:active {
+      @include gradient-bg($custom-range-thumb-active-bg);
+    }
+  }
+
+  &::-moz-range-track {
+    width: $custom-range-track-width;
+    height: $custom-range-track-height;
+    color: transparent;
+    cursor: $custom-range-track-cursor;
+    background-color: $custom-range-track-bg;
+    border-color: transparent; // Firefox specific?
+    @include border-radius($custom-range-track-border-radius);
+    @include box-shadow($custom-range-track-box-shadow);
+  }
+
+  &::-ms-thumb {
+    width: $custom-range-thumb-width;
+    height: $custom-range-thumb-height;
+    margin-top: 0; // Edge specific
+    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
+    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.
+    @include gradient-bg($custom-range-thumb-bg);
+    border: $custom-range-thumb-border;
+    @include border-radius($custom-range-thumb-border-radius);
+    @include box-shadow($custom-range-thumb-box-shadow);
+    @include transition($custom-forms-transition);
+    appearance: none;
+
+    &:active {
+      @include gradient-bg($custom-range-thumb-active-bg);
+    }
+  }
+
+  &::-ms-track {
+    width: $custom-range-track-width;
+    height: $custom-range-track-height;
+    color: transparent;
+    cursor: $custom-range-track-cursor;
+    background-color: transparent;
+    border-color: transparent;
+    border-width: $custom-range-thumb-height / 2;
+    @include box-shadow($custom-range-track-box-shadow);
+  }
+
+  &::-ms-fill-lower {
+    background-color: $custom-range-track-bg;
+    @include border-radius($custom-range-track-border-radius);
+  }
+
+  &::-ms-fill-upper {
+    margin-right: 15px; // arbitrary?
+    background-color: $custom-range-track-bg;
+    @include border-radius($custom-range-track-border-radius);
+  }
+
+  &:disabled {
+    &::-webkit-slider-thumb {
+      background-color: $custom-range-thumb-disabled-bg;
+    }
+
+    &::-webkit-slider-runnable-track {
+      cursor: default;
+    }
+
+    &::-moz-range-thumb {
+      background-color: $custom-range-thumb-disabled-bg;
+    }
+
+    &::-moz-range-track {
+      cursor: default;
+    }
+
+    &::-ms-thumb {
+      background-color: $custom-range-thumb-disabled-bg;
+    }
+  }
+}
+
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+  @include transition($custom-forms-transition);
+}
diff --git a/_sass/bootstrap/scss/_dropdown.scss b/_sass/bootstrap/scss/_dropdown.scss
new file mode 100644
index 000000000..2ab7536e1
--- /dev/null
+++ b/_sass/bootstrap/scss/_dropdown.scss
@@ -0,0 +1,192 @@
+// The dropdown wrapper (`<div>`)
+.dropup,
+.dropright,
+.dropdown,
+.dropleft {
+  position: relative;
+}
+
+.dropdown-toggle {
+  white-space: nowrap;
+
+  // Generate the caret automatically
+  @include caret();
+}
+
+// The dropdown menu
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: $zindex-dropdown;
+  display: none; // none by default, but block on "open" of the menu
+  float: left;
+  min-width: $dropdown-min-width;
+  padding: $dropdown-padding-y 0;
+  margin: $dropdown-spacer 0 0; // override default ul
+  @include font-size($dropdown-font-size);
+  color: $dropdown-color;
+  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
+  list-style: none;
+  background-color: $dropdown-bg;
+  background-clip: padding-box;
+  border: $dropdown-border-width solid $dropdown-border-color;
+  @include border-radius($dropdown-border-radius);
+  @include box-shadow($dropdown-box-shadow);
+}
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .dropdown-menu#{$infix}-left {
+      right: auto;
+      left: 0;
+    }
+
+    .dropdown-menu#{$infix}-right {
+      right: 0;
+      left: auto;
+    }
+  }
+}
+
+// Allow for dropdowns to go bottom up (aka, dropup-menu)
+// Just add .dropup after the standard .dropdown class and you're set.
+.dropup {
+  .dropdown-menu {
+    top: auto;
+    bottom: 100%;
+    margin-top: 0;
+    margin-bottom: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(up);
+  }
+}
+
+.dropright {
+  .dropdown-menu {
+    top: 0;
+    right: auto;
+    left: 100%;
+    margin-top: 0;
+    margin-left: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(right);
+    &::after {
+      vertical-align: 0;
+    }
+  }
+}
+
+.dropleft {
+  .dropdown-menu {
+    top: 0;
+    right: 100%;
+    left: auto;
+    margin-top: 0;
+    margin-right: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(left);
+    &::before {
+      vertical-align: 0;
+    }
+  }
+}
+
+// When enabled Popper.js, reset basic dropdown position
+// stylelint-disable-next-line no-duplicate-selectors
+.dropdown-menu {
+  &[x-placement^="top"],
+  &[x-placement^="right"],
+  &[x-placement^="bottom"],
+  &[x-placement^="left"] {
+    right: auto;
+    bottom: auto;
+  }
+}
+
+// Dividers (basically an `<hr>`) within the dropdown
+.dropdown-divider {
+  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);
+}
+
+// Links, buttons, and more within the dropdown menu
+//
+// `<button>`-specific styles are denoted with `// For <button>s`
+.dropdown-item {
+  display: block;
+  width: 100%; // For `<button>`s
+  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  clear: both;
+  font-weight: $font-weight-normal;
+  color: $dropdown-link-color;
+  text-align: inherit; // For `<button>`s
+  text-decoration: if($link-decoration == none, null, none);
+  white-space: nowrap; // prevent links from randomly breaking onto new lines
+  background-color: transparent; // For `<button>`s
+  border: 0; // For `<button>`s
+
+  // Prevent dropdown overflow if there's no padding
+  // See https://github.com/twbs/bootstrap/pull/27703
+  @if $dropdown-padding-y == 0 {
+    &:first-child {
+      @include border-top-radius($dropdown-inner-border-radius);
+    }
+
+    &:last-child {
+      @include border-bottom-radius($dropdown-inner-border-radius);
+    }
+  }
+
+  @include hover-focus() {
+    color: $dropdown-link-hover-color;
+    text-decoration: none;
+    @include gradient-bg($dropdown-link-hover-bg);
+  }
+
+  &.active,
+  &:active {
+    color: $dropdown-link-active-color;
+    text-decoration: none;
+    @include gradient-bg($dropdown-link-active-bg);
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $dropdown-link-disabled-color;
+    pointer-events: none;
+    background-color: transparent;
+    // Remove CSS gradients if they're enabled
+    @if $enable-gradients {
+      background-image: none;
+    }
+  }
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+// Dropdown section headers
+.dropdown-header {
+  display: block;
+  padding: $dropdown-header-padding;
+  margin-bottom: 0; // for use with heading elements
+  @include font-size($font-size-sm);
+  color: $dropdown-header-color;
+  white-space: nowrap; // as with > li > a
+}
+
+// Dropdown text
+.dropdown-item-text {
+  display: block;
+  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  color: $dropdown-link-color;
+}
diff --git a/_sass/bootstrap/scss/_forms.scss b/_sass/bootstrap/scss/_forms.scss
new file mode 100644
index 000000000..66a4efe1d
--- /dev/null
+++ b/_sass/bootstrap/scss/_forms.scss
@@ -0,0 +1,347 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Textual form controls
+//
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: $input-height;
+  padding: $input-padding-y $input-padding-x;
+  font-family: $input-font-family;
+  @include font-size($input-font-size);
+  font-weight: $input-font-weight;
+  line-height: $input-line-height;
+  color: $input-color;
+  background-color: $input-bg;
+  background-clip: padding-box;
+  border: $input-border-width solid $input-border-color;
+
+  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
+  @include border-radius($input-border-radius, 0);
+
+  @include box-shadow($input-box-shadow);
+  @include transition($input-transition);
+
+  // Unstyle the caret on `<select>`s in IE10+.
+  &::-ms-expand {
+    background-color: transparent;
+    border: 0;
+  }
+
+  // Remove select outline from select box in FF
+  &:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 $input-color;
+  }
+
+  // Customize the `:focus` state to imitate native WebKit styles.
+  @include form-control-focus($ignore-warning: true);
+
+  // Placeholder
+  &::placeholder {
+    color: $input-placeholder-color;
+    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
+    opacity: 1;
+  }
+
+  // Disabled and read-only inputs
+  //
+  // HTML5 says that controls under a fieldset > legend:first-child won't be
+  // disabled if the fieldset is disabled. Due to implementation difficulty, we
+  // don't honor that edge case; we style them as disabled anyway.
+  &:disabled,
+  &[readonly] {
+    background-color: $input-disabled-bg;
+    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
+    opacity: 1;
+  }
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  &.form-control {
+    appearance: none; // Fix appearance for date inputs in Safari
+  }
+}
+
+select.form-control {
+  &:focus::-ms-value {
+    // Suppress the nested default white text on blue background highlight given to
+    // the selected option text when the (still closed) <select> receives focus
+    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
+    // match the appearance of the native widget.
+    // See https://github.com/twbs/bootstrap/issues/19398.
+    color: $input-color;
+    background-color: $input-bg;
+  }
+}
+
+// Make file inputs better match text inputs by forcing them to new lines.
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%;
+}
+
+
+//
+// Labels
+//
+
+// For use with horizontal and inline forms, when you need the label (or legend)
+// text to align with the form controls.
+.col-form-label {
+  padding-top: add($input-padding-y, $input-border-width);
+  padding-bottom: add($input-padding-y, $input-border-width);
+  margin-bottom: 0; // Override the `<label>/<legend>` default
+  @include font-size(inherit); // Override the `<legend>` default
+  line-height: $input-line-height;
+}
+
+.col-form-label-lg {
+  padding-top: add($input-padding-y-lg, $input-border-width);
+  padding-bottom: add($input-padding-y-lg, $input-border-width);
+  @include font-size($input-font-size-lg);
+  line-height: $input-line-height-lg;
+}
+
+.col-form-label-sm {
+  padding-top: add($input-padding-y-sm, $input-border-width);
+  padding-bottom: add($input-padding-y-sm, $input-border-width);
+  @include font-size($input-font-size-sm);
+  line-height: $input-line-height-sm;
+}
+
+
+// Readonly controls as plain text
+//
+// Apply class to a readonly input to make it appear like regular plain
+// text (without any border, background color, focus indicator)
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding: $input-padding-y 0;
+  margin-bottom: 0; // match inputs if this class comes on inputs with default margins
+  @include font-size($input-font-size);
+  line-height: $input-line-height;
+  color: $input-plaintext-color;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: $input-border-width 0;
+
+  &.form-control-sm,
+  &.form-control-lg {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+
+// Form control sizing
+//
+// Build on `.form-control` with modifier classes to decrease or increase the
+// height and font-size of form controls.
+//
+// Repeated in `_input_group.scss` to avoid Sass extend issues.
+
+.form-control-sm {
+  height: $input-height-sm;
+  padding: $input-padding-y-sm $input-padding-x-sm;
+  @include font-size($input-font-size-sm);
+  line-height: $input-line-height-sm;
+  @include border-radius($input-border-radius-sm);
+}
+
+.form-control-lg {
+  height: $input-height-lg;
+  padding: $input-padding-y-lg $input-padding-x-lg;
+  @include font-size($input-font-size-lg);
+  line-height: $input-line-height-lg;
+  @include border-radius($input-border-radius-lg);
+}
+
+// stylelint-disable-next-line no-duplicate-selectors
+select.form-control {
+  &[size],
+  &[multiple] {
+    height: auto;
+  }
+}
+
+textarea.form-control {
+  height: auto;
+}
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+
+.form-group {
+  margin-bottom: $form-group-margin-bottom;
+}
+
+.form-text {
+  display: block;
+  margin-top: $form-text-margin-top;
+}
+
+
+// Form grid
+//
+// Special replacement for our grid system's `.row` for tighter form layouts.
+
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -$form-grid-gutter-width / 2;
+  margin-left: -$form-grid-gutter-width / 2;
+
+  > .col,
+  > [class*="col-"] {
+    padding-right: $form-grid-gutter-width / 2;
+    padding-left: $form-grid-gutter-width / 2;
+  }
+}
+
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: $form-check-input-gutter;
+}
+
+.form-check-input {
+  position: absolute;
+  margin-top: $form-check-input-margin-y;
+  margin-left: -$form-check-input-gutter;
+
+  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247
+  &[disabled] ~ .form-check-label,
+  &:disabled ~ .form-check-label {
+    color: $text-muted;
+  }
+}
+
+.form-check-label {
+  margin-bottom: 0; // Override default `<label>` bottom margin
+}
+
+.form-check-inline {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0; // Override base .form-check
+  margin-right: $form-check-inline-margin-x;
+
+  // Undo .form-check-input defaults and add some `margin-right`.
+  .form-check-input {
+    position: static;
+    margin-top: 0;
+    margin-right: $form-check-inline-input-margin-x;
+    margin-left: 0;
+  }
+}
+
+
+// Form validation
+//
+// Provide feedback to users when form field values are valid or invalid. Works
+// primarily for client-side validation via scoped `:invalid` and `:valid`
+// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
+// server side validation.
+
+@each $state, $data in $form-validation-states {
+  @include form-validation-state($state, map-get($data, color), map-get($data, icon));
+}
+
+// Inline forms
+//
+// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
+// forms begin stacked on extra small (mobile) devices and then go inline when
+// viewports reach <768px.
+//
+// Requires wrapping inputs and labels with `.form-group` for proper display of
+// default HTML form controls and our custom form controls (e.g., input groups).
+
+.form-inline {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
+
+  // Because we use flex, the initial sizing of checkboxes is collapsed and
+  // doesn't occupy the full-width (which is what we want for xs grid tier),
+  // so we force that here.
+  .form-check {
+    width: 100%;
+  }
+
+  // Kick in the inline
+  @include media-breakpoint-up(sm) {
+    label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 0;
+    }
+
+    // Inline-block all the things for "inline"
+    .form-group {
+      display: flex;
+      flex: 0 0 auto;
+      flex-flow: row wrap;
+      align-items: center;
+      margin-bottom: 0;
+    }
+
+    // Allow folks to *not* use `.form-group`
+    .form-control {
+      display: inline-block;
+      width: auto; // Prevent labels from stacking above inputs in `.form-group`
+      vertical-align: middle;
+    }
+
+    // Make static controls behave like regular ones
+    .form-control-plaintext {
+      display: inline-block;
+    }
+
+    .input-group,
+    .custom-select {
+      width: auto;
+    }
+
+    // Remove default margin on radios/checkboxes that were used for stacking, and
+    // then undo the floating of radios and checkboxes to match.
+    .form-check {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: auto;
+      padding-left: 0;
+    }
+    .form-check-input {
+      position: relative;
+      flex-shrink: 0;
+      margin-top: 0;
+      margin-right: $form-check-input-margin-x;
+      margin-left: 0;
+    }
+
+    .custom-control {
+      align-items: center;
+      justify-content: center;
+    }
+    .custom-control-label {
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/_functions.scss b/_sass/bootstrap/scss/_functions.scss
new file mode 100644
index 000000000..eb2471d75
--- /dev/null
+++ b/_sass/bootstrap/scss/_functions.scss
@@ -0,0 +1,141 @@
+// Bootstrap functions
+//
+// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
+
+// Ascending
+// Used to evaluate Sass maps like our grid breakpoints.
+@mixin _assert-ascending($map, $map-name) {
+  $prev-key: null;
+  $prev-num: null;
+  @each $key, $num in $map {
+    @if $prev-num == null or unit($num) == "%" or unit($prev-num) == "%" {
+      // Do nothing
+    } @else if not comparable($prev-num, $num) {
+      @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    } @else if $prev-num >= $num {
+      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    }
+    $prev-key: $key;
+    $prev-num: $num;
+  }
+}
+
+// Starts at zero
+// Used to ensure the min-width of the lowest breakpoint starts at 0.
+@mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
+  @if length($map) > 0 {
+    $values: map-values($map);
+    $first-value: nth($values, 1);
+    @if $first-value != 0 {
+      @warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
+    }
+  }
+}
+
+// Replace `$search` with `$replace` in `$string`
+// Used on our SVG icon backgrounds for custom forms.
+//
+// @author Hugo Giraudel
+// @param {String} $string - Initial string
+// @param {String} $search - Substring to replace
+// @param {String} $replace ('') - New value
+// @return {String} - Updated string
+@function str-replace($string, $search, $replace: "") {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+// See https://codepen.io/kevinweber/pen/dXWoRw
+@function escape-svg($string) {
+  @if str-index($string, "data:image/svg+xml") {
+    @each $char, $encoded in $escaped-characters {
+      // Do not escape the url brackets
+      @if str-index($string, "url(") == 1 {
+        $string: url("#{str-replace(str-slice($string, 6, -3), $char, $encoded)}");
+      } @else {
+        $string: str-replace($string, $char, $encoded);
+      }
+    }
+  }
+
+  @return $string;
+}
+
+// Color contrast
+@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+
+  @if ($yiq >= $yiq-contrasted-threshold) {
+    @return $dark;
+  } @else {
+    @return $light;
+  }
+}
+
+// Retrieve color Sass maps
+@function color($key: "blue") {
+  @return map-get($colors, $key);
+}
+
+@function theme-color($key: "primary") {
+  @return map-get($theme-colors, $key);
+}
+
+@function gray($key: "100") {
+  @return map-get($grays, $key);
+}
+
+// Request a theme color level
+@function theme-color-level($color-name: "primary", $level: 0) {
+  $color: theme-color($color-name);
+  $color-base: if($level > 0, $black, $white);
+  $level: abs($level);
+
+  @return mix($color-base, $color, $level * $theme-color-interval);
+}
+
+// Return valid calc
+@function add($value1, $value2, $return-calc: true) {
+  @if $value1 == null {
+    @return $value2;
+  }
+
+  @if $value2 == null {
+    @return $value1;
+  }
+
+  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
+    @return $value1 + $value2;
+  }
+
+  @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(" + ") + $value2);
+}
+
+@function subtract($value1, $value2, $return-calc: true) {
+  @if $value1 == null and $value2 == null {
+    @return null;
+  }
+
+  @if $value1 == null {
+    @return -$value2;
+  }
+
+  @if $value2 == null {
+    @return $value1;
+  }
+
+  @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
+    @return $value1 - $value2;
+  }
+
+  @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(" - ") + $value2);
+}
diff --git a/_sass/bootstrap/scss/_grid.scss b/_sass/bootstrap/scss/_grid.scss
new file mode 100644
index 000000000..0bfe5303b
--- /dev/null
+++ b/_sass/bootstrap/scss/_grid.scss
@@ -0,0 +1,73 @@
+// Container widths
+//
+// Set the container width, and override it for fixed navbars in media queries.
+
+@if $enable-grid-classes {
+  // Single container class with breakpoint max-widths
+  .container,
+  // 100% wide container at all breakpoints
+  .container-fluid {
+    @include make-container();
+  }
+
+  // Responsive containers that are 100% wide until a breakpoint
+  @each $breakpoint, $container-max-width in $container-max-widths {
+    .container-#{$breakpoint} {
+      @extend .container-fluid;
+    }
+
+    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
+      %responsive-container-#{$breakpoint} {
+        max-width: $container-max-width;
+      }
+
+      // Extend each breakpoint which is smaller or equal to the current breakpoint
+      $extend-breakpoint: true;
+
+      @each $name, $width in $grid-breakpoints {
+        @if ($extend-breakpoint) {
+          .container#{breakpoint-infix($name, $grid-breakpoints)} {
+            @extend %responsive-container-#{$breakpoint};
+          }
+
+          // Once the current breakpoint is reached, stop extending
+          @if ($breakpoint == $name) {
+            $extend-breakpoint: false;
+          }
+        }
+      }
+    }
+  }
+}
+
+
+// Row
+//
+// Rows contain your columns.
+
+@if $enable-grid-classes {
+  .row {
+    @include make-row();
+  }
+
+  // Remove the negative margin from default .row, then the horizontal padding
+  // from all immediate children columns (to prevent runaway style inheritance).
+  .no-gutters {
+    margin-right: 0;
+    margin-left: 0;
+
+    > .col,
+    > [class*="col-"] {
+      padding-right: 0;
+      padding-left: 0;
+    }
+  }
+}
+
+// Columns
+//
+// Common styles for small and large grid columns
+
+@if $enable-grid-classes {
+  @include make-grid-columns();
+}
diff --git a/_sass/bootstrap/scss/_images.scss b/_sass/bootstrap/scss/_images.scss
new file mode 100644
index 000000000..b11b45a37
--- /dev/null
+++ b/_sass/bootstrap/scss/_images.scss
@@ -0,0 +1,42 @@
+// Responsive images (ensure images don't scale beyond their parents)
+//
+// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
+// We previously tried the "images are responsive by default" approach in Bootstrap v2,
+// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
+// which weren't expecting the images within themselves to be involuntarily resized.
+// See also https://github.com/twbs/bootstrap/issues/18178
+.img-fluid {
+  @include img-fluid();
+}
+
+
+// Image thumbnails
+.img-thumbnail {
+  padding: $thumbnail-padding;
+  background-color: $thumbnail-bg;
+  border: $thumbnail-border-width solid $thumbnail-border-color;
+  @include border-radius($thumbnail-border-radius);
+  @include box-shadow($thumbnail-box-shadow);
+
+  // Keep them at most 100% wide
+  @include img-fluid();
+}
+
+//
+// Figures
+//
+
+.figure {
+  // Ensures the caption's text aligns with the image.
+  display: inline-block;
+}
+
+.figure-img {
+  margin-bottom: $spacer / 2;
+  line-height: 1;
+}
+
+.figure-caption {
+  @include font-size($figure-caption-font-size);
+  color: $figure-caption-color;
+}
diff --git a/_sass/bootstrap/scss/_input-group.scss b/_sass/bootstrap/scss/_input-group.scss
new file mode 100644
index 000000000..cad8ea367
--- /dev/null
+++ b/_sass/bootstrap/scss/_input-group.scss
@@ -0,0 +1,192 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Base styles
+//
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap; // For form validation feedback
+  align-items: stretch;
+  width: 100%;
+
+  > .form-control,
+  > .form-control-plaintext,
+  > .custom-select,
+  > .custom-file {
+    position: relative; // For focus state's z-index
+    flex: 1 1 auto;
+    width: 1%;
+    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size
+    margin-bottom: 0;
+
+    + .form-control,
+    + .custom-select,
+    + .custom-file {
+      margin-left: -$input-border-width;
+    }
+  }
+
+  // Bring the "active" form control to the top of surrounding elements
+  > .form-control:focus,
+  > .custom-select:focus,
+  > .custom-file .custom-file-input:focus ~ .custom-file-label {
+    z-index: 3;
+  }
+
+  // Bring the custom file input above the label
+  > .custom-file .custom-file-input:focus {
+    z-index: 4;
+  }
+
+  > .form-control,
+  > .custom-select {
+    &:not(:last-child) { @include border-right-radius(0); }
+    &:not(:first-child) { @include border-left-radius(0); }
+  }
+
+  // Custom file inputs have more complex markup, thus requiring different
+  // border-radius overrides.
+  > .custom-file {
+    display: flex;
+    align-items: center;
+
+    &:not(:last-child) .custom-file-label,
+    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
+    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }
+  }
+}
+
+
+// Prepend and append
+//
+// While it requires one extra layer of HTML for each, dedicated prepend and
+// append elements allow us to 1) be less clever, 2) simplify our selectors, and
+// 3) support HTML5 form validation.
+
+.input-group-prepend,
+.input-group-append {
+  display: flex;
+
+  // Ensure buttons are always above inputs for more visually pleasing borders.
+  // This isn't needed for `.input-group-text` since it shares the same border-color
+  // as our inputs.
+  .btn {
+    position: relative;
+    z-index: 2;
+
+    &:focus {
+      z-index: 3;
+    }
+  }
+
+  .btn + .btn,
+  .btn + .input-group-text,
+  .input-group-text + .input-group-text,
+  .input-group-text + .btn {
+    margin-left: -$input-border-width;
+  }
+}
+
+.input-group-prepend { margin-right: -$input-border-width; }
+.input-group-append { margin-left: -$input-border-width; }
+
+
+// Textual addons
+//
+// Serves as a catch-all element for any text or radio/checkbox input you wish
+// to prepend or append to an input.
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: $input-padding-y $input-padding-x;
+  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
+  @include font-size($input-font-size); // Match inputs
+  font-weight: $font-weight-normal;
+  line-height: $input-line-height;
+  color: $input-group-addon-color;
+  text-align: center;
+  white-space: nowrap;
+  background-color: $input-group-addon-bg;
+  border: $input-border-width solid $input-group-addon-border-color;
+  @include border-radius($input-border-radius);
+
+  // Nuke default margins from checkboxes and radios to vertically center within.
+  input[type="radio"],
+  input[type="checkbox"] {
+    margin-top: 0;
+  }
+}
+
+
+// Sizing
+//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
+
+.input-group-lg > .form-control:not(textarea),
+.input-group-lg > .custom-select {
+  height: $input-height-lg;
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+  padding: $input-padding-y-lg $input-padding-x-lg;
+  @include font-size($input-font-size-lg);
+  line-height: $input-line-height-lg;
+  @include border-radius($input-border-radius-lg);
+}
+
+.input-group-sm > .form-control:not(textarea),
+.input-group-sm > .custom-select {
+  height: $input-height-sm;
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+  padding: $input-padding-y-sm $input-padding-x-sm;
+  @include font-size($input-font-size-sm);
+  line-height: $input-line-height-sm;
+  @include border-radius($input-border-radius-sm);
+}
+
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;
+}
+
+
+// Prepend and append rounded corners
+//
+// These rulesets must come after the sizing ones to properly override sm and lg
+// border-radius values when extending. They're more specific than we'd like
+// with the `.input-group >` part, but without it, we cannot override the sizing.
+
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+  @include border-right-radius(0);
+}
+
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+  @include border-left-radius(0);
+}
diff --git a/_sass/bootstrap/scss/_jumbotron.scss b/_sass/bootstrap/scss/_jumbotron.scss
new file mode 100644
index 000000000..bcd7dcad9
--- /dev/null
+++ b/_sass/bootstrap/scss/_jumbotron.scss
@@ -0,0 +1,17 @@
+.jumbotron {
+  padding: $jumbotron-padding ($jumbotron-padding / 2);
+  margin-bottom: $jumbotron-padding;
+  color: $jumbotron-color;
+  background-color: $jumbotron-bg;
+  @include border-radius($border-radius-lg);
+
+  @include media-breakpoint-up(sm) {
+    padding: ($jumbotron-padding * 2) $jumbotron-padding;
+  }
+}
+
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0;
+  @include border-radius(0);
+}
diff --git a/_sass/bootstrap/scss/_list-group.scss b/_sass/bootstrap/scss/_list-group.scss
new file mode 100644
index 000000000..37c307e22
--- /dev/null
+++ b/_sass/bootstrap/scss/_list-group.scss
@@ -0,0 +1,154 @@
+// Base class
+//
+// Easily usable on <ul>, <ol>, or <div>.
+
+.list-group {
+  display: flex;
+  flex-direction: column;
+
+  // No need to set list-style: none; since .list-group-item is block level
+  padding-left: 0; // reset padding because ul and ol
+  margin-bottom: 0;
+  @include border-radius($list-group-border-radius);
+}
+
+
+// Interactive list items
+//
+// Use anchor or button elements instead of `li`s or `div`s to create interactive
+// list items. Includes an extra `.active` modifier class for selected items.
+
+.list-group-item-action {
+  width: 100%; // For `<button>`s (anchors become 100% by default though)
+  color: $list-group-action-color;
+  text-align: inherit; // For `<button>`s (anchors inherit)
+
+  // Hover state
+  @include hover-focus() {
+    z-index: 1; // Place hover/focus items above their siblings for proper border styling
+    color: $list-group-action-hover-color;
+    text-decoration: none;
+    background-color: $list-group-hover-bg;
+  }
+
+  &:active {
+    color: $list-group-action-active-color;
+    background-color: $list-group-action-active-bg;
+  }
+}
+
+
+// Individual list items
+//
+// Use on `li`s or `div`s within the `.list-group` parent.
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: $list-group-item-padding-y $list-group-item-padding-x;
+  color: $list-group-color;
+  text-decoration: if($link-decoration == none, null, none);
+  background-color: $list-group-bg;
+  border: $list-group-border-width solid $list-group-border-color;
+
+  &:first-child {
+    @include border-top-radius(inherit);
+  }
+
+  &:last-child {
+    @include border-bottom-radius(inherit);
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $list-group-disabled-color;
+    pointer-events: none;
+    background-color: $list-group-disabled-bg;
+  }
+
+  // Include both here for `<a>`s and `<button>`s
+  &.active {
+    z-index: 2; // Place active items above their siblings for proper border styling
+    color: $list-group-active-color;
+    background-color: $list-group-active-bg;
+    border-color: $list-group-active-border-color;
+  }
+
+  & + & {
+    border-top-width: 0;
+
+    &.active {
+      margin-top: -$list-group-border-width;
+      border-top-width: $list-group-border-width;
+    }
+  }
+}
+
+
+// Horizontal
+//
+// Change the layout of list group items from vertical (default) to horizontal.
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .list-group-horizontal#{$infix} {
+      flex-direction: row;
+
+      > .list-group-item {
+        &:first-child {
+          @include border-bottom-left-radius($list-group-border-radius);
+          @include border-top-right-radius(0);
+        }
+
+        &:last-child {
+          @include border-top-right-radius($list-group-border-radius);
+          @include border-bottom-left-radius(0);
+        }
+
+        &.active {
+          margin-top: 0;
+        }
+
+        & + .list-group-item {
+          border-top-width: $list-group-border-width;
+          border-left-width: 0;
+
+          &.active {
+            margin-left: -$list-group-border-width;
+            border-left-width: $list-group-border-width;
+          }
+        }
+      }
+    }
+  }
+}
+
+
+// Flush list items
+//
+// Remove borders and border-radius to keep list group items edge-to-edge. Most
+// useful within other components (e.g., cards).
+
+.list-group-flush {
+  @include border-radius(0);
+
+  > .list-group-item {
+    border-width: 0 0 $list-group-border-width;
+
+    &:last-child {
+      border-bottom-width: 0;
+    }
+  }
+}
+
+
+// Contextual variants
+//
+// Add modifier classes to change text and background color on individual items.
+// Organizationally, this must come after the `:hover` states.
+
+@each $color, $value in $theme-colors {
+  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
+}
diff --git a/_sass/bootstrap/scss/_media.scss b/_sass/bootstrap/scss/_media.scss
new file mode 100644
index 000000000..b573052c1
--- /dev/null
+++ b/_sass/bootstrap/scss/_media.scss
@@ -0,0 +1,8 @@
+.media {
+  display: flex;
+  align-items: flex-start;
+}
+
+.media-body {
+  flex: 1;
+}
diff --git a/_sass/bootstrap/scss/_mixins.scss b/_sass/bootstrap/scss/_mixins.scss
new file mode 100644
index 000000000..7e7a23d25
--- /dev/null
+++ b/_sass/bootstrap/scss/_mixins.scss
@@ -0,0 +1,47 @@
+// Toggles
+//
+// Used in conjunction with global variables to enable certain theme features.
+
+// Vendor
+@import "vendor/rfs";
+
+// Deprecate
+@import "mixins/deprecate";
+
+// Utilities
+@import "mixins/breakpoints";
+@import "mixins/hover";
+@import "mixins/image";
+@import "mixins/badge";
+@import "mixins/resize";
+@import "mixins/screen-reader";
+@import "mixins/size";
+@import "mixins/reset-text";
+@import "mixins/text-emphasis";
+@import "mixins/text-hide";
+@import "mixins/text-truncate";
+@import "mixins/visibility";
+
+// Components
+@import "mixins/alert";
+@import "mixins/buttons";
+@import "mixins/caret";
+@import "mixins/pagination";
+@import "mixins/lists";
+@import "mixins/list-group";
+@import "mixins/nav-divider";
+@import "mixins/forms";
+@import "mixins/table-row";
+
+// Skins
+@import "mixins/background-variant";
+@import "mixins/border-radius";
+@import "mixins/box-shadow";
+@import "mixins/gradients";
+@import "mixins/transition";
+
+// Layout
+@import "mixins/clearfix";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+@import "mixins/float";
diff --git a/_sass/bootstrap/scss/_modal.scss b/_sass/bootstrap/scss/_modal.scss
new file mode 100644
index 000000000..e43c70fbb
--- /dev/null
+++ b/_sass/bootstrap/scss/_modal.scss
@@ -0,0 +1,240 @@
+// .modal-open      - body class for killing the scroll
+// .modal           - container to scroll within
+// .modal-dialog    - positioning shell for the actual modal
+// .modal-content   - actual modal w/ bg and corners and stuff
+
+
+.modal-open {
+  // Kill the scroll on the body
+  overflow: hidden;
+
+  .modal {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+
+// Container that the modal scrolls within
+.modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: $zindex-modal;
+  display: none;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  // Prevent Chrome on Windows from adding a focus outline. For details, see
+  // https://github.com/twbs/bootstrap/pull/10951.
+  outline: 0;
+  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
+  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
+  // See also https://github.com/twbs/bootstrap/issues/17695
+}
+
+// Shell div to position the modal with bottom padding
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: $modal-dialog-margin;
+  // allow clicks to pass through for custom click handling to close modal
+  pointer-events: none;
+
+  // When fading in the modal, animate it to slide down
+  .modal.fade & {
+    @include transition($modal-transition);
+    transform: $modal-fade-transform;
+  }
+  .modal.show & {
+    transform: $modal-show-transform;
+  }
+
+  // When trying to close, animate focus to scale
+  .modal.modal-static & {
+    transform: $modal-scale-transform;
+  }
+}
+
+.modal-dialog-scrollable {
+  display: flex; // IE10/11
+  max-height: subtract(100%, $modal-dialog-margin * 2);
+
+  .modal-content {
+    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11
+    overflow: hidden;
+  }
+
+  .modal-header,
+  .modal-footer {
+    flex-shrink: 0;
+  }
+
+  .modal-body {
+    overflow-y: auto;
+  }
+}
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: subtract(100%, $modal-dialog-margin * 2);
+
+  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
+  &::before {
+    display: block; // IE10
+    height: subtract(100vh, $modal-dialog-margin * 2);
+    height: min-content; // Reset height to 0 except on IE
+    content: "";
+  }
+
+  // Ensure `.modal-body` shows scrollbar (IE10/11)
+  &.modal-dialog-scrollable {
+    flex-direction: column;
+    justify-content: center;
+    height: 100%;
+
+    .modal-content {
+      max-height: none;
+    }
+
+    &::before {
+      content: none;
+    }
+  }
+}
+
+// Actual modal
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
+  // counteract the pointer-events: none; in the .modal-dialog
+  color: $modal-content-color;
+  pointer-events: auto;
+  background-color: $modal-content-bg;
+  background-clip: padding-box;
+  border: $modal-content-border-width solid $modal-content-border-color;
+  @include border-radius($modal-content-border-radius);
+  @include box-shadow($modal-content-box-shadow-xs);
+  // Remove focus outline from opened modal
+  outline: 0;
+}
+
+// Modal background
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: $zindex-modal-backdrop;
+  width: 100vw;
+  height: 100vh;
+  background-color: $modal-backdrop-bg;
+
+  // Fade for backdrop
+  &.fade { opacity: 0; }
+  &.show { opacity: $modal-backdrop-opacity; }
+}
+
+// Modal header
+// Top section of the modal w/ title and dismiss
+.modal-header {
+  display: flex;
+  align-items: flex-start; // so the close btn always stays on the upper right corner
+  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
+  padding: $modal-header-padding;
+  border-bottom: $modal-header-border-width solid $modal-header-border-color;
+  @include border-top-radius($modal-content-inner-border-radius);
+
+  .close {
+    padding: $modal-header-padding;
+    // auto on the left force icon to the right even when there is no .modal-title
+    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;
+  }
+}
+
+// Title text within header
+.modal-title {
+  margin-bottom: 0;
+  line-height: $modal-title-line-height;
+}
+
+// Modal body
+// Where all modal content resides (sibling of .modal-header and .modal-footer)
+.modal-body {
+  position: relative;
+  // Enable `flex-grow: 1` so that the body take up as much space as possible
+  // when there should be a fixed height on `.modal-dialog`.
+  flex: 1 1 auto;
+  padding: $modal-inner-padding;
+}
+
+// Footer (for actions)
+.modal-footer {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center; // vertically center
+  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
+  padding: $modal-inner-padding - $modal-footer-margin-between / 2;
+  border-top: $modal-footer-border-width solid $modal-footer-border-color;
+  @include border-bottom-radius($modal-content-inner-border-radius);
+
+  // Place margin between footer elements
+  // This solution is far from ideal because of the universal selector usage,
+  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800
+  > * {
+    margin: $modal-footer-margin-between / 2;
+  }
+}
+
+// Measure scrollbar width for padding body during modal show/hide
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+// Scale up the modal
+@include media-breakpoint-up(sm) {
+  // Automatically set modal's width for larger viewports
+  .modal-dialog {
+    max-width: $modal-md;
+    margin: $modal-dialog-margin-y-sm-up auto;
+  }
+
+  .modal-dialog-scrollable {
+    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
+
+    .modal-content {
+      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
+    }
+  }
+
+  .modal-dialog-centered {
+    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
+
+    &::before {
+      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
+      height: min-content;
+    }
+  }
+
+  .modal-content {
+    @include box-shadow($modal-content-box-shadow-sm-up);
+  }
+
+  .modal-sm { max-width: $modal-sm; }
+}
+
+@include media-breakpoint-up(lg) {
+  .modal-lg,
+  .modal-xl {
+    max-width: $modal-lg;
+  }
+}
+
+@include media-breakpoint-up(xl) {
+  .modal-xl { max-width: $modal-xl; }
+}
diff --git a/_sass/bootstrap/scss/_nav.scss b/_sass/bootstrap/scss/_nav.scss
new file mode 100644
index 000000000..d866c9841
--- /dev/null
+++ b/_sass/bootstrap/scss/_nav.scss
@@ -0,0 +1,123 @@
+// Base class
+//
+// Kickstart any navigation component with a set of style resets. Works with
+// `<nav>`s, `<ul>`s or `<ol>`s.
+
+.nav {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.nav-link {
+  display: block;
+  padding: $nav-link-padding-y $nav-link-padding-x;
+  text-decoration: if($link-decoration == none, null, none);
+
+  @include hover-focus() {
+    text-decoration: none;
+  }
+
+  // Disabled state lightens text
+  &.disabled {
+    color: $nav-link-disabled-color;
+    pointer-events: none;
+    cursor: default;
+  }
+}
+
+//
+// Tabs
+//
+
+.nav-tabs {
+  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
+
+  .nav-item {
+    margin-bottom: -$nav-tabs-border-width;
+  }
+
+  .nav-link {
+    border: $nav-tabs-border-width solid transparent;
+    @include border-top-radius($nav-tabs-border-radius);
+
+    @include hover-focus() {
+      border-color: $nav-tabs-link-hover-border-color;
+    }
+
+    &.disabled {
+      color: $nav-link-disabled-color;
+      background-color: transparent;
+      border-color: transparent;
+    }
+  }
+
+  .nav-link.active,
+  .nav-item.show .nav-link {
+    color: $nav-tabs-link-active-color;
+    background-color: $nav-tabs-link-active-bg;
+    border-color: $nav-tabs-link-active-border-color;
+  }
+
+  .dropdown-menu {
+    // Make dropdown border overlap tab border
+    margin-top: -$nav-tabs-border-width;
+    // Remove the top rounded corners here since there is a hard edge above the menu
+    @include border-top-radius(0);
+  }
+}
+
+
+//
+// Pills
+//
+
+.nav-pills {
+  .nav-link {
+    @include border-radius($nav-pills-border-radius);
+  }
+
+  .nav-link.active,
+  .show > .nav-link {
+    color: $nav-pills-link-active-color;
+    background-color: $nav-pills-link-active-bg;
+  }
+}
+
+
+//
+// Justified variants
+//
+
+.nav-fill {
+  > .nav-link,
+  .nav-item {
+    flex: 1 1 auto;
+    text-align: center;
+  }
+}
+
+.nav-justified {
+  > .nav-link,
+  .nav-item {
+    flex-basis: 0;
+    flex-grow: 1;
+    text-align: center;
+  }
+}
+
+
+// Tabbable tabs
+//
+// Hide tabbable panes to start, show them when `.active`
+
+.tab-content {
+  > .tab-pane {
+    display: none;
+  }
+  > .active {
+    display: block;
+  }
+}
diff --git a/_sass/bootstrap/scss/_navbar.scss b/_sass/bootstrap/scss/_navbar.scss
new file mode 100644
index 000000000..5f10a62f1
--- /dev/null
+++ b/_sass/bootstrap/scss/_navbar.scss
@@ -0,0 +1,324 @@
+// Contents
+//
+// Navbar
+// Navbar brand
+// Navbar nav
+// Navbar text
+// Navbar divider
+// Responsive navbar
+// Navbar position
+// Navbar themes
+
+
+// Navbar
+//
+// Provide a static navbar from which we expand to create full-width, fixed, and
+// other navbar variations.
+
+.navbar {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap; // allow us to do the line break for collapsing content
+  align-items: center;
+  justify-content: space-between; // space out brand from logo
+  padding: $navbar-padding-y $navbar-padding-x;
+
+  // Because flex properties aren't inherited, we need to redeclare these first
+  // few properties so that content nested within behave properly.
+  %container-flex-properties {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .container,
+  .container-fluid {
+    @extend %container-flex-properties;
+  }
+
+  @each $breakpoint, $container-max-width in $container-max-widths {
+    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
+      @extend %container-flex-properties;
+    }
+  }
+}
+
+
+// Navbar brand
+//
+// Used for brand, project, or site names.
+
+.navbar-brand {
+  display: inline-block;
+  padding-top: $navbar-brand-padding-y;
+  padding-bottom: $navbar-brand-padding-y;
+  margin-right: $navbar-padding-x;
+  @include font-size($navbar-brand-font-size);
+  line-height: inherit;
+  white-space: nowrap;
+
+  @include hover-focus() {
+    text-decoration: none;
+  }
+}
+
+
+// Navbar nav
+//
+// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
+
+.navbar-nav {
+  display: flex;
+  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+
+  .nav-link {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  .dropdown-menu {
+    position: static;
+    float: none;
+  }
+}
+
+
+// Navbar text
+//
+//
+
+.navbar-text {
+  display: inline-block;
+  padding-top: $nav-link-padding-y;
+  padding-bottom: $nav-link-padding-y;
+}
+
+
+// Responsive navbar
+//
+// Custom styles for responsive collapsing and toggling of navbar contents.
+// Powered by the collapse Bootstrap JavaScript plugin.
+
+// When collapsed, prevent the toggleable navbar contents from appearing in
+// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
+// on the `.navbar` parent.
+.navbar-collapse {
+  flex-basis: 100%;
+  flex-grow: 1;
+  // For always expanded or extra full navbars, ensure content aligns itself
+  // properly vertically. Can be easily overridden with flex utilities.
+  align-items: center;
+}
+
+// Button for toggling the navbar when in its collapsed state
+.navbar-toggler {
+  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
+  @include font-size($navbar-toggler-font-size);
+  line-height: 1;
+  background-color: transparent; // remove default button style
+  border: $border-width solid transparent; // remove default button style
+  @include border-radius($navbar-toggler-border-radius);
+
+  @include hover-focus() {
+    text-decoration: none;
+  }
+}
+
+// Keep as a separate element so folks can easily override it with another icon
+// or image file as needed.
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: no-repeat center center;
+  background-size: 100% 100%;
+}
+
+// Generate series of `.navbar-expand-*` responsive classes for configuring
+// where your navbar collapses.
+.navbar-expand {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    $next: breakpoint-next($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($next, $grid-breakpoints);
+
+    &#{$infix} {
+      @include media-breakpoint-down($breakpoint) {
+        %container-navbar-expand-#{$breakpoint} {
+          padding-right: 0;
+          padding-left: 0;
+        }
+
+        > .container,
+        > .container-fluid {
+          @extend %container-navbar-expand-#{$breakpoint};
+        }
+
+        @each $size, $container-max-width in $container-max-widths {
+          > .container#{breakpoint-infix($size, $container-max-widths)} {
+            @extend %container-navbar-expand-#{$breakpoint};
+          }
+        }
+      }
+
+      @include media-breakpoint-up($next) {
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+
+        .navbar-nav {
+          flex-direction: row;
+
+          .dropdown-menu {
+            position: absolute;
+          }
+
+          .nav-link {
+            padding-right: $navbar-nav-link-padding-x;
+            padding-left: $navbar-nav-link-padding-x;
+          }
+        }
+
+        // For nesting containers, have to redeclare for alignment purposes
+        %container-nesting-#{$breakpoint} {
+          flex-wrap: nowrap;
+        }
+
+        > .container,
+        > .container-fluid {
+          @extend %container-nesting-#{$breakpoint};
+        }
+
+        @each $size, $container-max-width in $container-max-widths {
+          > .container#{breakpoint-infix($size, $container-max-widths)} {
+            @extend %container-nesting-#{$breakpoint};
+          }
+        }
+
+        .navbar-collapse {
+          display: flex !important; // stylelint-disable-line declaration-no-important
+
+          // Changes flex-bases to auto because of an IE10 bug
+          flex-basis: auto;
+        }
+
+        .navbar-toggler {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+
+// Navbar themes
+//
+// Styles for switching between navbars with light or dark background.
+
+// Dark links against a light background
+.navbar-light {
+  .navbar-brand {
+    color: $navbar-light-brand-color;
+
+    @include hover-focus() {
+      color: $navbar-light-brand-hover-color;
+    }
+  }
+
+  .navbar-nav {
+    .nav-link {
+      color: $navbar-light-color;
+
+      @include hover-focus() {
+        color: $navbar-light-hover-color;
+      }
+
+      &.disabled {
+        color: $navbar-light-disabled-color;
+      }
+    }
+
+    .show > .nav-link,
+    .active > .nav-link,
+    .nav-link.show,
+    .nav-link.active {
+      color: $navbar-light-active-color;
+    }
+  }
+
+  .navbar-toggler {
+    color: $navbar-light-color;
+    border-color: $navbar-light-toggler-border-color;
+  }
+
+  .navbar-toggler-icon {
+    background-image: escape-svg($navbar-light-toggler-icon-bg);
+  }
+
+  .navbar-text {
+    color: $navbar-light-color;
+    a {
+      color: $navbar-light-active-color;
+
+      @include hover-focus() {
+        color: $navbar-light-active-color;
+      }
+    }
+  }
+}
+
+// White links against a dark background
+.navbar-dark {
+  .navbar-brand {
+    color: $navbar-dark-brand-color;
+
+    @include hover-focus() {
+      color: $navbar-dark-brand-hover-color;
+    }
+  }
+
+  .navbar-nav {
+    .nav-link {
+      color: $navbar-dark-color;
+
+      @include hover-focus() {
+        color: $navbar-dark-hover-color;
+      }
+
+      &.disabled {
+        color: $navbar-dark-disabled-color;
+      }
+    }
+
+    .show > .nav-link,
+    .active > .nav-link,
+    .nav-link.show,
+    .nav-link.active {
+      color: $navbar-dark-active-color;
+    }
+  }
+
+  .navbar-toggler {
+    color: $navbar-dark-color;
+    border-color: $navbar-dark-toggler-border-color;
+  }
+
+  .navbar-toggler-icon {
+    background-image: escape-svg($navbar-dark-toggler-icon-bg);
+  }
+
+  .navbar-text {
+    color: $navbar-dark-color;
+    a {
+      color: $navbar-dark-active-color;
+
+      @include hover-focus() {
+        color: $navbar-dark-active-color;
+      }
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/_pagination.scss b/_sass/bootstrap/scss/_pagination.scss
new file mode 100644
index 000000000..d7d553cca
--- /dev/null
+++ b/_sass/bootstrap/scss/_pagination.scss
@@ -0,0 +1,74 @@
+.pagination {
+  display: flex;
+  @include list-unstyled();
+  @include border-radius();
+}
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: $pagination-padding-y $pagination-padding-x;
+  margin-left: -$pagination-border-width;
+  line-height: $pagination-line-height;
+  color: $pagination-color;
+  text-decoration: if($link-decoration == none, null, none);
+  background-color: $pagination-bg;
+  border: $pagination-border-width solid $pagination-border-color;
+
+  &:hover {
+    z-index: 2;
+    color: $pagination-hover-color;
+    text-decoration: none;
+    background-color: $pagination-hover-bg;
+    border-color: $pagination-hover-border-color;
+  }
+
+  &:focus {
+    z-index: 3;
+    outline: $pagination-focus-outline;
+    box-shadow: $pagination-focus-box-shadow;
+  }
+}
+
+.page-item {
+  &:first-child {
+    .page-link {
+      margin-left: 0;
+      @include border-left-radius($border-radius);
+    }
+  }
+  &:last-child {
+    .page-link {
+      @include border-right-radius($border-radius);
+    }
+  }
+
+  &.active .page-link {
+    z-index: 3;
+    color: $pagination-active-color;
+    background-color: $pagination-active-bg;
+    border-color: $pagination-active-border-color;
+  }
+
+  &.disabled .page-link {
+    color: $pagination-disabled-color;
+    pointer-events: none;
+    // Opinionated: remove the "hand" cursor set previously for .page-link
+    cursor: auto;
+    background-color: $pagination-disabled-bg;
+    border-color: $pagination-disabled-border-color;
+  }
+}
+
+
+//
+// Sizing
+//
+
+.pagination-lg {
+  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
+}
+
+.pagination-sm {
+  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
+}
diff --git a/_sass/bootstrap/scss/_popover.scss b/_sass/bootstrap/scss/_popover.scss
new file mode 100644
index 000000000..0ad76af3e
--- /dev/null
+++ b/_sass/bootstrap/scss/_popover.scss
@@ -0,0 +1,170 @@
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: $zindex-popover;
+  display: block;
+  max-width: $popover-max-width;
+  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
+  // So reset our font and text properties to avoid inheriting weird values.
+  @include reset-text();
+  @include font-size($popover-font-size);
+  // Allow breaking very long words so they don't overflow the popover's bounds
+  word-wrap: break-word;
+  background-color: $popover-bg;
+  background-clip: padding-box;
+  border: $popover-border-width solid $popover-border-color;
+  @include border-radius($popover-border-radius);
+  @include box-shadow($popover-box-shadow);
+
+  .arrow {
+    position: absolute;
+    display: block;
+    width: $popover-arrow-width;
+    height: $popover-arrow-height;
+    margin: 0 $popover-border-radius;
+
+    &::before,
+    &::after {
+      position: absolute;
+      display: block;
+      content: "";
+      border-color: transparent;
+      border-style: solid;
+    }
+  }
+}
+
+.bs-popover-top {
+  margin-bottom: $popover-arrow-height;
+
+  > .arrow {
+    bottom: subtract(-$popover-arrow-height, $popover-border-width);
+
+    &::before {
+      bottom: 0;
+      border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
+      border-top-color: $popover-arrow-outer-color;
+    }
+
+    &::after {
+      bottom: $popover-border-width;
+      border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
+      border-top-color: $popover-arrow-color;
+    }
+  }
+}
+
+.bs-popover-right {
+  margin-left: $popover-arrow-height;
+
+  > .arrow {
+    left: subtract(-$popover-arrow-height, $popover-border-width);
+    width: $popover-arrow-height;
+    height: $popover-arrow-width;
+    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
+
+    &::before {
+      left: 0;
+      border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
+      border-right-color: $popover-arrow-outer-color;
+    }
+
+    &::after {
+      left: $popover-border-width;
+      border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
+      border-right-color: $popover-arrow-color;
+    }
+  }
+}
+
+.bs-popover-bottom {
+  margin-top: $popover-arrow-height;
+
+  > .arrow {
+    top: subtract(-$popover-arrow-height, $popover-border-width);
+
+    &::before {
+      top: 0;
+      border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
+      border-bottom-color: $popover-arrow-outer-color;
+    }
+
+    &::after {
+      top: $popover-border-width;
+      border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
+      border-bottom-color: $popover-arrow-color;
+    }
+  }
+
+  // This will remove the popover-header's border just below the arrow
+  .popover-header::before {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: block;
+    width: $popover-arrow-width;
+    margin-left: -$popover-arrow-width / 2;
+    content: "";
+    border-bottom: $popover-border-width solid $popover-header-bg;
+  }
+}
+
+.bs-popover-left {
+  margin-right: $popover-arrow-height;
+
+  > .arrow {
+    right: subtract(-$popover-arrow-height, $popover-border-width);
+    width: $popover-arrow-height;
+    height: $popover-arrow-width;
+    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
+
+    &::before {
+      right: 0;
+      border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
+      border-left-color: $popover-arrow-outer-color;
+    }
+
+    &::after {
+      right: $popover-border-width;
+      border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
+      border-left-color: $popover-arrow-color;
+    }
+  }
+}
+
+.bs-popover-auto {
+  &[x-placement^="top"] {
+    @extend .bs-popover-top;
+  }
+  &[x-placement^="right"] {
+    @extend .bs-popover-right;
+  }
+  &[x-placement^="bottom"] {
+    @extend .bs-popover-bottom;
+  }
+  &[x-placement^="left"] {
+    @extend .bs-popover-left;
+  }
+}
+
+
+// Offset the popover to account for the popover arrow
+.popover-header {
+  padding: $popover-header-padding-y $popover-header-padding-x;
+  margin-bottom: 0; // Reset the default from Reboot
+  @include font-size($font-size-base);
+  color: $popover-header-color;
+  background-color: $popover-header-bg;
+  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
+  @include border-top-radius($popover-inner-border-radius);
+
+  &:empty {
+    display: none;
+  }
+}
+
+.popover-body {
+  padding: $popover-body-padding-y $popover-body-padding-x;
+  color: $popover-body-color;
+}
diff --git a/_sass/bootstrap/scss/_print.scss b/_sass/bootstrap/scss/_print.scss
new file mode 100644
index 000000000..8f73024a8
--- /dev/null
+++ b/_sass/bootstrap/scss/_print.scss
@@ -0,0 +1,141 @@
+// stylelint-disable declaration-no-important, selector-no-qualifying-type
+
+// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css
+
+// ==========================================================================
+// Print styles.
+// Inlined to avoid the additional HTTP request:
+// https://www.phpied.com/delay-loading-your-print-css/
+// ==========================================================================
+
+@if $enable-print-styles {
+  @media print {
+    *,
+    *::before,
+    *::after {
+      // Bootstrap specific; comment out `color` and `background`
+      //color: $black !important; // Black prints faster
+      text-shadow: none !important;
+      //background: transparent !important;
+      box-shadow: none !important;
+    }
+
+    a {
+      &:not(.btn) {
+        text-decoration: underline;
+      }
+    }
+
+    // Bootstrap specific; comment the following selector out
+    //a[href]::after {
+    //  content: " (" attr(href) ")";
+    //}
+
+    abbr[title]::after {
+      content: " (" attr(title) ")";
+    }
+
+    // Bootstrap specific; comment the following selector out
+    //
+    // Don't show links that are fragment identifiers,
+    // or use the `javascript:` pseudo protocol
+    //
+
+    //a[href^="#"]::after,
+    //a[href^="javascript:"]::after {
+    // content: "";
+    //}
+
+    pre {
+      white-space: pre-wrap !important;
+    }
+    pre,
+    blockquote {
+      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
+      page-break-inside: avoid;
+    }
+
+    //
+    // Printing Tables:
+    // https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
+    //
+
+    thead {
+      display: table-header-group;
+    }
+
+    tr,
+    img {
+      page-break-inside: avoid;
+    }
+
+    p,
+    h2,
+    h3 {
+      orphans: 3;
+      widows: 3;
+    }
+
+    h2,
+    h3 {
+      page-break-after: avoid;
+    }
+
+    // Bootstrap specific changes start
+
+    // Specify a size and min-width to make printing closer across browsers.
+    // We don't set margin here because it breaks `size` in Chrome. We also
+    // don't use `!important` on `size` as it breaks in Chrome.
+    @page {
+      size: $print-page-size;
+    }
+    body {
+      min-width: $print-body-min-width !important;
+    }
+    .container {
+      min-width: $print-body-min-width !important;
+    }
+
+    // Bootstrap components
+    .navbar {
+      display: none;
+    }
+    .badge {
+      border: $border-width solid $black;
+    }
+
+    .table {
+      border-collapse: collapse !important;
+
+      td,
+      th {
+        background-color: $white !important;
+      }
+    }
+
+    .table-bordered {
+      th,
+      td {
+        border: 1px solid $gray-300 !important;
+      }
+    }
+
+    .table-dark {
+      color: inherit;
+
+      th,
+      td,
+      thead th,
+      tbody + tbody {
+        border-color: $table-border-color;
+      }
+    }
+
+    .table .thead-dark th {
+      color: inherit;
+      border-color: $table-border-color;
+    }
+
+    // Bootstrap specific changes end
+  }
+}
diff --git a/_sass/bootstrap/scss/_progress.scss b/_sass/bootstrap/scss/_progress.scss
new file mode 100644
index 000000000..1a037045a
--- /dev/null
+++ b/_sass/bootstrap/scss/_progress.scss
@@ -0,0 +1,47 @@
+// Disable animation if transitions are disabled
+@if $enable-transitions {
+  @keyframes progress-bar-stripes {
+    from { background-position: $progress-height 0; }
+    to { background-position: 0 0; }
+  }
+}
+
+.progress {
+  display: flex;
+  height: $progress-height;
+  overflow: hidden; // force rounded corners by cropping it
+  line-height: 0;
+  @include font-size($progress-font-size);
+  background-color: $progress-bg;
+  @include border-radius($progress-border-radius);
+  @include box-shadow($progress-box-shadow);
+}
+
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  color: $progress-bar-color;
+  text-align: center;
+  white-space: nowrap;
+  background-color: $progress-bar-bg;
+  @include transition($progress-bar-transition);
+}
+
+.progress-bar-striped {
+  @include gradient-striped();
+  background-size: $progress-height $progress-height;
+}
+
+@if $enable-transitions {
+  .progress-bar-animated {
+    animation: progress-bar-stripes $progress-bar-animation-timing;
+
+    @if $enable-prefers-reduced-motion-media-query {
+      @media (prefers-reduced-motion: reduce) {
+        animation: none;
+      }
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/_reboot.scss b/_sass/bootstrap/scss/_reboot.scss
new file mode 100644
index 000000000..4444ff0f0
--- /dev/null
+++ b/_sass/bootstrap/scss/_reboot.scss
@@ -0,0 +1,480 @@
+// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
+
+// Reboot
+//
+// Normalization of HTML elements, manually forked from Normalize.css to remove
+// styles targeting irrelevant browsers while applying new styles.
+//
+// Normalize is licensed MIT. https://github.com/necolas/normalize.css
+
+
+// Document
+//
+// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
+// 2. Change the default font family in all browsers.
+// 3. Correct the line height in all browsers.
+// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
+// 5. Change the default tap highlight to be completely transparent in iOS.
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box; // 1
+}
+
+html {
+  font-family: sans-serif; // 2
+  line-height: 1.15; // 3
+  -webkit-text-size-adjust: 100%; // 4
+  -webkit-tap-highlight-color: rgba($black, 0); // 5
+}
+
+// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
+// TODO: remove in v5
+// stylelint-disable-next-line selector-list-comma-newline-after
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
+// Body
+//
+// 1. Remove the margin in all browsers.
+// 2. As a best practice, apply a default `background-color`.
+// 3. Set an explicit initial text-align value so that we can later use
+//    the `inherit` value on things like `<th>` elements.
+
+body {
+  margin: 0; // 1
+  font-family: $font-family-base;
+  @include font-size($font-size-base);
+  font-weight: $font-weight-base;
+  line-height: $line-height-base;
+  color: $body-color;
+  text-align: left; // 3
+  background-color: $body-bg; // 2
+}
+
+// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
+// on elements that programmatically receive focus but wouldn't normally show a visible
+// focus outline. In general, this would mean that the outline is only applied if the
+// interaction that led to the element receiving programmatic focus was a keyboard interaction,
+// or the browser has somehow determined that the user is primarily a keyboard user and/or
+// wants focus outlines to always be presented.
+//
+// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
+// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
+}
+
+
+// Content grouping
+//
+// 1. Add the correct box sizing in Firefox.
+// 2. Show the overflow in Edge and IE.
+
+hr {
+  box-sizing: content-box; // 1
+  height: 0; // 1
+  overflow: visible; // 2
+}
+
+
+//
+// Typography
+//
+
+// Remove top margins from headings
+//
+// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
+// margin for easier control within type scales as it avoids margin collapsing.
+// stylelint-disable-next-line selector-list-comma-newline-after
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: $headings-margin-bottom;
+}
+
+// Reset margins on paragraphs
+//
+// Similarly, the top margin on `<p>`s get reset. However, we also reset the
+// bottom margin to use `rem` units instead of `em`.
+p {
+  margin-top: 0;
+  margin-bottom: $paragraph-margin-bottom;
+}
+
+// Abbreviations
+//
+// 1. Duplicate behavior to the data-* attribute for our tooltip plugin
+// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+// 3. Add explicit cursor to indicate changed behavior.
+// 4. Remove the bottom border in Firefox 39-.
+// 5. Prevent the text-decoration to be skipped.
+
+abbr[title],
+abbr[data-original-title] { // 1
+  text-decoration: underline; // 2
+  text-decoration: underline dotted; // 2
+  cursor: help; // 3
+  border-bottom: 0; // 4
+  text-decoration-skip-ink: none; // 5
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: $dt-font-weight;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0; // Undo browser default
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari
+}
+
+small {
+  @include font-size(80%); // Add the correct font size in all browsers
+}
+
+//
+// Prevent `sub` and `sup` elements from affecting the line height in
+// all browsers.
+//
+
+sub,
+sup {
+  position: relative;
+  @include font-size(75%);
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub { bottom: -.25em; }
+sup { top: -.5em; }
+
+
+//
+// Links
+//
+
+a {
+  color: $link-color;
+  text-decoration: $link-decoration;
+  background-color: transparent; // Remove the gray background on active links in IE 10.
+
+  @include hover() {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+  }
+}
+
+// And undo these styles for placeholder links/named anchors (without href).
+// It would be more straightforward to just use a[href] in previous block, but that
+// causes specificity issues in many other styles that are too complex to fix.
+// See https://github.com/twbs/bootstrap/issues/19402
+
+a:not([href]):not([class]) {
+  color: inherit;
+  text-decoration: none;
+
+  @include hover() {
+    color: inherit;
+    text-decoration: none;
+  }
+}
+
+
+//
+// Code
+//
+
+pre,
+code,
+kbd,
+samp {
+  font-family: $font-family-monospace;
+  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.
+}
+
+pre {
+  // Remove browser default top margin
+  margin-top: 0;
+  // Reset browser default of `1em` to use `rem`s
+  margin-bottom: 1rem;
+  // Don't allow content to break outside
+  overflow: auto;
+  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,
+  // making it impossible to interact with the content
+  -ms-overflow-style: scrollbar;
+}
+
+
+//
+// Figures
+//
+
+figure {
+  // Apply a consistent margin strategy (matches our type styles).
+  margin: 0 0 1rem;
+}
+
+
+//
+// Images and content
+//
+
+img {
+  vertical-align: middle;
+  border-style: none; // Remove the border on images inside links in IE 10-.
+}
+
+svg {
+  // Workaround for the SVG overflow bug in IE10/11 is still required.
+  // See https://github.com/twbs/bootstrap/issues/26878
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+
+//
+// Tables
+//
+
+table {
+  border-collapse: collapse; // Prevent double borders
+}
+
+caption {
+  padding-top: $table-cell-padding;
+  padding-bottom: $table-cell-padding;
+  color: $table-caption-color;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  // Matches default `<td>` alignment by inheriting from the `<body>`, or the
+  // closest parent with a set `text-align`.
+  text-align: inherit;
+}
+
+
+//
+// Forms
+//
+
+label {
+  // Allow labels to use `margin` for spacing.
+  display: inline-block;
+  margin-bottom: $label-margin-bottom;
+}
+
+// Remove the default `border-radius` that macOS Chrome adds.
+//
+// Details at https://github.com/twbs/bootstrap/issues/24093
+button {
+  // stylelint-disable-next-line property-blacklist
+  border-radius: 0;
+}
+
+// Work around a Firefox/IE bug where the transparent `button` background
+// results in a loss of the default `button` focus styles.
+//
+// Credit: https://github.com/suitcss/base/
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0; // Remove the margin in Firefox and Safari
+  font-family: inherit;
+  @include font-size(inherit);
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible; // Show the overflow in Edge
+}
+
+button,
+select {
+  text-transform: none; // Remove the inheritance of text transform in Firefox
+}
+
+// Set the cursor for non-`<button>` buttons
+//
+// Details at https://github.com/twbs/bootstrap/pull/30562
+[role="button"] {
+  cursor: pointer;
+}
+
+// Remove the inheritance of word-wrap in Safari.
+//
+// Details at https://github.com/twbs/bootstrap/issues/24990
+select {
+  word-wrap: normal;
+}
+
+
+// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+//    controls in Android 4.
+// 2. Correct the inability to style clickable types in iOS and Safari.
+button,
+[type="button"], // 1
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; // 2
+}
+
+// Opinionated: add "hand" cursor to non-disabled button elements.
+@if $enable-pointer-cursor-for-buttons {
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    &:not(:disabled) {
+      cursor: pointer;
+    }
+  }
+}
+
+// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
+  padding: 0; // 2. Remove the padding in IE 10-
+}
+
+
+textarea {
+  overflow: auto; // Remove the default vertical scrollbar in IE.
+  // Textareas should really only resize vertically so they don't break their (horizontal) containers.
+  resize: vertical;
+}
+
+fieldset {
+  // Browsers set a default `min-width: min-content;` on fieldsets,
+  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.
+  // So we reset that to ensure fieldsets behave more like a standard block element.
+  // See https://github.com/twbs/bootstrap/issues/12359
+  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
+  min-width: 0;
+  // Reset the default outline behavior of fieldsets so they don't affect page layout.
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+// 1. Correct the text wrapping in Edge and IE.
+// 2. Correct the color inheritance from `fieldset` elements in IE.
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%; // 1
+  padding: 0;
+  margin-bottom: .5rem;
+  @include font-size(1.5rem);
+  line-height: inherit;
+  color: inherit; // 2
+  white-space: normal; // 1
+}
+
+progress {
+  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
+}
+
+// Correct the cursor style of increment and decrement buttons in Chrome.
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  // This overrides the extra rounded corners on search inputs in iOS so that our
+  // `.form-control` class can properly style them. Note that this cannot simply
+  // be added to `.form-control` as it's not specific enough. For details, see
+  // https://github.com/twbs/bootstrap/issues/11586.
+  outline-offset: -2px; // 2. Correct the outline style in Safari.
+  -webkit-appearance: none;
+}
+
+//
+// Remove the inner padding in Chrome and Safari on macOS.
+//
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+//
+// 1. Correct the inability to style clickable types in iOS and Safari.
+// 2. Change font properties to `inherit` in Safari.
+//
+
+::-webkit-file-upload-button {
+  font: inherit; // 2
+  -webkit-appearance: button; // 1
+}
+
+//
+// Correct element displays
+//
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item; // Add the correct display in all browsers
+  cursor: pointer;
+}
+
+template {
+  display: none; // Add the correct display in IE
+}
+
+// Always hide an element with the `hidden` HTML attribute (from PureCSS).
+// Needed for proper display in IE 10-.
+[hidden] {
+  display: none !important;
+}
diff --git a/_sass/bootstrap/scss/_root.scss b/_sass/bootstrap/scss/_root.scss
new file mode 100644
index 000000000..8110030c6
--- /dev/null
+++ b/_sass/bootstrap/scss/_root.scss
@@ -0,0 +1,20 @@
+// Do not forget to update getting-started/theming.md!
+:root {
+  // Custom variable values only support SassScript inside `#{}`.
+  @each $color, $value in $colors {
+    --#{$color}: #{$value};
+  }
+
+  @each $color, $value in $theme-colors {
+    --#{$color}: #{$value};
+  }
+
+  @each $bp, $value in $grid-breakpoints {
+    --breakpoint-#{$bp}: #{$value};
+  }
+
+  // Use `inspect` for lists so that quoted items keep the quotes.
+  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
+  --font-family-sans-serif: #{inspect($font-family-sans-serif)};
+  --font-family-monospace: #{inspect($font-family-monospace)};
+}
diff --git a/_sass/bootstrap/scss/_spinners.scss b/_sass/bootstrap/scss/_spinners.scss
new file mode 100644
index 000000000..27c9241a7
--- /dev/null
+++ b/_sass/bootstrap/scss/_spinners.scss
@@ -0,0 +1,56 @@
+//
+// Rotating border
+//
+
+@keyframes spinner-border {
+  to { transform: rotate(360deg); }
+}
+
+.spinner-border {
+  display: inline-block;
+  width: $spinner-width;
+  height: $spinner-height;
+  vertical-align: text-bottom;
+  border: $spinner-border-width solid currentColor;
+  border-right-color: transparent;
+  // stylelint-disable-next-line property-blacklist
+  border-radius: 50%;
+  animation: spinner-border .75s linear infinite;
+}
+
+.spinner-border-sm {
+  width: $spinner-width-sm;
+  height: $spinner-height-sm;
+  border-width: $spinner-border-width-sm;
+}
+
+//
+// Growing circle
+//
+
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.spinner-grow {
+  display: inline-block;
+  width: $spinner-width;
+  height: $spinner-height;
+  vertical-align: text-bottom;
+  background-color: currentColor;
+  // stylelint-disable-next-line property-blacklist
+  border-radius: 50%;
+  opacity: 0;
+  animation: spinner-grow .75s linear infinite;
+}
+
+.spinner-grow-sm {
+  width: $spinner-width-sm;
+  height: $spinner-height-sm;
+}
diff --git a/_sass/bootstrap/scss/_tables.scss b/_sass/bootstrap/scss/_tables.scss
new file mode 100644
index 000000000..5fd77a4eb
--- /dev/null
+++ b/_sass/bootstrap/scss/_tables.scss
@@ -0,0 +1,185 @@
+//
+// Basic Bootstrap table
+//
+
+.table {
+  width: 100%;
+  margin-bottom: $spacer;
+  color: $table-color;
+  background-color: $table-bg; // Reset for nesting within parents with `background-color`.
+
+  th,
+  td {
+    padding: $table-cell-padding;
+    vertical-align: top;
+    border-top: $table-border-width solid $table-border-color;
+  }
+
+  thead th {
+    vertical-align: bottom;
+    border-bottom: (2 * $table-border-width) solid $table-border-color;
+  }
+
+  tbody + tbody {
+    border-top: (2 * $table-border-width) solid $table-border-color;
+  }
+}
+
+
+//
+// Condensed table w/ half padding
+//
+
+.table-sm {
+  th,
+  td {
+    padding: $table-cell-padding-sm;
+  }
+}
+
+
+// Border versions
+//
+// Add or remove borders all around the table and between all the columns.
+
+.table-bordered {
+  border: $table-border-width solid $table-border-color;
+
+  th,
+  td {
+    border: $table-border-width solid $table-border-color;
+  }
+
+  thead {
+    th,
+    td {
+      border-bottom-width: 2 * $table-border-width;
+    }
+  }
+}
+
+.table-borderless {
+  th,
+  td,
+  thead th,
+  tbody + tbody {
+    border: 0;
+  }
+}
+
+// Zebra-striping
+//
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+
+.table-striped {
+  tbody tr:nth-of-type(#{$table-striped-order}) {
+    background-color: $table-accent-bg;
+  }
+}
+
+
+// Hover effect
+//
+// Placed here since it has to come after the potential zebra striping
+
+.table-hover {
+  tbody tr {
+    @include hover() {
+      color: $table-hover-color;
+      background-color: $table-hover-bg;
+    }
+  }
+}
+
+
+// Table backgrounds
+//
+// Exact selectors below required to override `.table-striped` and prevent
+// inheritance to nested tables.
+
+@each $color, $value in $theme-colors {
+  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));
+}
+
+@include table-row-variant(active, $table-active-bg);
+
+
+// Dark styles
+//
+// Same table markup, but inverted color scheme: dark background and light text.
+
+// stylelint-disable-next-line no-duplicate-selectors
+.table {
+  .thead-dark {
+    th {
+      color: $table-dark-color;
+      background-color: $table-dark-bg;
+      border-color: $table-dark-border-color;
+    }
+  }
+
+  .thead-light {
+    th {
+      color: $table-head-color;
+      background-color: $table-head-bg;
+      border-color: $table-border-color;
+    }
+  }
+}
+
+.table-dark {
+  color: $table-dark-color;
+  background-color: $table-dark-bg;
+
+  th,
+  td,
+  thead th {
+    border-color: $table-dark-border-color;
+  }
+
+  &.table-bordered {
+    border: 0;
+  }
+
+  &.table-striped {
+    tbody tr:nth-of-type(#{$table-striped-order}) {
+      background-color: $table-dark-accent-bg;
+    }
+  }
+
+  &.table-hover {
+    tbody tr {
+      @include hover() {
+        color: $table-dark-hover-color;
+        background-color: $table-dark-hover-bg;
+      }
+    }
+  }
+}
+
+
+// Responsive tables
+//
+// Generate series of `.table-responsive-*` classes for configuring the screen
+// size of where your table will overflow.
+
+.table-responsive {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    $next: breakpoint-next($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($next, $grid-breakpoints);
+
+    &#{$infix} {
+      @include media-breakpoint-down($breakpoint) {
+        display: block;
+        width: 100%;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+
+        // Prevent double border on horizontal scroll due to use of `display: block;`
+        > .table-bordered {
+          border: 0;
+        }
+      }
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/_toasts.scss b/_sass/bootstrap/scss/_toasts.scss
new file mode 100644
index 000000000..f9ca8d91c
--- /dev/null
+++ b/_sass/bootstrap/scss/_toasts.scss
@@ -0,0 +1,46 @@
+.toast {
+  // Prevents from shrinking in IE11, when in a flex container
+  // See https://github.com/twbs/bootstrap/issues/28341
+  flex-basis: $toast-max-width;
+  max-width: $toast-max-width;
+  @include font-size($toast-font-size);
+  color: $toast-color;
+  background-color: $toast-background-color;
+  background-clip: padding-box;
+  border: $toast-border-width solid $toast-border-color;
+  box-shadow: $toast-box-shadow;
+  opacity: 0;
+  @include border-radius($toast-border-radius);
+
+  &:not(:last-child) {
+    margin-bottom: $toast-padding-x;
+  }
+
+  &.showing {
+    opacity: 1;
+  }
+
+  &.show {
+    display: block;
+    opacity: 1;
+  }
+
+  &.hide {
+    display: none;
+  }
+}
+
+.toast-header {
+  display: flex;
+  align-items: center;
+  padding: $toast-padding-y $toast-padding-x;
+  color: $toast-header-color;
+  background-color: $toast-header-background-color;
+  background-clip: padding-box;
+  border-bottom: $toast-border-width solid $toast-header-border-color;
+  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
+}
+
+.toast-body {
+  padding: $toast-padding-x; // apply to both vertical and horizontal
+}
diff --git a/_sass/bootstrap/scss/_tooltip.scss b/_sass/bootstrap/scss/_tooltip.scss
new file mode 100644
index 000000000..6b3aa62dd
--- /dev/null
+++ b/_sass/bootstrap/scss/_tooltip.scss
@@ -0,0 +1,115 @@
+// Base class
+.tooltip {
+  position: absolute;
+  z-index: $zindex-tooltip;
+  display: block;
+  margin: $tooltip-margin;
+  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
+  // So reset our font and text properties to avoid inheriting weird values.
+  @include reset-text();
+  @include font-size($tooltip-font-size);
+  // Allow breaking very long words so they don't overflow the tooltip's bounds
+  word-wrap: break-word;
+  opacity: 0;
+
+  &.show { opacity: $tooltip-opacity; }
+
+  .arrow {
+    position: absolute;
+    display: block;
+    width: $tooltip-arrow-width;
+    height: $tooltip-arrow-height;
+
+    &::before {
+      position: absolute;
+      content: "";
+      border-color: transparent;
+      border-style: solid;
+    }
+  }
+}
+
+.bs-tooltip-top {
+  padding: $tooltip-arrow-height 0;
+
+  .arrow {
+    bottom: 0;
+
+    &::before {
+      top: 0;
+      border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
+      border-top-color: $tooltip-arrow-color;
+    }
+  }
+}
+
+.bs-tooltip-right {
+  padding: 0 $tooltip-arrow-height;
+
+  .arrow {
+    left: 0;
+    width: $tooltip-arrow-height;
+    height: $tooltip-arrow-width;
+
+    &::before {
+      right: 0;
+      border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
+      border-right-color: $tooltip-arrow-color;
+    }
+  }
+}
+
+.bs-tooltip-bottom {
+  padding: $tooltip-arrow-height 0;
+
+  .arrow {
+    top: 0;
+
+    &::before {
+      bottom: 0;
+      border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
+      border-bottom-color: $tooltip-arrow-color;
+    }
+  }
+}
+
+.bs-tooltip-left {
+  padding: 0 $tooltip-arrow-height;
+
+  .arrow {
+    right: 0;
+    width: $tooltip-arrow-height;
+    height: $tooltip-arrow-width;
+
+    &::before {
+      left: 0;
+      border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
+      border-left-color: $tooltip-arrow-color;
+    }
+  }
+}
+
+.bs-tooltip-auto {
+  &[x-placement^="top"] {
+    @extend .bs-tooltip-top;
+  }
+  &[x-placement^="right"] {
+    @extend .bs-tooltip-right;
+  }
+  &[x-placement^="bottom"] {
+    @extend .bs-tooltip-bottom;
+  }
+  &[x-placement^="left"] {
+    @extend .bs-tooltip-left;
+  }
+}
+
+// Wrapper for the tooltip content
+.tooltip-inner {
+  max-width: $tooltip-max-width;
+  padding: $tooltip-padding-y $tooltip-padding-x;
+  color: $tooltip-color;
+  text-align: center;
+  background-color: $tooltip-bg;
+  @include border-radius($tooltip-border-radius);
+}
diff --git a/_sass/bootstrap/scss/_transitions.scss b/_sass/bootstrap/scss/_transitions.scss
new file mode 100644
index 000000000..40be4d918
--- /dev/null
+++ b/_sass/bootstrap/scss/_transitions.scss
@@ -0,0 +1,20 @@
+.fade {
+  @include transition($transition-fade);
+
+  &:not(.show) {
+    opacity: 0;
+  }
+}
+
+.collapse {
+  &:not(.show) {
+    display: none;
+  }
+}
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  @include transition($transition-collapse);
+}
diff --git a/_sass/bootstrap/scss/_type.scss b/_sass/bootstrap/scss/_type.scss
new file mode 100644
index 000000000..43dde7d0f
--- /dev/null
+++ b/_sass/bootstrap/scss/_type.scss
@@ -0,0 +1,125 @@
+// stylelint-disable declaration-no-important, selector-list-comma-newline-after
+
+//
+// Headings
+//
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  margin-bottom: $headings-margin-bottom;
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight;
+  line-height: $headings-line-height;
+  color: $headings-color;
+}
+
+h1, .h1 { @include font-size($h1-font-size); }
+h2, .h2 { @include font-size($h2-font-size); }
+h3, .h3 { @include font-size($h3-font-size); }
+h4, .h4 { @include font-size($h4-font-size); }
+h5, .h5 { @include font-size($h5-font-size); }
+h6, .h6 { @include font-size($h6-font-size); }
+
+.lead {
+  @include font-size($lead-font-size);
+  font-weight: $lead-font-weight;
+}
+
+// Type display classes
+.display-1 {
+  @include font-size($display1-size);
+  font-weight: $display1-weight;
+  line-height: $display-line-height;
+}
+.display-2 {
+  @include font-size($display2-size);
+  font-weight: $display2-weight;
+  line-height: $display-line-height;
+}
+.display-3 {
+  @include font-size($display3-size);
+  font-weight: $display3-weight;
+  line-height: $display-line-height;
+}
+.display-4 {
+  @include font-size($display4-size);
+  font-weight: $display4-weight;
+  line-height: $display-line-height;
+}
+
+
+//
+// Horizontal rules
+//
+
+hr {
+  margin-top: $hr-margin-y;
+  margin-bottom: $hr-margin-y;
+  border: 0;
+  border-top: $hr-border-width solid $hr-border-color;
+}
+
+
+//
+// Emphasis
+//
+
+small,
+.small {
+  @include font-size($small-font-size);
+  font-weight: $font-weight-normal;
+}
+
+mark,
+.mark {
+  padding: $mark-padding;
+  background-color: $mark-bg;
+}
+
+
+//
+// Lists
+//
+
+.list-unstyled {
+  @include list-unstyled();
+}
+
+// Inline turns list items into inline-block
+.list-inline {
+  @include list-unstyled();
+}
+.list-inline-item {
+  display: inline-block;
+
+  &:not(:last-child) {
+    margin-right: $list-inline-padding;
+  }
+}
+
+
+//
+// Misc
+//
+
+// Builds on `abbr`
+.initialism {
+  @include font-size(90%);
+  text-transform: uppercase;
+}
+
+// Blockquotes
+.blockquote {
+  margin-bottom: $spacer;
+  @include font-size($blockquote-font-size);
+}
+
+.blockquote-footer {
+  display: block;
+  @include font-size($blockquote-small-font-size);
+  color: $blockquote-small-color;
+
+  &::before {
+    content: "\2014\00A0"; // em dash, nbsp
+  }
+}
diff --git a/_sass/bootstrap/scss/_utilities.scss b/_sass/bootstrap/scss/_utilities.scss
new file mode 100644
index 000000000..10e31dd7e
--- /dev/null
+++ b/_sass/bootstrap/scss/_utilities.scss
@@ -0,0 +1,18 @@
+@import "utilities/align";
+@import "utilities/background";
+@import "utilities/borders";
+@import "utilities/clearfix";
+@import "utilities/display";
+@import "utilities/embed";
+@import "utilities/flex";
+@import "utilities/float";
+@import "utilities/interactions";
+@import "utilities/overflow";
+@import "utilities/position";
+@import "utilities/screenreaders";
+@import "utilities/shadows";
+@import "utilities/sizing";
+@import "utilities/spacing";
+@import "utilities/stretched-link";
+@import "utilities/text";
+@import "utilities/visibility";
diff --git a/_sass/bootstrap/scss/_variables.scss b/_sass/bootstrap/scss/_variables.scss
new file mode 100644
index 000000000..3ff0c65b3
--- /dev/null
+++ b/_sass/bootstrap/scss/_variables.scss
@@ -0,0 +1,1140 @@
+// Variables
+//
+// Variables should follow the `$component-state-property-size` formula for
+// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
+
+// Color system
+
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+$black:    #000 !default;
+
+$grays: () !default;
+$grays: map-merge(
+  (
+    "100": $gray-100,
+    "200": $gray-200,
+    "300": $gray-300,
+    "400": $gray-400,
+    "500": $gray-500,
+    "600": $gray-600,
+    "700": $gray-700,
+    "800": $gray-800,
+    "900": $gray-900
+  ),
+  $grays
+);
+
+$blue:    #007bff !default;
+$indigo:  #6610f2 !default;
+$purple:  #6f42c1 !default;
+$pink:    #e83e8c !default;
+$red:     #dc3545 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #ffc107 !default;
+$green:   #28a745 !default;
+$teal:    #20c997 !default;
+$cyan:    #17a2b8 !default;
+
+$colors: () !default;
+$colors: map-merge(
+  (
+    "blue":       $blue,
+    "indigo":     $indigo,
+    "purple":     $purple,
+    "pink":       $pink,
+    "red":        $red,
+    "orange":     $orange,
+    "yellow":     $yellow,
+    "green":      $green,
+    "teal":       $teal,
+    "cyan":       $cyan,
+    "white":      $white,
+    "gray":       $gray-600,
+    "gray-dark":  $gray-800
+  ),
+  $colors
+);
+
+$primary:       $blue !default;
+$secondary:     $gray-600 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-100 !default;
+$dark:          $gray-800 !default;
+
+$theme-colors: () !default;
+$theme-colors: map-merge(
+  (
+    "primary":    $primary,
+    "secondary":  $secondary,
+    "success":    $success,
+    "info":       $info,
+    "warning":    $warning,
+    "danger":     $danger,
+    "light":      $light,
+    "dark":       $dark
+  ),
+  $theme-colors
+);
+
+// Set a specific jump point for requesting color jumps
+$theme-color-interval:      8% !default;
+
+// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
+$yiq-contrasted-threshold:  150 !default;
+
+// Customize the light and dark text colors for use in our YIQ color contrast function.
+$yiq-text-dark:             $gray-900 !default;
+$yiq-text-light:            $white !default;
+
+// Characters which are escaped by the escape-svg function
+$escaped-characters: (
+  ("<", "%3c"),
+  (">", "%3e"),
+  ("#", "%23"),
+  ("(", "%28"),
+  (")", "%29"),
+) !default;
+
+
+// Options
+//
+// Quickly modify global styling by enabling or disabling optional features.
+
+$enable-caret:                                true !default;
+$enable-rounded:                              true !default;
+$enable-shadows:                              false !default;
+$enable-gradients:                            false !default;
+$enable-transitions:                          true !default;
+$enable-prefers-reduced-motion-media-query:   true !default;
+$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS
+$enable-grid-classes:                         true !default;
+$enable-pointer-cursor-for-buttons:           true !default;
+$enable-print-styles:                         true !default;
+$enable-responsive-font-sizes:                false !default;
+$enable-validation-icons:                     true !default;
+$enable-deprecation-messages:                 true !default;
+
+
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+// You can add more entries to the $spacers map, should you need more variation.
+
+$spacer: 1rem !default;
+$spacers: () !default;
+$spacers: map-merge(
+  (
+    0: 0,
+    1: ($spacer * .25),
+    2: ($spacer * .5),
+    3: $spacer,
+    4: ($spacer * 1.5),
+    5: ($spacer * 3)
+  ),
+  $spacers
+);
+
+// This variable affects the `.h-*` and `.w-*` classes.
+$sizes: () !default;
+$sizes: map-merge(
+  (
+    25: 25%,
+    50: 50%,
+    75: 75%,
+    100: 100%,
+    auto: auto
+  ),
+  $sizes
+);
+
+
+// Body
+//
+// Settings for the `<body>` element.
+
+$body-bg:                   $white !default;
+$body-color:                $gray-900 !default;
+
+
+// Links
+//
+// Style anchor elements.
+
+$link-color:                              theme-color("primary") !default;
+$link-decoration:                         none !default;
+$link-hover-color:                        darken($link-color, 15%) !default;
+$link-hover-decoration:                   underline !default;
+// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
+$emphasized-link-hover-darken-percentage: 15% !default;
+
+// Paragraphs
+//
+// Style p element.
+
+$paragraph-margin-bottom:   1rem !default;
+
+
+// Grid breakpoints
+//
+// Define the minimum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px
+) !default;
+
+@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+@include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");
+
+
+// Grid containers
+//
+// Define the maximum width of `.container` for different screen sizes.
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px
+) !default;
+
+@include _assert-ascending($container-max-widths, "$container-max-widths");
+
+
+// Grid columns
+//
+// Set the number of columns and specify the width of the gutters.
+
+$grid-columns:                12 !default;
+$grid-gutter-width:           30px !default;
+$grid-row-columns:            6 !default;
+
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$line-height-lg:              1.5 !default;
+$line-height-sm:              1.5 !default;
+
+$border-width:                1px !default;
+$border-color:                $gray-300 !default;
+
+$border-radius:               .25rem !default;
+$border-radius-lg:            .3rem !default;
+$border-radius-sm:            .2rem !default;
+
+$rounded-pill:                50rem !default;
+
+$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;
+$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;
+$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;
+
+$component-active-color:      $white !default;
+$component-active-bg:         theme-color("primary") !default;
+
+$caret-width:                 .3em !default;
+$caret-vertical-align:        $caret-width * .85 !default;
+$caret-spacing:               $caret-width * .85 !default;
+
+$transition-base:             all .2s ease-in-out !default;
+$transition-fade:             opacity .15s linear !default;
+$transition-collapse:         height .35s ease !default;
+
+$embed-responsive-aspect-ratios: () !default;
+$embed-responsive-aspect-ratios: join(
+  (
+    (21 9),
+    (16 9),
+    (4 3),
+    (1 1),
+  ),
+  $embed-responsive-aspect-ratios
+);
+
+// Typography
+//
+// Font, line-height, and color for body text, headings, and more.
+
+// stylelint-disable value-keyword-case
+$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base:            $font-family-sans-serif !default;
+// stylelint-enable value-keyword-case
+
+$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
+$font-size-lg:                $font-size-base * 1.25 !default;
+$font-size-sm:                $font-size-base * .875 !default;
+
+$font-weight-lighter:         lighter !default;
+$font-weight-light:           300 !default;
+$font-weight-normal:          400 !default;
+$font-weight-bold:            700 !default;
+$font-weight-bolder:          bolder !default;
+
+$font-weight-base:            $font-weight-normal !default;
+$line-height-base:            1.5 !default;
+
+$h1-font-size:                $font-size-base * 2.5 !default;
+$h2-font-size:                $font-size-base * 2 !default;
+$h3-font-size:                $font-size-base * 1.75 !default;
+$h4-font-size:                $font-size-base * 1.5 !default;
+$h5-font-size:                $font-size-base * 1.25 !default;
+$h6-font-size:                $font-size-base !default;
+
+$headings-margin-bottom:      $spacer / 2 !default;
+$headings-font-family:        null !default;
+$headings-font-weight:        500 !default;
+$headings-line-height:        1.2 !default;
+$headings-color:              null !default;
+
+$display1-size:               6rem !default;
+$display2-size:               5.5rem !default;
+$display3-size:               4.5rem !default;
+$display4-size:               3.5rem !default;
+
+$display1-weight:             300 !default;
+$display2-weight:             300 !default;
+$display3-weight:             300 !default;
+$display4-weight:             300 !default;
+$display-line-height:         $headings-line-height !default;
+
+$lead-font-size:              $font-size-base * 1.25 !default;
+$lead-font-weight:            300 !default;
+
+$small-font-size:             80% !default;
+
+$text-muted:                  $gray-600 !default;
+
+$blockquote-small-color:      $gray-600 !default;
+$blockquote-small-font-size:  $small-font-size !default;
+$blockquote-font-size:        $font-size-base * 1.25 !default;
+
+$hr-border-color:             rgba($black, .1) !default;
+$hr-border-width:             $border-width !default;
+
+$mark-padding:                .2em !default;
+
+$dt-font-weight:              $font-weight-bold !default;
+
+$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
+$nested-kbd-font-weight:      $font-weight-bold !default;
+
+$list-inline-padding:         .5rem !default;
+
+$mark-bg:                     #fcf8e3 !default;
+
+$hr-margin-y:                 $spacer !default;
+
+
+// Tables
+//
+// Customizes the `.table` component with basic values, each used across all table variations.
+
+$table-cell-padding:          .75rem !default;
+$table-cell-padding-sm:       .3rem !default;
+
+$table-color:                 $body-color !default;
+$table-bg:                    null !default;
+$table-accent-bg:             rgba($black, .05) !default;
+$table-hover-color:           $table-color !default;
+$table-hover-bg:              rgba($black, .075) !default;
+$table-active-bg:             $table-hover-bg !default;
+
+$table-border-width:          $border-width !default;
+$table-border-color:          $border-color !default;
+
+$table-head-bg:               $gray-200 !default;
+$table-head-color:            $gray-700 !default;
+
+$table-dark-color:            $white !default;
+$table-dark-bg:               $gray-800 !default;
+$table-dark-accent-bg:        rgba($white, .05) !default;
+$table-dark-hover-color:      $table-dark-color !default;
+$table-dark-hover-bg:         rgba($white, .075) !default;
+$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;
+
+$table-striped-order:         odd !default;
+
+$table-caption-color:         $text-muted !default;
+
+$table-bg-level:              -9 !default;
+$table-border-level:          -6 !default;
+
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$input-btn-padding-y:         .375rem !default;
+$input-btn-padding-x:         .75rem !default;
+$input-btn-font-family:       null !default;
+$input-btn-font-size:         $font-size-base !default;
+$input-btn-line-height:       $line-height-base !default;
+
+$input-btn-focus-width:       .2rem !default;
+$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
+$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
+
+$input-btn-padding-y-sm:      .25rem !default;
+$input-btn-padding-x-sm:      .5rem !default;
+$input-btn-font-size-sm:      $font-size-sm !default;
+$input-btn-line-height-sm:    $line-height-sm !default;
+
+$input-btn-padding-y-lg:      .5rem !default;
+$input-btn-padding-x-lg:      1rem !default;
+$input-btn-font-size-lg:      $font-size-lg !default;
+$input-btn-line-height-lg:    $line-height-lg !default;
+
+$input-btn-border-width:      $border-width !default;
+
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background, and border color.
+
+$btn-padding-y:               $input-btn-padding-y !default;
+$btn-padding-x:               $input-btn-padding-x !default;
+$btn-font-family:             $input-btn-font-family !default;
+$btn-font-size:               $input-btn-font-size !default;
+$btn-line-height:             $input-btn-line-height !default;
+$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping
+
+$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
+$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
+$btn-font-size-sm:            $input-btn-font-size-sm !default;
+$btn-line-height-sm:          $input-btn-line-height-sm !default;
+
+$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
+$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
+$btn-font-size-lg:            $input-btn-font-size-lg !default;
+$btn-line-height-lg:          $input-btn-line-height-lg !default;
+
+$btn-border-width:            $input-btn-border-width !default;
+
+$btn-font-weight:             $font-weight-normal !default;
+$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
+$btn-focus-width:             $input-btn-focus-width !default;
+$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
+$btn-disabled-opacity:        .65 !default;
+$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
+
+$btn-link-disabled-color:     $gray-600 !default;
+
+$btn-block-spacing-y:         .5rem !default;
+
+// Allows for customizing button radius independently from global border radius
+$btn-border-radius:           $border-radius !default;
+$btn-border-radius-lg:        $border-radius-lg !default;
+$btn-border-radius-sm:        $border-radius-sm !default;
+
+$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+
+// Forms
+
+$label-margin-bottom:                   .5rem !default;
+
+$input-padding-y:                       $input-btn-padding-y !default;
+$input-padding-x:                       $input-btn-padding-x !default;
+$input-font-family:                     $input-btn-font-family !default;
+$input-font-size:                       $input-btn-font-size !default;
+$input-font-weight:                     $font-weight-base !default;
+$input-line-height:                     $input-btn-line-height !default;
+
+$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
+$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
+$input-font-size-sm:                    $input-btn-font-size-sm !default;
+$input-line-height-sm:                  $input-btn-line-height-sm !default;
+
+$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
+$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
+$input-font-size-lg:                    $input-btn-font-size-lg !default;
+$input-line-height-lg:                  $input-btn-line-height-lg !default;
+
+$input-bg:                              $white !default;
+$input-disabled-bg:                     $gray-200 !default;
+
+$input-color:                           $gray-700 !default;
+$input-border-color:                    $gray-400 !default;
+$input-border-width:                    $input-btn-border-width !default;
+$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;
+
+$input-border-radius:                   $border-radius !default;
+$input-border-radius-lg:                $border-radius-lg !default;
+$input-border-radius-sm:                $border-radius-sm !default;
+
+$input-focus-bg:                        $input-bg !default;
+$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
+$input-focus-color:                     $input-color !default;
+$input-focus-width:                     $input-btn-focus-width !default;
+$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
+
+$input-placeholder-color:               $gray-600 !default;
+$input-plaintext-color:                 $body-color !default;
+
+$input-height-border:                   $input-border-width * 2 !default;
+
+$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;
+$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;
+$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
+
+$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;
+$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;
+$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;
+
+$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+$form-text-margin-top:                  .25rem !default;
+
+$form-check-input-gutter:               1.25rem !default;
+$form-check-input-margin-y:             .3rem !default;
+$form-check-input-margin-x:             .25rem !default;
+
+$form-check-inline-margin-x:            .75rem !default;
+$form-check-inline-input-margin-x:      .3125rem !default;
+
+$form-grid-gutter-width:                10px !default;
+$form-group-margin-bottom:              1rem !default;
+
+$input-group-addon-color:               $input-color !default;
+$input-group-addon-bg:                  $gray-200 !default;
+$input-group-addon-border-color:        $input-border-color !default;
+
+$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+$custom-control-gutter:                 .5rem !default;
+$custom-control-spacer-x:               1rem !default;
+$custom-control-cursor:                 null !default;
+
+$custom-control-indicator-size:         1rem !default;
+$custom-control-indicator-bg:           $input-bg !default;
+
+$custom-control-indicator-bg-size:      50% 50% !default;
+$custom-control-indicator-box-shadow:   $input-box-shadow !default;
+$custom-control-indicator-border-color: $gray-500 !default;
+$custom-control-indicator-border-width: $input-border-width !default;
+
+$custom-control-label-color:            null !default;
+
+$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;
+$custom-control-label-disabled-color:           $gray-600 !default;
+
+$custom-control-indicator-checked-color:        $component-active-color !default;
+$custom-control-indicator-checked-bg:           $component-active-bg !default;
+$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
+$custom-control-indicator-checked-box-shadow:   null !default;
+$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
+
+$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;
+$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;
+
+$custom-control-indicator-active-color:         $component-active-color !default;
+$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
+$custom-control-indicator-active-box-shadow:    null !default;
+$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;
+
+$custom-checkbox-indicator-border-radius:       $border-radius !default;
+$custom-checkbox-indicator-icon-checked:        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>") !default;
+
+$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;
+$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;
+$custom-checkbox-indicator-icon-indeterminate:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>") !default;
+$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;
+$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
+
+$custom-radio-indicator-border-radius:          50% !default;
+$custom-radio-indicator-icon-checked:           url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>") !default;
+
+$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;
+$custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
+$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;
+
+$custom-select-padding-y:           $input-padding-y !default;
+$custom-select-padding-x:           $input-padding-x !default;
+$custom-select-font-family:         $input-font-family !default;
+$custom-select-font-size:           $input-font-size !default;
+$custom-select-height:              $input-height !default;
+$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
+$custom-select-font-weight:         $input-font-weight !default;
+$custom-select-line-height:         $input-line-height !default;
+$custom-select-color:               $input-color !default;
+$custom-select-disabled-color:      $gray-600 !default;
+$custom-select-bg:                  $input-bg !default;
+$custom-select-disabled-bg:         $gray-200 !default;
+$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
+$custom-select-indicator-color:     $gray-800 !default;
+$custom-select-indicator:           url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") !default;
+$custom-select-background:          escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
+
+$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;
+$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
+$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;
+
+$custom-select-border-width:        $input-border-width !default;
+$custom-select-border-color:        $input-border-color !default;
+$custom-select-border-radius:       $border-radius !default;
+$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;
+
+$custom-select-focus-border-color:  $input-focus-border-color !default;
+$custom-select-focus-width:         $input-focus-width !default;
+$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
+
+$custom-select-padding-y-sm:        $input-padding-y-sm !default;
+$custom-select-padding-x-sm:        $input-padding-x-sm !default;
+$custom-select-font-size-sm:        $input-font-size-sm !default;
+$custom-select-height-sm:           $input-height-sm !default;
+
+$custom-select-padding-y-lg:        $input-padding-y-lg !default;
+$custom-select-padding-x-lg:        $input-padding-x-lg !default;
+$custom-select-font-size-lg:        $input-font-size-lg !default;
+$custom-select-height-lg:           $input-height-lg !default;
+
+$custom-range-track-width:          100% !default;
+$custom-range-track-height:         .5rem !default;
+$custom-range-track-cursor:         pointer !default;
+$custom-range-track-bg:             $gray-300 !default;
+$custom-range-track-border-radius:  1rem !default;
+$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;
+
+$custom-range-thumb-width:                   1rem !default;
+$custom-range-thumb-height:                  $custom-range-thumb-width !default;
+$custom-range-thumb-bg:                      $component-active-bg !default;
+$custom-range-thumb-border:                  0 !default;
+$custom-range-thumb-border-radius:           1rem !default;
+$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;
+$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;
+$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge
+$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;
+$custom-range-thumb-disabled-bg:             $gray-500 !default;
+
+$custom-file-height:                $input-height !default;
+$custom-file-height-inner:          $input-height-inner !default;
+$custom-file-focus-border-color:    $input-focus-border-color !default;
+$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;
+$custom-file-disabled-bg:           $input-disabled-bg !default;
+
+$custom-file-padding-y:             $input-padding-y !default;
+$custom-file-padding-x:             $input-padding-x !default;
+$custom-file-line-height:           $input-line-height !default;
+$custom-file-font-family:           $input-font-family !default;
+$custom-file-font-weight:           $input-font-weight !default;
+$custom-file-color:                 $input-color !default;
+$custom-file-bg:                    $input-bg !default;
+$custom-file-border-width:          $input-border-width !default;
+$custom-file-border-color:          $input-border-color !default;
+$custom-file-border-radius:         $input-border-radius !default;
+$custom-file-box-shadow:            $input-box-shadow !default;
+$custom-file-button-color:          $custom-file-color !default;
+$custom-file-button-bg:             $input-group-addon-bg !default;
+$custom-file-text: (
+  en: "Browse"
+) !default;
+
+
+// Form validation
+
+$form-feedback-margin-top:          $form-text-margin-top !default;
+$form-feedback-font-size:           $small-font-size !default;
+$form-feedback-valid-color:         theme-color("success") !default;
+$form-feedback-invalid-color:       theme-color("danger") !default;
+
+$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;
+$form-feedback-icon-valid:          url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>") !default;
+$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;
+$form-feedback-icon-invalid:        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
+
+$form-validation-states: () !default;
+$form-validation-states: map-merge(
+  (
+    "valid": (
+      "color": $form-feedback-valid-color,
+      "icon": $form-feedback-icon-valid
+    ),
+    "invalid": (
+      "color": $form-feedback-invalid-color,
+      "icon": $form-feedback-icon-invalid
+    ),
+  ),
+  $form-validation-states
+);
+
+// Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+
+$zindex-dropdown:                   1000 !default;
+$zindex-sticky:                     1020 !default;
+$zindex-fixed:                      1030 !default;
+$zindex-modal-backdrop:             1040 !default;
+$zindex-modal:                      1050 !default;
+$zindex-popover:                    1060 !default;
+$zindex-tooltip:                    1070 !default;
+
+
+// Navs
+
+$nav-link-padding-y:                .5rem !default;
+$nav-link-padding-x:                1rem !default;
+$nav-link-disabled-color:           $gray-600 !default;
+
+$nav-tabs-border-color:             $gray-300 !default;
+$nav-tabs-border-width:             $border-width !default;
+$nav-tabs-border-radius:            $border-radius !default;
+$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
+$nav-tabs-link-active-color:        $gray-700 !default;
+$nav-tabs-link-active-bg:           $body-bg !default;
+$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
+
+$nav-pills-border-radius:           $border-radius !default;
+$nav-pills-link-active-color:       $component-active-color !default;
+$nav-pills-link-active-bg:          $component-active-bg !default;
+
+$nav-divider-color:                 $gray-200 !default;
+$nav-divider-margin-y:              $spacer / 2 !default;
+
+
+// Navbar
+
+$navbar-padding-y:                  $spacer / 2 !default;
+$navbar-padding-x:                  $spacer !default;
+
+$navbar-nav-link-padding-x:         .5rem !default;
+
+$navbar-brand-font-size:            $font-size-lg !default;
+// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
+$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
+$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
+
+$navbar-toggler-padding-y:          .25rem !default;
+$navbar-toggler-padding-x:          .75rem !default;
+$navbar-toggler-font-size:          $font-size-lg !default;
+$navbar-toggler-border-radius:      $btn-border-radius !default;
+
+$navbar-dark-color:                 rgba($white, .5) !default;
+$navbar-dark-hover-color:           rgba($white, .75) !default;
+$navbar-dark-active-color:          $white !default;
+$navbar-dark-disabled-color:        rgba($white, .25) !default;
+$navbar-dark-toggler-icon-bg:       url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
+$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
+
+$navbar-light-color:                rgba($black, .5) !default;
+$navbar-light-hover-color:          rgba($black, .7) !default;
+$navbar-light-active-color:         rgba($black, .9) !default;
+$navbar-light-disabled-color:       rgba($black, .3) !default;
+$navbar-light-toggler-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
+$navbar-light-toggler-border-color: rgba($black, .1) !default;
+
+$navbar-light-brand-color:                $navbar-light-active-color !default;
+$navbar-light-brand-hover-color:          $navbar-light-active-color !default;
+$navbar-dark-brand-color:                 $navbar-dark-active-color !default;
+$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;
+
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+$dropdown-min-width:                10rem !default;
+$dropdown-padding-y:                .5rem !default;
+$dropdown-spacer:                   .125rem !default;
+$dropdown-font-size:                $font-size-base !default;
+$dropdown-color:                    $body-color !default;
+$dropdown-bg:                       $white !default;
+$dropdown-border-color:             rgba($black, .15) !default;
+$dropdown-border-radius:            $border-radius !default;
+$dropdown-border-width:             $border-width !default;
+$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;
+$dropdown-divider-bg:               $gray-200 !default;
+$dropdown-divider-margin-y:         $nav-divider-margin-y !default;
+$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
+
+$dropdown-link-color:               $gray-900 !default;
+$dropdown-link-hover-color:         darken($gray-900, 5%) !default;
+$dropdown-link-hover-bg:            $gray-100 !default;
+
+$dropdown-link-active-color:        $component-active-color !default;
+$dropdown-link-active-bg:           $component-active-bg !default;
+
+$dropdown-link-disabled-color:      $gray-600 !default;
+
+$dropdown-item-padding-y:           .25rem !default;
+$dropdown-item-padding-x:           1.5rem !default;
+
+$dropdown-header-color:             $gray-600 !default;
+$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;
+
+
+// Pagination
+
+$pagination-padding-y:              .5rem !default;
+$pagination-padding-x:              .75rem !default;
+$pagination-padding-y-sm:           .25rem !default;
+$pagination-padding-x-sm:           .5rem !default;
+$pagination-padding-y-lg:           .75rem !default;
+$pagination-padding-x-lg:           1.5rem !default;
+$pagination-line-height:            1.25 !default;
+
+$pagination-color:                  $link-color !default;
+$pagination-bg:                     $white !default;
+$pagination-border-width:           $border-width !default;
+$pagination-border-color:           $gray-300 !default;
+
+$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
+$pagination-focus-outline:          0 !default;
+
+$pagination-hover-color:            $link-hover-color !default;
+$pagination-hover-bg:               $gray-200 !default;
+$pagination-hover-border-color:     $gray-300 !default;
+
+$pagination-active-color:           $component-active-color !default;
+$pagination-active-bg:              $component-active-bg !default;
+$pagination-active-border-color:    $pagination-active-bg !default;
+
+$pagination-disabled-color:         $gray-600 !default;
+$pagination-disabled-bg:            $white !default;
+$pagination-disabled-border-color:  $gray-300 !default;
+
+
+// Jumbotron
+
+$jumbotron-padding:                 2rem !default;
+$jumbotron-color:                   null !default;
+$jumbotron-bg:                      $gray-200 !default;
+
+
+// Cards
+
+$card-spacer-y:                     .75rem !default;
+$card-spacer-x:                     1.25rem !default;
+$card-border-width:                 $border-width !default;
+$card-border-radius:                $border-radius !default;
+$card-border-color:                 rgba($black, .125) !default;
+$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;
+$card-cap-bg:                       rgba($black, .03) !default;
+$card-cap-color:                    null !default;
+$card-height:                       null !default;
+$card-color:                        null !default;
+$card-bg:                           $white !default;
+
+$card-img-overlay-padding:          1.25rem !default;
+
+$card-group-margin:                 $grid-gutter-width / 2 !default;
+$card-deck-margin:                  $card-group-margin !default;
+
+$card-columns-count:                3 !default;
+$card-columns-gap:                  1.25rem !default;
+$card-columns-margin:               $card-spacer-y !default;
+
+
+// Tooltips
+
+$tooltip-font-size:                 $font-size-sm !default;
+$tooltip-max-width:                 200px !default;
+$tooltip-color:                     $white !default;
+$tooltip-bg:                        $black !default;
+$tooltip-border-radius:             $border-radius !default;
+$tooltip-opacity:                   .9 !default;
+$tooltip-padding-y:                 .25rem !default;
+$tooltip-padding-x:                 .5rem !default;
+$tooltip-margin:                    0 !default;
+
+$tooltip-arrow-width:               .8rem !default;
+$tooltip-arrow-height:              .4rem !default;
+$tooltip-arrow-color:               $tooltip-bg !default;
+
+// Form tooltips must come after regular tooltips
+$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;
+$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;
+$form-feedback-tooltip-font-size:     $tooltip-font-size !default;
+$form-feedback-tooltip-line-height:   $line-height-base !default;
+$form-feedback-tooltip-opacity:       $tooltip-opacity !default;
+$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
+
+
+// Popovers
+
+$popover-font-size:                 $font-size-sm !default;
+$popover-bg:                        $white !default;
+$popover-max-width:                 276px !default;
+$popover-border-width:              $border-width !default;
+$popover-border-color:              rgba($black, .2) !default;
+$popover-border-radius:             $border-radius-lg !default;
+$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;
+$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
+
+$popover-header-bg:                 darken($popover-bg, 3%) !default;
+$popover-header-color:              $headings-color !default;
+$popover-header-padding-y:          .5rem !default;
+$popover-header-padding-x:          .75rem !default;
+
+$popover-body-color:                $body-color !default;
+$popover-body-padding-y:            $popover-header-padding-y !default;
+$popover-body-padding-x:            $popover-header-padding-x !default;
+
+$popover-arrow-width:               1rem !default;
+$popover-arrow-height:              .5rem !default;
+$popover-arrow-color:               $popover-bg !default;
+
+$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
+
+
+// Toasts
+
+$toast-max-width:                   350px !default;
+$toast-padding-x:                   .75rem !default;
+$toast-padding-y:                   .25rem !default;
+$toast-font-size:                   .875rem !default;
+$toast-color:                       null !default;
+$toast-background-color:            rgba($white, .85) !default;
+$toast-border-width:                1px !default;
+$toast-border-color:                rgba(0, 0, 0, .1) !default;
+$toast-border-radius:               .25rem !default;
+$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;
+
+$toast-header-color:                $gray-600 !default;
+$toast-header-background-color:     rgba($white, .85) !default;
+$toast-header-border-color:         rgba(0, 0, 0, .05) !default;
+
+
+// Badges
+
+$badge-font-size:                   75% !default;
+$badge-font-weight:                 $font-weight-bold !default;
+$badge-padding-y:                   .25em !default;
+$badge-padding-x:                   .4em !default;
+$badge-border-radius:               $border-radius !default;
+
+$badge-transition:                  $btn-transition !default;
+$badge-focus-width:                 $input-btn-focus-width !default;
+
+$badge-pill-padding-x:              .6em !default;
+// Use a higher than normal value to ensure completely rounded edges when
+// customizing padding or font-size on labels.
+$badge-pill-border-radius:          10rem !default;
+
+
+// Modals
+
+// Padding applied to the modal body
+$modal-inner-padding:               1rem !default;
+
+// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding
+$modal-footer-margin-between:       .5rem !default;
+
+$modal-dialog-margin:               .5rem !default;
+$modal-dialog-margin-y-sm-up:       1.75rem !default;
+
+$modal-title-line-height:           $line-height-base !default;
+
+$modal-content-color:               null !default;
+$modal-content-bg:                  $white !default;
+$modal-content-border-color:        rgba($black, .2) !default;
+$modal-content-border-width:        $border-width !default;
+$modal-content-border-radius:       $border-radius-lg !default;
+$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
+$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;
+$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;
+
+$modal-backdrop-bg:                 $black !default;
+$modal-backdrop-opacity:            .5 !default;
+$modal-header-border-color:         $border-color !default;
+$modal-footer-border-color:         $modal-header-border-color !default;
+$modal-header-border-width:         $modal-content-border-width !default;
+$modal-footer-border-width:         $modal-header-border-width !default;
+$modal-header-padding-y:            1rem !default;
+$modal-header-padding-x:            1rem !default;
+$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
+
+$modal-xl:                          1140px !default;
+$modal-lg:                          800px !default;
+$modal-md:                          500px !default;
+$modal-sm:                          300px !default;
+
+$modal-fade-transform:              translate(0, -50px) !default;
+$modal-show-transform:              none !default;
+$modal-transition:                  transform .3s ease-out !default;
+$modal-scale-transform:             scale(1.02) !default;
+
+
+// Alerts
+//
+// Define alert colors, border radius, and padding.
+
+$alert-padding-y:                   .75rem !default;
+$alert-padding-x:                   1.25rem !default;
+$alert-margin-bottom:               1rem !default;
+$alert-border-radius:               $border-radius !default;
+$alert-link-font-weight:            $font-weight-bold !default;
+$alert-border-width:                $border-width !default;
+
+$alert-bg-level:                    -10 !default;
+$alert-border-level:                -9 !default;
+$alert-color-level:                 6 !default;
+
+
+// Progress bars
+
+$progress-height:                   1rem !default;
+$progress-font-size:                $font-size-base * .75 !default;
+$progress-bg:                       $gray-200 !default;
+$progress-border-radius:            $border-radius !default;
+$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
+$progress-bar-color:                $white !default;
+$progress-bar-bg:                   theme-color("primary") !default;
+$progress-bar-animation-timing:     1s linear infinite !default;
+$progress-bar-transition:           width .6s ease !default;
+
+
+// List group
+
+$list-group-color:                  null !default;
+$list-group-bg:                     $white !default;
+$list-group-border-color:           rgba($black, .125) !default;
+$list-group-border-width:           $border-width !default;
+$list-group-border-radius:          $border-radius !default;
+
+$list-group-item-padding-y:         .75rem !default;
+$list-group-item-padding-x:         1.25rem !default;
+
+$list-group-hover-bg:               $gray-100 !default;
+$list-group-active-color:           $component-active-color !default;
+$list-group-active-bg:              $component-active-bg !default;
+$list-group-active-border-color:    $list-group-active-bg !default;
+
+$list-group-disabled-color:         $gray-600 !default;
+$list-group-disabled-bg:            $list-group-bg !default;
+
+$list-group-action-color:           $gray-700 !default;
+$list-group-action-hover-color:     $list-group-action-color !default;
+
+$list-group-action-active-color:    $body-color !default;
+$list-group-action-active-bg:       $gray-200 !default;
+
+
+// Image thumbnails
+
+$thumbnail-padding:                 .25rem !default;
+$thumbnail-bg:                      $body-bg !default;
+$thumbnail-border-width:            $border-width !default;
+$thumbnail-border-color:            $gray-300 !default;
+$thumbnail-border-radius:           $border-radius !default;
+$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
+
+
+// Figures
+
+$figure-caption-font-size:          90% !default;
+$figure-caption-color:              $gray-600 !default;
+
+
+// Breadcrumbs
+
+$breadcrumb-font-size:              null !default;
+
+$breadcrumb-padding-y:              .75rem !default;
+$breadcrumb-padding-x:              1rem !default;
+$breadcrumb-item-padding:           .5rem !default;
+
+$breadcrumb-margin-bottom:          1rem !default;
+
+$breadcrumb-bg:                     $gray-200 !default;
+$breadcrumb-divider-color:          $gray-600 !default;
+$breadcrumb-active-color:           $gray-600 !default;
+$breadcrumb-divider:                quote("/") !default;
+
+$breadcrumb-border-radius:          $border-radius !default;
+
+
+// Carousel
+
+$carousel-control-color:             $white !default;
+$carousel-control-width:             15% !default;
+$carousel-control-opacity:           .5 !default;
+$carousel-control-hover-opacity:     .9 !default;
+$carousel-control-transition:        opacity .15s ease !default;
+
+$carousel-indicator-width:           30px !default;
+$carousel-indicator-height:          3px !default;
+$carousel-indicator-hit-area-height: 10px !default;
+$carousel-indicator-spacer:          3px !default;
+$carousel-indicator-active-bg:       $white !default;
+$carousel-indicator-transition:      opacity .6s ease !default;
+
+$carousel-caption-width:             70% !default;
+$carousel-caption-color:             $white !default;
+
+$carousel-control-icon-width:        20px !default;
+
+$carousel-control-prev-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>") !default;
+$carousel-control-next-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>") !default;
+
+$carousel-transition-duration:       .6s !default;
+$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
+
+
+// Spinners
+
+$spinner-width:         2rem !default;
+$spinner-height:        $spinner-width !default;
+$spinner-border-width:  .25em !default;
+
+$spinner-width-sm:        1rem !default;
+$spinner-height-sm:       $spinner-width-sm !default;
+$spinner-border-width-sm: .2em !default;
+
+
+// Close
+
+$close-font-size:                   $font-size-base * 1.5 !default;
+$close-font-weight:                 $font-weight-bold !default;
+$close-color:                       $black !default;
+$close-text-shadow:                 0 1px 0 $white !default;
+
+
+// Code
+
+$code-font-size:                    87.5% !default;
+$code-color:                        $pink !default;
+
+$kbd-padding-y:                     .2rem !default;
+$kbd-padding-x:                     .4rem !default;
+$kbd-font-size:                     $code-font-size !default;
+$kbd-color:                         $white !default;
+$kbd-bg:                            $gray-900 !default;
+
+$pre-color:                         $gray-900 !default;
+$pre-scrollable-max-height:         340px !default;
+
+
+// Utilities
+
+$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
+$overflows: auto, hidden !default;
+$positions: static, relative, absolute, fixed, sticky !default;
+$user-selects: all, auto, none !default;
+
+
+// Printing
+
+$print-page-size:                   a3 !default;
+$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;
diff --git a/_sass/bootstrap/scss/bootstrap-grid.scss b/_sass/bootstrap/scss/bootstrap-grid.scss
new file mode 100644
index 000000000..06c9e2c4b
--- /dev/null
+++ b/_sass/bootstrap/scss/bootstrap-grid.scss
@@ -0,0 +1,29 @@
+/*!
+ * Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+
+html {
+  box-sizing: border-box;
+  -ms-overflow-style: scrollbar;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+@import "functions";
+@import "variables";
+
+@import "mixins/breakpoints";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+
+@import "grid";
+@import "utilities/display";
+@import "utilities/flex";
+@import "utilities/spacing";
diff --git a/_sass/bootstrap/scss/bootstrap-reboot.scss b/_sass/bootstrap/scss/bootstrap-reboot.scss
new file mode 100644
index 000000000..d922d75fb
--- /dev/null
+++ b/_sass/bootstrap/scss/bootstrap-reboot.scss
@@ -0,0 +1,12 @@
+/*!
+ * Bootstrap Reboot v4.5.2 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "reboot";
diff --git a/_sass/bootstrap/scss/bootstrap.scss b/_sass/bootstrap/scss/bootstrap.scss
new file mode 100644
index 000000000..4d6521c0b
--- /dev/null
+++ b/_sass/bootstrap/scss/bootstrap.scss
@@ -0,0 +1,44 @@
+/*!
+ * Bootstrap v4.5.2 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "root";
+@import "reboot";
+@import "type";
+@import "images";
+@import "code";
+@import "grid";
+@import "tables";
+@import "forms";
+@import "buttons";
+@import "transitions";
+@import "dropdown";
+@import "button-group";
+@import "input-group";
+@import "custom-forms";
+@import "nav";
+@import "navbar";
+@import "card";
+@import "breadcrumb";
+@import "pagination";
+@import "badge";
+@import "jumbotron";
+@import "alert";
+@import "progress";
+@import "media";
+@import "list-group";
+@import "close";
+@import "toasts";
+@import "modal";
+@import "tooltip";
+@import "popover";
+@import "carousel";
+@import "spinners";
+@import "utilities";
+@import "print";
diff --git a/_sass/bootstrap/scss/mixins/_alert.scss b/_sass/bootstrap/scss/mixins/_alert.scss
new file mode 100644
index 000000000..db5a7eb45
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_alert.scss
@@ -0,0 +1,13 @@
+@mixin alert-variant($background, $border, $color) {
+  color: $color;
+  @include gradient-bg($background);
+  border-color: $border;
+
+  hr {
+    border-top-color: darken($border, 5%);
+  }
+
+  .alert-link {
+    color: darken($color, 10%);
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_background-variant.scss b/_sass/bootstrap/scss/mixins/_background-variant.scss
new file mode 100644
index 000000000..80580189a
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_background-variant.scss
@@ -0,0 +1,23 @@
+// stylelint-disable declaration-no-important
+
+// Contextual backgrounds
+
+@mixin bg-variant($parent, $color, $ignore-warning: false) {
+  #{$parent} {
+    background-color: $color !important;
+  }
+  a#{$parent},
+  button#{$parent} {
+    @include hover-focus() {
+      background-color: darken($color, 10%) !important;
+    }
+  }
+  @include deprecate("The `bg-variant` mixin", "v4.4.0", "v5", $ignore-warning);
+}
+
+@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {
+  #{$parent} {
+    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
+  }
+  @include deprecate("The `bg-gradient-variant` mixin", "v4.5.0", "v5", $ignore-warning);
+}
diff --git a/_sass/bootstrap/scss/mixins/_badge.scss b/_sass/bootstrap/scss/mixins/_badge.scss
new file mode 100644
index 000000000..f1c499141
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_badge.scss
@@ -0,0 +1,17 @@
+@mixin badge-variant($bg) {
+  color: color-yiq($bg);
+  background-color: $bg;
+
+  @at-root a#{&} {
+    @include hover-focus() {
+      color: color-yiq($bg);
+      background-color: darken($bg, 10%);
+    }
+
+    &:focus,
+    &.focus {
+      outline: 0;
+      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_border-radius.scss b/_sass/bootstrap/scss/mixins/_border-radius.scss
new file mode 100644
index 000000000..aee9bf3d3
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_border-radius.scss
@@ -0,0 +1,76 @@
+// stylelint-disable property-blacklist
+// Single side border-radius
+
+// Helper function to replace negative values with 0
+@function valid-radius($radius) {
+  $return: ();
+  @each $value in $radius {
+    @if type-of($value) == number {
+      $return: append($return, max($value, 0));
+    } @else {
+      $return: append($return, $value);
+    }
+  }
+  @return $return;
+}
+
+@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
+  @if $enable-rounded {
+    border-radius: valid-radius($radius);
+  }
+  @else if $fallback-border-radius != false {
+    border-radius: $fallback-border-radius;
+  }
+}
+
+@mixin border-top-radius($radius) {
+  @if $enable-rounded {
+    border-top-left-radius: valid-radius($radius);
+    border-top-right-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-right-radius($radius) {
+  @if $enable-rounded {
+    border-top-right-radius: valid-radius($radius);
+    border-bottom-right-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-bottom-radius($radius) {
+  @if $enable-rounded {
+    border-bottom-right-radius: valid-radius($radius);
+    border-bottom-left-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-left-radius($radius) {
+  @if $enable-rounded {
+    border-top-left-radius: valid-radius($radius);
+    border-bottom-left-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-top-left-radius($radius) {
+  @if $enable-rounded {
+    border-top-left-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-top-right-radius($radius) {
+  @if $enable-rounded {
+    border-top-right-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-bottom-right-radius($radius) {
+  @if $enable-rounded {
+    border-bottom-right-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-bottom-left-radius($radius) {
+  @if $enable-rounded {
+    border-bottom-left-radius: valid-radius($radius);
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_box-shadow.scss b/_sass/bootstrap/scss/mixins/_box-shadow.scss
new file mode 100644
index 000000000..0726d4359
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_box-shadow.scss
@@ -0,0 +1,20 @@
+@mixin box-shadow($shadow...) {
+  @if $enable-shadows {
+    $result: ();
+
+    @if (length($shadow) == 1) {
+      // We can pass `@include box-shadow(none);`
+      $result: $shadow;
+    } @else {
+      // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`
+      @for $i from 1 through length($shadow) {
+        @if nth($shadow, $i) != "none" {
+          $result: append($result, nth($shadow, $i), "comma");
+        }
+      }
+    }
+    @if (length($result) > 0) {
+      box-shadow: $result;
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_breakpoints.scss b/_sass/bootstrap/scss/mixins/_breakpoints.scss
new file mode 100644
index 000000000..23a5de96b
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_breakpoints.scss
@@ -0,0 +1,123 @@
+// Breakpoint viewport sizes and media queries.
+//
+// Breakpoints are defined as a map of (name: minimum width), order from small to large:
+//
+//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
+//
+// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
+
+// Name of the next breakpoint, or null for the last breakpoint.
+//
+//    >> breakpoint-next(sm)
+//    md
+//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    md
+//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
+//    md
+@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
+  $n: index($breakpoint-names, $name);
+  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
+}
+
+// Minimum breakpoint width. Null for the smallest (first) breakpoint.
+//
+//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    576px
+@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
+  $min: map-get($breakpoints, $name);
+  @return if($min != 0, $min, null);
+}
+
+// Maximum breakpoint width. Null for the largest (last) breakpoint.
+// The maximum value is calculated as the minimum of the next one less 0.02px
+// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
+// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
+// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
+// See https://bugs.webkit.org/show_bug.cgi?id=178261
+//
+//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    767.98px
+@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
+  $next: breakpoint-next($name, $breakpoints);
+  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);
+}
+
+// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
+// Useful for making responsive utilities.
+//
+//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    ""  (Returns a blank string)
+//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    "-sm"
+@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
+  @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
+}
+
+// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
+// Makes the @content apply to the given breakpoint and wider.
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  @if $min {
+    @media (min-width: $min) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
+// Makes the @content apply to the given breakpoint and narrower.
+@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
+  $max: breakpoint-max($name, $breakpoints);
+  @if $max {
+    @media (max-width: $max) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+// Media that spans multiple breakpoint widths.
+// Makes the @content apply between the min and max breakpoints
+@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($lower, $breakpoints);
+  $max: breakpoint-max($upper, $breakpoints);
+
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
+      @content;
+    }
+  } @else if $max == null {
+    @include media-breakpoint-up($lower, $breakpoints) {
+      @content;
+    }
+  } @else if $min == null {
+    @include media-breakpoint-down($upper, $breakpoints) {
+      @content;
+    }
+  }
+}
+
+// Media between the breakpoint's minimum and maximum widths.
+// No minimum for the smallest breakpoint, and no maximum for the largest one.
+// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
+@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  $max: breakpoint-max($name, $breakpoints);
+
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
+      @content;
+    }
+  } @else if $max == null {
+    @include media-breakpoint-up($name, $breakpoints) {
+      @content;
+    }
+  } @else if $min == null {
+    @include media-breakpoint-down($name, $breakpoints) {
+      @content;
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_buttons.scss b/_sass/bootstrap/scss/mixins/_buttons.scss
new file mode 100644
index 000000000..d6235aa27
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_buttons.scss
@@ -0,0 +1,110 @@
+// Button variants
+//
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+
+@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
+  color: color-yiq($background);
+  @include gradient-bg($background);
+  border-color: $border;
+  @include box-shadow($btn-box-shadow);
+
+  @include hover() {
+    color: color-yiq($hover-background);
+    @include gradient-bg($hover-background);
+    border-color: $hover-border;
+  }
+
+  &:focus,
+  &.focus {
+    color: color-yiq($hover-background);
+    @include gradient-bg($hover-background);
+    border-color: $hover-border;
+    @if $enable-shadows {
+      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));
+    } @else {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
+    }
+  }
+
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled {
+    color: color-yiq($background);
+    background-color: $background;
+    border-color: $border;
+    // Remove CSS gradients if they're enabled
+    @if $enable-gradients {
+      background-image: none;
+    }
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    color: color-yiq($active-background);
+    background-color: $active-background;
+    @if $enable-gradients {
+      background-image: none; // Remove the gradient for the pressed/active state
+    }
+    border-color: $active-border;
+
+    &:focus {
+      @if $enable-shadows and $btn-active-box-shadow != none {
+        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));
+      } @else {
+        // Avoid using mixin so we can pass custom focus shadow properly
+        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
+      }
+    }
+  }
+}
+
+@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
+  color: $color;
+  border-color: $color;
+
+  @include hover() {
+    color: $color-hover;
+    background-color: $active-background;
+    border-color: $active-border;
+  }
+
+  &:focus,
+  &.focus {
+    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $color;
+    background-color: transparent;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    color: color-yiq($active-background);
+    background-color: $active-background;
+    border-color: $active-border;
+
+    &:focus {
+      @if $enable-shadows and $btn-active-box-shadow != none {
+        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));
+      } @else {
+        // Avoid using mixin so we can pass custom focus shadow properly
+        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
+      }
+    }
+  }
+}
+
+// Button sizes
+@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
+  padding: $padding-y $padding-x;
+  @include font-size($font-size);
+  line-height: $line-height;
+  // Manually declare to provide an override to the browser default
+  @include border-radius($border-radius, 0);
+}
diff --git a/_sass/bootstrap/scss/mixins/_caret.scss b/_sass/bootstrap/scss/mixins/_caret.scss
new file mode 100644
index 000000000..27466495b
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_caret.scss
@@ -0,0 +1,62 @@
+@mixin caret-down() {
+  border-top: $caret-width solid;
+  border-right: $caret-width solid transparent;
+  border-bottom: 0;
+  border-left: $caret-width solid transparent;
+}
+
+@mixin caret-up() {
+  border-top: 0;
+  border-right: $caret-width solid transparent;
+  border-bottom: $caret-width solid;
+  border-left: $caret-width solid transparent;
+}
+
+@mixin caret-right() {
+  border-top: $caret-width solid transparent;
+  border-right: 0;
+  border-bottom: $caret-width solid transparent;
+  border-left: $caret-width solid;
+}
+
+@mixin caret-left() {
+  border-top: $caret-width solid transparent;
+  border-right: $caret-width solid;
+  border-bottom: $caret-width solid transparent;
+}
+
+@mixin caret($direction: down) {
+  @if $enable-caret {
+    &::after {
+      display: inline-block;
+      margin-left: $caret-spacing;
+      vertical-align: $caret-vertical-align;
+      content: "";
+      @if $direction == down {
+        @include caret-down();
+      } @else if $direction == up {
+        @include caret-up();
+      } @else if $direction == right {
+        @include caret-right();
+      }
+    }
+
+    @if $direction == left {
+      &::after {
+        display: none;
+      }
+
+      &::before {
+        display: inline-block;
+        margin-right: $caret-spacing;
+        vertical-align: $caret-vertical-align;
+        content: "";
+        @include caret-left();
+      }
+    }
+
+    &:empty::after {
+      margin-left: 0;
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_clearfix.scss b/_sass/bootstrap/scss/mixins/_clearfix.scss
new file mode 100644
index 000000000..11a977b73
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_clearfix.scss
@@ -0,0 +1,7 @@
+@mixin clearfix() {
+  &::after {
+    display: block;
+    clear: both;
+    content: "";
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_deprecate.scss b/_sass/bootstrap/scss/mixins/_deprecate.scss
new file mode 100644
index 000000000..df070bc59
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_deprecate.scss
@@ -0,0 +1,10 @@
+// Deprecate mixin
+//
+// This mixin can be used to deprecate mixins or functions.
+// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
+// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
+@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
+  @if ($enable-deprecation-messages != false and $ignore-warning != true) {
+    @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_float.scss b/_sass/bootstrap/scss/mixins/_float.scss
new file mode 100644
index 000000000..6b376a258
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_float.scss
@@ -0,0 +1,14 @@
+// stylelint-disable declaration-no-important
+
+@mixin float-left() {
+  float: left !important;
+  @include deprecate("The `float-left` mixin", "v4.3.0", "v5");
+}
+@mixin float-right() {
+  float: right !important;
+  @include deprecate("The `float-right` mixin", "v4.3.0", "v5");
+}
+@mixin float-none() {
+  float: none !important;
+  @include deprecate("The `float-none` mixin", "v4.3.0", "v5");
+}
diff --git a/_sass/bootstrap/scss/mixins/_forms.scss b/_sass/bootstrap/scss/mixins/_forms.scss
new file mode 100644
index 000000000..39b52f3ca
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_forms.scss
@@ -0,0 +1,178 @@
+// Form control focus state
+//
+// Generate a customized focus state and for any input with the specified color,
+// which defaults to the `$input-focus-border-color` variable.
+//
+// We highly encourage you to not customize the default value, but instead use
+// this to tweak colors on an as-needed basis. This aesthetic change is based on
+// WebKit's default styles, but applicable to a wider range of browsers. Its
+// usability and accessibility should be taken into account with any change.
+//
+// Example usage: change the default blue border and shadow to white for better
+// contrast against a dark gray background.
+@mixin form-control-focus($ignore-warning: false) {
+  &:focus {
+    color: $input-focus-color;
+    background-color: $input-focus-bg;
+    border-color: $input-focus-border-color;
+    outline: 0;
+    @if $enable-shadows {
+      @include box-shadow($input-box-shadow, $input-focus-box-shadow);
+    } @else {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      box-shadow: $input-focus-box-shadow;
+    }
+  }
+  @include deprecate("The `form-control-focus()` mixin", "v4.4.0", "v5", $ignore-warning);
+}
+
+// This mixin uses an `if()` technique to be compatible with Dart Sass
+// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details
+@mixin form-validation-state-selector($state) {
+  @if ($state == "valid" or $state == "invalid") {
+    .was-validated #{if(&, "&", "")}:#{$state},
+    #{if(&, "&", "")}.is-#{$state} {
+      @content;
+    }
+  } @else {
+    #{if(&, "&", "")}.is-#{$state} {
+      @content;
+    }
+  }
+}
+
+@mixin form-validation-state($state, $color, $icon) {
+  .#{$state}-feedback {
+    display: none;
+    width: 100%;
+    margin-top: $form-feedback-margin-top;
+    @include font-size($form-feedback-font-size);
+    color: $color;
+  }
+
+  .#{$state}-tooltip {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 5;
+    display: none;
+    max-width: 100%; // Contain to parent when possible
+    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
+    margin-top: .1rem;
+    @include font-size($form-feedback-tooltip-font-size);
+    line-height: $form-feedback-tooltip-line-height;
+    color: color-yiq($color);
+    background-color: rgba($color, $form-feedback-tooltip-opacity);
+    @include border-radius($form-feedback-tooltip-border-radius);
+  }
+
+  @include form-validation-state-selector($state) {
+    ~ .#{$state}-feedback,
+    ~ .#{$state}-tooltip {
+      display: block;
+    }
+  }
+
+  .form-control {
+    @include form-validation-state-selector($state) {
+      border-color: $color;
+
+      @if $enable-validation-icons {
+        padding-right: $input-height-inner;
+        background-image: escape-svg($icon);
+        background-repeat: no-repeat;
+        background-position: right $input-height-inner-quarter center;
+        background-size: $input-height-inner-half $input-height-inner-half;
+      }
+
+      &:focus {
+        border-color: $color;
+        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+      }
+    }
+  }
+
+  // stylelint-disable-next-line selector-no-qualifying-type
+  textarea.form-control {
+    @include form-validation-state-selector($state) {
+      @if $enable-validation-icons {
+        padding-right: $input-height-inner;
+        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
+      }
+    }
+  }
+
+  .custom-select {
+    @include form-validation-state-selector($state) {
+      border-color: $color;
+
+      @if $enable-validation-icons {
+        padding-right: $custom-select-feedback-icon-padding-right;
+        background: $custom-select-background, escape-svg($icon) $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;
+      }
+
+      &:focus {
+        border-color: $color;
+        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+      }
+    }
+  }
+
+  .form-check-input {
+    @include form-validation-state-selector($state) {
+      ~ .form-check-label {
+        color: $color;
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+    }
+  }
+
+  .custom-control-input {
+    @include form-validation-state-selector($state) {
+      ~ .custom-control-label {
+        color: $color;
+
+        &::before {
+          border-color: $color;
+        }
+      }
+
+      &:checked {
+        ~ .custom-control-label::before {
+          border-color: lighten($color, 10%);
+          @include gradient-bg(lighten($color, 10%));
+        }
+      }
+
+      &:focus {
+        ~ .custom-control-label::before {
+          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+        }
+
+        &:not(:checked) ~ .custom-control-label::before {
+          border-color: $color;
+        }
+      }
+    }
+  }
+
+  // custom file
+  .custom-file-input {
+    @include form-validation-state-selector($state) {
+      ~ .custom-file-label {
+        border-color: $color;
+      }
+
+      &:focus {
+        ~ .custom-file-label {
+          border-color: $color;
+          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+        }
+      }
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_gradients.scss b/_sass/bootstrap/scss/mixins/_gradients.scss
new file mode 100644
index 000000000..88c4d64b7
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_gradients.scss
@@ -0,0 +1,45 @@
+// Gradients
+
+@mixin gradient-bg($color) {
+  @if $enable-gradients {
+    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
+  } @else {
+    background-color: $color;
+  }
+}
+
+// Horizontal gradient, from left to right
+//
+// Creates two color stops, start and end, by specifying a color and position for each color stop.
+@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
+  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
+  background-repeat: repeat-x;
+}
+
+// Vertical gradient, from top to bottom
+//
+// Creates two color stops, start and end, by specifying a color and position for each color stop.
+@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
+  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
+  background-repeat: repeat-x;
+}
+
+@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
+  background-image: linear-gradient($deg, $start-color, $end-color);
+  background-repeat: repeat-x;
+}
+@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
+  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
+  background-repeat: no-repeat;
+}
+@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
+  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
+  background-repeat: no-repeat;
+}
+@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
+  background-image: radial-gradient(circle, $inner-color, $outer-color);
+  background-repeat: no-repeat;
+}
+@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
+  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
+}
diff --git a/_sass/bootstrap/scss/mixins/_grid-framework.scss b/_sass/bootstrap/scss/mixins/_grid-framework.scss
new file mode 100644
index 000000000..6fc8e8561
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_grid-framework.scss
@@ -0,0 +1,80 @@
+// Framework grid generation
+//
+// Used only by Bootstrap to generate the correct number of grid classes given
+// any value of `$grid-columns`.
+
+@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
+  // Common properties for all breakpoints
+  %grid-column {
+    position: relative;
+    width: 100%;
+    padding-right: $gutter / 2;
+    padding-left: $gutter / 2;
+  }
+
+  @each $breakpoint in map-keys($breakpoints) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    @if $columns > 0 {
+      // Allow columns to stretch full width below their breakpoints
+      @for $i from 1 through $columns {
+        .col#{$infix}-#{$i} {
+          @extend %grid-column;
+        }
+      }
+    }
+
+    .col#{$infix},
+    .col#{$infix}-auto {
+      @extend %grid-column;
+    }
+
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
+      // Provide basic `.col-{bp}` classes for equal-width flexbox columns
+      .col#{$infix} {
+        flex-basis: 0;
+        flex-grow: 1;
+        max-width: 100%;
+      }
+
+      @if $grid-row-columns > 0 {
+        @for $i from 1 through $grid-row-columns {
+          .row-cols#{$infix}-#{$i} {
+            @include row-cols($i);
+          }
+        }
+      }
+
+      .col#{$infix}-auto {
+        @include make-col-auto();
+      }
+
+      @if $columns > 0 {
+        @for $i from 1 through $columns {
+          .col#{$infix}-#{$i} {
+            @include make-col($i, $columns);
+          }
+        }
+      }
+
+      .order#{$infix}-first { order: -1; }
+
+      .order#{$infix}-last { order: $columns + 1; }
+
+      @for $i from 0 through $columns {
+        .order#{$infix}-#{$i} { order: $i; }
+      }
+
+      @if $columns > 0 {
+        // `$columns - 1` because offsetting by the width of an entire row isn't possible
+        @for $i from 0 through ($columns - 1) {
+          @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
+            .offset#{$infix}-#{$i} {
+              @include make-col-offset($i, $columns);
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_grid.scss b/_sass/bootstrap/scss/mixins/_grid.scss
new file mode 100644
index 000000000..b72d150e4
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_grid.scss
@@ -0,0 +1,69 @@
+/// Grid system
+//
+// Generate semantic grid columns with these mixins.
+
+@mixin make-container($gutter: $grid-gutter-width) {
+  width: 100%;
+  padding-right: $gutter / 2;
+  padding-left: $gutter / 2;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@mixin make-row($gutter: $grid-gutter-width) {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -$gutter / 2;
+  margin-left: -$gutter / 2;
+}
+
+// For each breakpoint, define the maximum width of the container in a media query
+@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
+  @each $breakpoint, $container-max-width in $max-widths {
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
+      max-width: $container-max-width;
+    }
+  }
+  @include deprecate("The `make-container-max-widths` mixin", "v4.5.2", "v5");
+}
+
+@mixin make-col-ready($gutter: $grid-gutter-width) {
+  position: relative;
+  // Prevent columns from becoming too narrow when at smaller grid tiers by
+  // always setting `width: 100%;`. This works because we use `flex` values
+  // later on to override this initial width.
+  width: 100%;
+  padding-right: $gutter / 2;
+  padding-left: $gutter / 2;
+}
+
+@mixin make-col($size, $columns: $grid-columns) {
+  flex: 0 0 percentage($size / $columns);
+  // Add a `max-width` to ensure content within each column does not blow out
+  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
+  // do not appear to require this.
+  max-width: percentage($size / $columns);
+}
+
+@mixin make-col-auto() {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: 100%; // Reset earlier grid tiers
+}
+
+@mixin make-col-offset($size, $columns: $grid-columns) {
+  $num: $size / $columns;
+  margin-left: if($num == 0, 0, percentage($num));
+}
+
+// Row columns
+//
+// Specify on a parent element(e.g., .row) to force immediate children into NN
+// numberof columns. Supports wrapping to new lines, but does not do a Masonry
+// style grid.
+@mixin row-cols($count) {
+  & > * {
+    flex: 0 0 100% / $count;
+    max-width: 100% / $count;
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_hover.scss b/_sass/bootstrap/scss/mixins/_hover.scss
new file mode 100644
index 000000000..409f8244e
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_hover.scss
@@ -0,0 +1,37 @@
+// Hover mixin and `$enable-hover-media-query` are deprecated.
+//
+// Originally added during our alphas and maintained during betas, this mixin was
+// designed to prevent `:hover` stickiness on iOS-an issue where hover styles
+// would persist after initial touch.
+//
+// For backward compatibility, we've kept these mixins and updated them to
+// always return their regular pseudo-classes instead of a shimmed media query.
+//
+// Issue: https://github.com/twbs/bootstrap/issues/25195
+
+@mixin hover() {
+  &:hover { @content; }
+}
+
+@mixin hover-focus() {
+  &:hover,
+  &:focus {
+    @content;
+  }
+}
+
+@mixin plain-hover-focus() {
+  &,
+  &:hover,
+  &:focus {
+    @content;
+  }
+}
+
+@mixin hover-focus-active() {
+  &:hover,
+  &:focus,
+  &:active {
+    @content;
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_image.scss b/_sass/bootstrap/scss/mixins/_image.scss
new file mode 100644
index 000000000..c971e038b
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_image.scss
@@ -0,0 +1,36 @@
+// Image Mixins
+// - Responsive image
+// - Retina image
+
+
+// Responsive image
+//
+// Keep images from scaling beyond the width of their parents.
+
+@mixin img-fluid() {
+  // Part 1: Set a maximum relative to the parent
+  max-width: 100%;
+  // Part 2: Override the height to auto, otherwise images will be stretched
+  // when setting a width and height attribute on the img element.
+  height: auto;
+}
+
+
+// Retina image
+//
+// Short retina mixin for setting background-image and -size.
+
+@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
+  background-image: url($file-1x);
+
+  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
+  // but doesn't convert dppx=>dpi.
+  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
+  // Compatibility info: https://caniuse.com/#feat=css-media-resolution
+  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
+    only screen and (min-resolution: 2dppx) { // Standardized
+    background-image: url($file-2x);
+    background-size: $width-1x $height-1x;
+  }
+  @include deprecate("`img-retina()`", "v4.3.0", "v5");
+}
diff --git a/_sass/bootstrap/scss/mixins/_list-group.scss b/_sass/bootstrap/scss/mixins/_list-group.scss
new file mode 100644
index 000000000..0da353156
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_list-group.scss
@@ -0,0 +1,21 @@
+// List Groups
+
+@mixin list-group-item-variant($state, $background, $color) {
+  .list-group-item-#{$state} {
+    color: $color;
+    background-color: $background;
+
+    &.list-group-item-action {
+      @include hover-focus() {
+        color: $color;
+        background-color: darken($background, 5%);
+      }
+
+      &.active {
+        color: $white;
+        background-color: $color;
+        border-color: $color;
+      }
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_lists.scss b/_sass/bootstrap/scss/mixins/_lists.scss
new file mode 100644
index 000000000..251cb0733
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_lists.scss
@@ -0,0 +1,7 @@
+// Lists
+
+// Unstyled keeps list items block level, just removes default browser padding and list-style
+@mixin list-unstyled() {
+  padding-left: 0;
+  list-style: none;
+}
diff --git a/_sass/bootstrap/scss/mixins/_nav-divider.scss b/_sass/bootstrap/scss/mixins/_nav-divider.scss
new file mode 100644
index 000000000..3e0cceafe
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_nav-divider.scss
@@ -0,0 +1,11 @@
+// Horizontal dividers
+//
+// Dividers (basically an hr) within dropdowns and nav lists
+
+@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {
+  height: 0;
+  margin: $margin-y 0;
+  overflow: hidden;
+  border-top: 1px solid $color;
+  @include deprecate("The `nav-divider()` mixin", "v4.4.0", "v5", $ignore-warning);
+}
diff --git a/_sass/bootstrap/scss/mixins/_pagination.scss b/_sass/bootstrap/scss/mixins/_pagination.scss
new file mode 100644
index 000000000..af8e16d6a
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_pagination.scss
@@ -0,0 +1,22 @@
+// Pagination
+
+@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
+  .page-link {
+    padding: $padding-y $padding-x;
+    @include font-size($font-size);
+    line-height: $line-height;
+  }
+
+  .page-item {
+    &:first-child {
+      .page-link {
+        @include border-left-radius($border-radius);
+      }
+    }
+    &:last-child {
+      .page-link {
+        @include border-right-radius($border-radius);
+      }
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_reset-text.scss b/_sass/bootstrap/scss/mixins/_reset-text.scss
new file mode 100644
index 000000000..15b4407a0
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_reset-text.scss
@@ -0,0 +1,17 @@
+@mixin reset-text() {
+  font-family: $font-family-base;
+  // We deliberately do NOT reset font-size or word-wrap.
+  font-style: normal;
+  font-weight: $font-weight-normal;
+  line-height: $line-height-base;
+  text-align: left; // Fallback for where `start` is not supported
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_resize.scss b/_sass/bootstrap/scss/mixins/_resize.scss
similarity index 56%
rename from _sass/p2pu-css-framework/bootstrap/mixins/_resize.scss
rename to _sass/bootstrap/scss/mixins/_resize.scss
index 7d55002c5..66f233a63 100644
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_resize.scss
+++ b/_sass/bootstrap/scss/mixins/_resize.scss
@@ -1,6 +1,6 @@
 // Resize anything
 
 @mixin resizable($direction) {
+  overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
   resize: $direction; // Options: horizontal, vertical, both
-  overflow: auto; // Safari fix
 }
diff --git a/_sass/bootstrap/scss/mixins/_screen-reader.scss b/_sass/bootstrap/scss/mixins/_screen-reader.scss
new file mode 100644
index 000000000..21230390e
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_screen-reader.scss
@@ -0,0 +1,34 @@
+// Only display content to screen readers
+//
+// See: https://a11yproject.com/posts/how-to-hide-content/
+// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
+
+@mixin sr-only() {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable() {
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_size.scss b/_sass/bootstrap/scss/mixins/_size.scss
new file mode 100644
index 000000000..69e056d2c
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_size.scss
@@ -0,0 +1,7 @@
+// Sizing shortcuts
+
+@mixin size($width, $height: $width) {
+  width: $width;
+  height: $height;
+  @include deprecate("`size()`", "v4.3.0", "v5");
+}
diff --git a/_sass/bootstrap/scss/mixins/_table-row.scss b/_sass/bootstrap/scss/mixins/_table-row.scss
new file mode 100644
index 000000000..1ccde6b6c
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_table-row.scss
@@ -0,0 +1,39 @@
+// Tables
+
+@mixin table-row-variant($state, $background, $border: null) {
+  // Exact selectors below required to override `.table-striped` and prevent
+  // inheritance to nested tables.
+  .table-#{$state} {
+    &,
+    > th,
+    > td {
+      background-color: $background;
+    }
+
+    @if $border != null {
+      th,
+      td,
+      thead th,
+      tbody + tbody {
+        border-color: $border;
+      }
+    }
+  }
+
+  // Hover states for `.table-hover`
+  // Note: this is not available for cells or rows within `thead` or `tfoot`.
+  .table-hover {
+    $hover-background: darken($background, 5%);
+
+    .table-#{$state} {
+      @include hover() {
+        background-color: $hover-background;
+
+        > td,
+        > th {
+          background-color: $hover-background;
+        }
+      }
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_text-emphasis.scss b/_sass/bootstrap/scss/mixins/_text-emphasis.scss
new file mode 100644
index 000000000..5eb8a5515
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_text-emphasis.scss
@@ -0,0 +1,17 @@
+// stylelint-disable declaration-no-important
+
+// Typography
+
+@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {
+  #{$parent} {
+    color: $color !important;
+  }
+  @if $emphasized-link-hover-darken-percentage != 0 {
+    a#{$parent} {
+      @include hover-focus() {
+        color: darken($color, $emphasized-link-hover-darken-percentage) !important;
+      }
+    }
+  }
+  @include deprecate("`text-emphasis-variant()`", "v4.4.0", "v5", $ignore-warning);
+}
diff --git a/_sass/bootstrap/scss/mixins/_text-hide.scss b/_sass/bootstrap/scss/mixins/_text-hide.scss
new file mode 100644
index 000000000..3a923011e
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_text-hide.scss
@@ -0,0 +1,11 @@
+// CSS image replacement
+@mixin text-hide($ignore-warning: false) {
+  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+
+  @include deprecate("`text-hide()`", "v4.1.0", "v5", $ignore-warning);
+}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_text-overflow.scss b/_sass/bootstrap/scss/mixins/_text-truncate.scss
similarity index 75%
rename from _sass/p2pu-css-framework/bootstrap/mixins/_text-overflow.scss
rename to _sass/bootstrap/scss/mixins/_text-truncate.scss
index 1593b25ea..3504bb1aa 100644
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_text-overflow.scss
+++ b/_sass/bootstrap/scss/mixins/_text-truncate.scss
@@ -1,7 +1,7 @@
-// Text overflow
+// Text truncate
 // Requires inline-block or block for proper styling
 
-@mixin text-overflow() {
+@mixin text-truncate() {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
diff --git a/_sass/bootstrap/scss/mixins/_transition.scss b/_sass/bootstrap/scss/mixins/_transition.scss
new file mode 100644
index 000000000..54553deb9
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_transition.scss
@@ -0,0 +1,26 @@
+// stylelint-disable property-blacklist
+@mixin transition($transition...) {
+  @if length($transition) == 0 {
+    $transition: $transition-base;
+  }
+
+  @if length($transition) > 1 {
+    @each $value in $transition {
+      @if $value == null or $value == none {
+        @warn "The keyword 'none' or 'null' must be used as a single argument.";
+      }
+    }
+  }
+
+  @if $enable-transitions {
+    @if nth($transition, 1) != null {
+      transition: $transition;
+    }
+
+    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {
+      @media (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/mixins/_visibility.scss b/_sass/bootstrap/scss/mixins/_visibility.scss
new file mode 100644
index 000000000..f17467311
--- /dev/null
+++ b/_sass/bootstrap/scss/mixins/_visibility.scss
@@ -0,0 +1,8 @@
+// stylelint-disable declaration-no-important
+
+// Visibility
+
+@mixin invisible($visibility) {
+  visibility: $visibility !important;
+  @include deprecate("`invisible()`", "v4.3.0", "v5");
+}
diff --git a/_sass/bootstrap/scss/utilities/_align.scss b/_sass/bootstrap/scss/utilities/_align.scss
new file mode 100644
index 000000000..8b7df9f76
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_align.scss
@@ -0,0 +1,8 @@
+// stylelint-disable declaration-no-important
+
+.align-baseline    { vertical-align: baseline !important; } // Browser default
+.align-top         { vertical-align: top !important; }
+.align-middle      { vertical-align: middle !important; }
+.align-bottom      { vertical-align: bottom !important; }
+.align-text-bottom { vertical-align: text-bottom !important; }
+.align-text-top    { vertical-align: text-top !important; }
diff --git a/_sass/bootstrap/scss/utilities/_background.scss b/_sass/bootstrap/scss/utilities/_background.scss
new file mode 100644
index 000000000..3accbc4fd
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_background.scss
@@ -0,0 +1,19 @@
+// stylelint-disable declaration-no-important
+
+@each $color, $value in $theme-colors {
+  @include bg-variant(".bg-#{$color}", $value, true);
+}
+
+@if $enable-gradients {
+  @each $color, $value in $theme-colors {
+    @include bg-gradient-variant(".bg-gradient-#{$color}", $value, true);
+  }
+}
+
+.bg-white {
+  background-color: $white !important;
+}
+
+.bg-transparent {
+  background-color: transparent !important;
+}
diff --git a/_sass/bootstrap/scss/utilities/_borders.scss b/_sass/bootstrap/scss/utilities/_borders.scss
new file mode 100644
index 000000000..302f6bf84
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_borders.scss
@@ -0,0 +1,75 @@
+// stylelint-disable property-blacklist, declaration-no-important
+
+//
+// Border
+//
+
+.border         { border: $border-width solid $border-color !important; }
+.border-top     { border-top: $border-width solid $border-color !important; }
+.border-right   { border-right: $border-width solid $border-color !important; }
+.border-bottom  { border-bottom: $border-width solid $border-color !important; }
+.border-left    { border-left: $border-width solid $border-color !important; }
+
+.border-0        { border: 0 !important; }
+.border-top-0    { border-top: 0 !important; }
+.border-right-0  { border-right: 0 !important; }
+.border-bottom-0 { border-bottom: 0 !important; }
+.border-left-0   { border-left: 0 !important; }
+
+@each $color, $value in $theme-colors {
+  .border-#{$color} {
+    border-color: $value !important;
+  }
+}
+
+.border-white {
+  border-color: $white !important;
+}
+
+//
+// Border-radius
+//
+
+.rounded-sm {
+  border-radius: $border-radius-sm !important;
+}
+
+.rounded {
+  border-radius: $border-radius !important;
+}
+
+.rounded-top {
+  border-top-left-radius: $border-radius !important;
+  border-top-right-radius: $border-radius !important;
+}
+
+.rounded-right {
+  border-top-right-radius: $border-radius !important;
+  border-bottom-right-radius: $border-radius !important;
+}
+
+.rounded-bottom {
+  border-bottom-right-radius: $border-radius !important;
+  border-bottom-left-radius: $border-radius !important;
+}
+
+.rounded-left {
+  border-top-left-radius: $border-radius !important;
+  border-bottom-left-radius: $border-radius !important;
+}
+
+.rounded-lg {
+  border-radius: $border-radius-lg !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-pill {
+  border-radius: $rounded-pill !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
diff --git a/_sass/bootstrap/scss/utilities/_clearfix.scss b/_sass/bootstrap/scss/utilities/_clearfix.scss
new file mode 100644
index 000000000..e92522a94
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_clearfix.scss
@@ -0,0 +1,3 @@
+.clearfix {
+  @include clearfix();
+}
diff --git a/_sass/bootstrap/scss/utilities/_display.scss b/_sass/bootstrap/scss/utilities/_display.scss
new file mode 100644
index 000000000..130367998
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_display.scss
@@ -0,0 +1,26 @@
+// stylelint-disable declaration-no-important
+
+//
+// Utilities for common `display` values
+//
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $value in $displays {
+      .d#{$infix}-#{$value} { display: $value !important; }
+    }
+  }
+}
+
+
+//
+// Utilities for toggling `display` in print
+//
+
+@media print {
+  @each $value in $displays {
+    .d-print-#{$value} { display: $value !important; }
+  }
+}
diff --git a/_sass/bootstrap/scss/utilities/_embed.scss b/_sass/bootstrap/scss/utilities/_embed.scss
new file mode 100644
index 000000000..4497ac040
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_embed.scss
@@ -0,0 +1,39 @@
+// Credit: Nicolas Gallagher and SUIT CSS.
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+
+  &::before {
+    display: block;
+    content: "";
+  }
+
+  .embed-responsive-item,
+  iframe,
+  embed,
+  object,
+  video {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+  }
+}
+
+@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
+  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
+  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
+
+  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
+    &::before {
+      padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/utilities/_flex.scss b/_sass/bootstrap/scss/utilities/_flex.scss
new file mode 100644
index 000000000..3d4266e0d
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_flex.scss
@@ -0,0 +1,51 @@
+// stylelint-disable declaration-no-important
+
+// Flex variation
+//
+// Custom styles for additional flex alignment options.
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .flex#{$infix}-row            { flex-direction: row !important; }
+    .flex#{$infix}-column         { flex-direction: column !important; }
+    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
+    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
+
+    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }
+    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
+    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
+    .flex#{$infix}-fill         { flex: 1 1 auto !important; }
+    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }
+    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }
+    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }
+    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }
+
+    .justify-content#{$infix}-start   { justify-content: flex-start !important; }
+    .justify-content#{$infix}-end     { justify-content: flex-end !important; }
+    .justify-content#{$infix}-center  { justify-content: center !important; }
+    .justify-content#{$infix}-between { justify-content: space-between !important; }
+    .justify-content#{$infix}-around  { justify-content: space-around !important; }
+
+    .align-items#{$infix}-start    { align-items: flex-start !important; }
+    .align-items#{$infix}-end      { align-items: flex-end !important; }
+    .align-items#{$infix}-center   { align-items: center !important; }
+    .align-items#{$infix}-baseline { align-items: baseline !important; }
+    .align-items#{$infix}-stretch  { align-items: stretch !important; }
+
+    .align-content#{$infix}-start   { align-content: flex-start !important; }
+    .align-content#{$infix}-end     { align-content: flex-end !important; }
+    .align-content#{$infix}-center  { align-content: center !important; }
+    .align-content#{$infix}-between { align-content: space-between !important; }
+    .align-content#{$infix}-around  { align-content: space-around !important; }
+    .align-content#{$infix}-stretch { align-content: stretch !important; }
+
+    .align-self#{$infix}-auto     { align-self: auto !important; }
+    .align-self#{$infix}-start    { align-self: flex-start !important; }
+    .align-self#{$infix}-end      { align-self: flex-end !important; }
+    .align-self#{$infix}-center   { align-self: center !important; }
+    .align-self#{$infix}-baseline { align-self: baseline !important; }
+    .align-self#{$infix}-stretch  { align-self: stretch !important; }
+  }
+}
diff --git a/_sass/bootstrap/scss/utilities/_float.scss b/_sass/bootstrap/scss/utilities/_float.scss
new file mode 100644
index 000000000..54250844f
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_float.scss
@@ -0,0 +1,11 @@
+// stylelint-disable declaration-no-important
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .float#{$infix}-left  { float: left !important; }
+    .float#{$infix}-right { float: right !important; }
+    .float#{$infix}-none  { float: none !important; }
+  }
+}
diff --git a/_sass/bootstrap/scss/utilities/_interactions.scss b/_sass/bootstrap/scss/utilities/_interactions.scss
new file mode 100644
index 000000000..cc75fc21b
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_interactions.scss
@@ -0,0 +1,5 @@
+// stylelint-disable declaration-no-important
+
+@each $value in $user-selects {
+  .user-select-#{$value} { user-select: $value !important; }
+}
diff --git a/_sass/bootstrap/scss/utilities/_overflow.scss b/_sass/bootstrap/scss/utilities/_overflow.scss
new file mode 100644
index 000000000..8326c3064
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_overflow.scss
@@ -0,0 +1,5 @@
+// stylelint-disable declaration-no-important
+
+@each $value in $overflows {
+  .overflow-#{$value} { overflow: $value !important; }
+}
diff --git a/_sass/bootstrap/scss/utilities/_position.scss b/_sass/bootstrap/scss/utilities/_position.scss
new file mode 100644
index 000000000..cdf6c115f
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_position.scss
@@ -0,0 +1,32 @@
+// stylelint-disable declaration-no-important
+
+// Common values
+@each $position in $positions {
+  .position-#{$position} { position: $position !important; }
+}
+
+// Shorthand
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+.sticky-top {
+  @supports (position: sticky) {
+    position: sticky;
+    top: 0;
+    z-index: $zindex-sticky;
+  }
+}
diff --git a/_sass/bootstrap/scss/utilities/_screenreaders.scss b/_sass/bootstrap/scss/utilities/_screenreaders.scss
new file mode 100644
index 000000000..9f26fde03
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_screenreaders.scss
@@ -0,0 +1,11 @@
+//
+// Screenreaders
+//
+
+.sr-only {
+  @include sr-only();
+}
+
+.sr-only-focusable {
+  @include sr-only-focusable();
+}
diff --git a/_sass/bootstrap/scss/utilities/_shadows.scss b/_sass/bootstrap/scss/utilities/_shadows.scss
new file mode 100644
index 000000000..f5d03fcd5
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_shadows.scss
@@ -0,0 +1,6 @@
+// stylelint-disable declaration-no-important
+
+.shadow-sm { box-shadow: $box-shadow-sm !important; }
+.shadow { box-shadow: $box-shadow !important; }
+.shadow-lg { box-shadow: $box-shadow-lg !important; }
+.shadow-none { box-shadow: none !important; }
diff --git a/_sass/bootstrap/scss/utilities/_sizing.scss b/_sass/bootstrap/scss/utilities/_sizing.scss
new file mode 100644
index 000000000..f37648802
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_sizing.scss
@@ -0,0 +1,20 @@
+// stylelint-disable declaration-no-important
+
+// Width and height
+
+@each $prop, $abbrev in (width: w, height: h) {
+  @each $size, $length in $sizes {
+    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
+  }
+}
+
+.mw-100 { max-width: 100% !important; }
+.mh-100 { max-height: 100% !important; }
+
+// Viewport additional helpers
+
+.min-vw-100 { min-width: 100vw !important; }
+.min-vh-100 { min-height: 100vh !important; }
+
+.vw-100 { width: 100vw !important; }
+.vh-100 { height: 100vh !important; }
diff --git a/_sass/bootstrap/scss/utilities/_spacing.scss b/_sass/bootstrap/scss/utilities/_spacing.scss
new file mode 100644
index 000000000..351136790
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_spacing.scss
@@ -0,0 +1,73 @@
+// stylelint-disable declaration-no-important
+
+// Margin and Padding
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: m, padding: p) {
+      @each $size, $length in $spacers {
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .#{$abbrev}t#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-top: $length !important;
+        }
+        .#{$abbrev}r#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-right: $length !important;
+        }
+        .#{$abbrev}b#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-bottom: $length !important;
+        }
+        .#{$abbrev}l#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-left: $length !important;
+        }
+      }
+    }
+
+    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
+    @each $size, $length in $spacers {
+      @if $size != 0 {
+        .m#{$infix}-n#{$size} { margin: -$length !important; }
+        .mt#{$infix}-n#{$size},
+        .my#{$infix}-n#{$size} {
+          margin-top: -$length !important;
+        }
+        .mr#{$infix}-n#{$size},
+        .mx#{$infix}-n#{$size} {
+          margin-right: -$length !important;
+        }
+        .mb#{$infix}-n#{$size},
+        .my#{$infix}-n#{$size} {
+          margin-bottom: -$length !important;
+        }
+        .ml#{$infix}-n#{$size},
+        .mx#{$infix}-n#{$size} {
+          margin-left: -$length !important;
+        }
+      }
+    }
+
+    // Some special margin utils
+    .m#{$infix}-auto { margin: auto !important; }
+    .mt#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-top: auto !important;
+    }
+    .mr#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+    }
+    .mb#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-bottom: auto !important;
+    }
+    .ml#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-left: auto !important;
+    }
+  }
+}
diff --git a/_sass/bootstrap/scss/utilities/_stretched-link.scss b/_sass/bootstrap/scss/utilities/_stretched-link.scss
new file mode 100644
index 000000000..fb5066bf5
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_stretched-link.scss
@@ -0,0 +1,19 @@
+//
+// Stretched link
+//
+
+.stretched-link {
+  &::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    // Just in case `pointer-events: none` is set on a parent
+    pointer-events: auto;
+    content: "";
+    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
+    background-color: rgba(0, 0, 0, 0);
+  }
+}
diff --git a/_sass/bootstrap/scss/utilities/_text.scss b/_sass/bootstrap/scss/utilities/_text.scss
new file mode 100644
index 000000000..5d0f1c845
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_text.scss
@@ -0,0 +1,72 @@
+// stylelint-disable declaration-no-important
+
+//
+// Text
+//
+
+.text-monospace { font-family: $font-family-monospace !important; }
+
+// Alignment
+
+.text-justify  { text-align: justify !important; }
+.text-wrap     { white-space: normal !important; }
+.text-nowrap   { white-space: nowrap !important; }
+.text-truncate { @include text-truncate(); }
+
+// Responsive alignment
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .text#{$infix}-left   { text-align: left !important; }
+    .text#{$infix}-right  { text-align: right !important; }
+    .text#{$infix}-center { text-align: center !important; }
+  }
+}
+
+// Transformation
+
+.text-lowercase  { text-transform: lowercase !important; }
+.text-uppercase  { text-transform: uppercase !important; }
+.text-capitalize { text-transform: capitalize !important; }
+
+// Weight and italics
+
+.font-weight-light   { font-weight: $font-weight-light !important; }
+.font-weight-lighter { font-weight: $font-weight-lighter !important; }
+.font-weight-normal  { font-weight: $font-weight-normal !important; }
+.font-weight-bold    { font-weight: $font-weight-bold !important; }
+.font-weight-bolder  { font-weight: $font-weight-bolder !important; }
+.font-italic         { font-style: italic !important; }
+
+// Contextual colors
+
+.text-white { color: $white !important; }
+
+@each $color, $value in $theme-colors {
+  @include text-emphasis-variant(".text-#{$color}", $value, true);
+}
+
+.text-body { color: $body-color !important; }
+.text-muted { color: $text-muted !important; }
+
+.text-black-50 { color: rgba($black, .5) !important; }
+.text-white-50 { color: rgba($white, .5) !important; }
+
+// Misc
+
+.text-hide {
+  @include text-hide($ignore-warning: true);
+}
+
+.text-decoration-none { text-decoration: none !important; }
+
+.text-break {
+  word-break: break-word !important; // IE & < Edge 18
+  overflow-wrap: break-word !important;
+}
+
+// Reset
+
+.text-reset { color: inherit !important; }
diff --git a/_sass/bootstrap/scss/utilities/_visibility.scss b/_sass/bootstrap/scss/utilities/_visibility.scss
new file mode 100644
index 000000000..7756c3bfa
--- /dev/null
+++ b/_sass/bootstrap/scss/utilities/_visibility.scss
@@ -0,0 +1,13 @@
+// stylelint-disable declaration-no-important
+
+//
+// Visibility utilities
+//
+
+.visible {
+  visibility: visible !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+}
diff --git a/_sass/bootstrap/scss/vendor/_rfs.scss b/_sass/bootstrap/scss/vendor/_rfs.scss
new file mode 100644
index 000000000..497e07eda
--- /dev/null
+++ b/_sass/bootstrap/scss/vendor/_rfs.scss
@@ -0,0 +1,204 @@
+// stylelint-disable property-blacklist, scss/dollar-variable-default
+
+// SCSS RFS mixin
+//
+// Automated font-resizing
+//
+// See https://github.com/twbs/rfs
+
+// Configuration
+
+// Base font size
+$rfs-base-font-size: 1.25rem !default;
+$rfs-font-size-unit: rem !default;
+
+// Breakpoint at where font-size starts decreasing if screen width is smaller
+$rfs-breakpoint: 1200px !default;
+$rfs-breakpoint-unit: px !default;
+
+// Resize font-size based on screen height and width
+$rfs-two-dimensional: false !default;
+
+// Factor of decrease
+$rfs-factor: 10 !default;
+
+@if type-of($rfs-factor) != "number" or $rfs-factor <= 1 {
+  @error "`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.";
+}
+
+// Generate enable or disable classes. Possibilities: false, "enable" or "disable"
+$rfs-class: false !default;
+
+// 1 rem = $rfs-rem-value px
+$rfs-rem-value: 16 !default;
+
+// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14
+$rfs-safari-iframe-resize-bug-fix: false !default;
+
+// Disable RFS by setting $enable-responsive-font-sizes to false
+$enable-responsive-font-sizes: true !default;
+
+// Cache $rfs-base-font-size unit
+$rfs-base-font-size-unit: unit($rfs-base-font-size);
+
+// Remove px-unit from $rfs-base-font-size for calculations
+@if $rfs-base-font-size-unit == "px" {
+  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);
+}
+@else if $rfs-base-font-size-unit == "rem" {
+  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);
+}
+
+// Cache $rfs-breakpoint unit to prevent multiple calls
+$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
+
+// Remove unit from $rfs-breakpoint for calculations
+@if $rfs-breakpoint-unit-cache == "px" {
+  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);
+}
+@else if $rfs-breakpoint-unit-cache == "rem" or $rfs-breakpoint-unit-cache == "em" {
+  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);
+}
+
+// Responsive font-size mixin
+@mixin rfs($fs, $important: false) {
+  // Cache $fs unit
+  $fs-unit: if(type-of($fs) == "number", unit($fs), false);
+
+  // Add !important suffix if needed
+  $rfs-suffix: if($important, " !important", "");
+
+  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
+  @if not $fs-unit or $fs-unit != "" and $fs-unit != "px" and $fs-unit != "rem" or $fs == 0 {
+    font-size: #{$fs}#{$rfs-suffix};
+  }
+  @else {
+    // Variables for storing static and fluid rescaling
+    $rfs-static: null;
+    $rfs-fluid: null;
+
+    // Remove px-unit from $fs for calculations
+    @if $fs-unit == "px" {
+      $fs: $fs / ($fs * 0 + 1);
+    }
+    @else if $fs-unit == "rem" {
+      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);
+    }
+
+    // Set default font-size
+    @if $rfs-font-size-unit == rem {
+      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};
+    }
+    @else if $rfs-font-size-unit == px {
+      $rfs-static: #{$fs}px#{$rfs-suffix};
+    }
+    @else {
+      @error "`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.";
+    }
+
+    // Only add media query if font-size is bigger as the minimum font-size
+    // If $rfs-factor == 1, no rescaling will take place
+    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {
+      $min-width: null;
+      $variable-unit: null;
+
+      // Calculate minimum font-size for given font-size
+      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;
+
+      // Calculate difference between given font-size and minimum font-size for given font-size
+      $fs-diff: $fs - $fs-min;
+
+      // Base font-size formatting
+      // No need to check if the unit is valid, because we did that before
+      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);
+
+      // If two-dimensional, use smallest of screen width and height
+      $variable-unit: if($rfs-two-dimensional, vmin, vw);
+
+      // Calculate the variable width between 0 and $rfs-breakpoint
+      $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};
+
+      // Set the calculated font-size.
+      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};
+    }
+
+    // Rendering
+    @if $rfs-fluid == null {
+      // Only render static font-size if no fluid font-size is available
+      font-size: $rfs-static;
+    }
+    @else {
+      $mq-value: null;
+
+      // RFS breakpoint formatting
+      @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {
+        $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};
+      }
+      @else if $rfs-breakpoint-unit == px {
+        $mq-value: #{$rfs-breakpoint}px;
+      }
+      @else {
+        @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
+      }
+
+      @if $rfs-class == "disable" {
+        // Adding an extra class increases specificity,
+        // which prevents the media query to override the font size
+        &,
+        .disable-responsive-font-size &,
+        &.disable-responsive-font-size {
+          font-size: $rfs-static;
+        }
+      }
+      @else {
+        font-size: $rfs-static;
+      }
+
+      @if $rfs-two-dimensional {
+        @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
+          @if $rfs-class == "enable" {
+            .enable-responsive-font-size &,
+            &.enable-responsive-font-size {
+              font-size: $rfs-fluid;
+            }
+          }
+          @else {
+            font-size: $rfs-fluid;
+          }
+
+          @if $rfs-safari-iframe-resize-bug-fix {
+            // stylelint-disable-next-line length-zero-no-unit
+            min-width: 0vw;
+          }
+        }
+      }
+      @else {
+        @media (max-width: #{$mq-value}) {
+          @if $rfs-class == "enable" {
+            .enable-responsive-font-size &,
+            &.enable-responsive-font-size {
+              font-size: $rfs-fluid;
+            }
+          }
+          @else {
+            font-size: $rfs-fluid;
+          }
+
+          @if $rfs-safari-iframe-resize-bug-fix {
+            // stylelint-disable-next-line length-zero-no-unit
+            min-width: 0vw;
+          }
+        }
+      }
+    }
+  }
+}
+
+// The font-size & responsive-font-size mixin uses RFS to rescale font sizes
+@mixin font-size($fs, $important: false) {
+  @include rfs($fs, $important);
+}
+
+@mixin responsive-font-size($fs, $important: false) {
+  @include rfs($fs, $important);
+}
diff --git a/_sass/p2pu-css-framework/_buttons.scss b/_sass/p2pu-css-framework/_buttons.scss
deleted file mode 100644
index 041caffc8..000000000
--- a/_sass/p2pu-css-framework/_buttons.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-
-// Clearing misterious margin on brn group
-.btn-toolbar {
-	margin-left: 0 !important;
-	> .btn, > .btn-group, .input-group{
-		&:first-child{
-			margin-left: 0 !important;
-		}
-	}
-}
\ No newline at end of file
diff --git a/_sass/p2pu-css-framework/_fonts.scss b/_sass/p2pu-css-framework/_fonts.scss
deleted file mode 100644
index 85663f25b..000000000
--- a/_sass/p2pu-css-framework/_fonts.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-@font-face {
-    font-family: 'Open sans';
-    src: url('../fonts/OpenSans-Regular-webfont.eot');
-    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
-         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
-         url('../fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-
-@font-face {
-    font-family: 'Arvo';
-    src: url('../fonts/Arvo.woff') format('woff'),
-         url('../fonts/Arvo.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-
-}
\ No newline at end of file
diff --git a/_sass/p2pu-css-framework/_footer.scss b/_sass/p2pu-css-framework/_footer.scss
deleted file mode 100644
index 9d7ce108c..000000000
--- a/_sass/p2pu-css-framework/_footer.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-.p2pu-footer {
-
-	background-color: $gray-dark;
-	color: $gray-snow;
-	padding: 1.5em 0 2em 0;
-	margin-top: 60px;
-	line-height: 1.5;
-	margin-bottom: 0;
-
-	a {
-		color: $gray-snow;
-		border-bottom: 1px dotted;
-		text-decoration: none;
-		transition: all 0.3s linear;
-
-		&:hover, &:focus {
-			border-bottom: none;
-			text-decoration: none;
-		}
-	}
-
-}
-
-.footer-social {
-
-	list-style-type: none;
-	padding: 0;
-
-	li {
-
-		display: inline-block;
-
-	}
-
-	a {
-		display: inline-block;
-		font-size: 2em;
-		border-bottom: none;
-		padding: 0.2em 0.4em;
-		transition: all 0.3s linear;
-
-		&:hover {
-			background-color: $gray-lighter;
-			color: $p2pu-orange !important;
-		}
-	}
-}
-
-.cc-by-sa {
-	img {
-		margin: 1em 0;
-	}
-}
-
-.footer-links {
-
-	list-style-type: none;
-	padding: 0;
-	line-height: 2;
-
-	li {
-		i {
-			margin-right: 0.2em;
-			font-size: 1.1em;
-		}
-	}
-}
\ No newline at end of file
diff --git a/_sass/p2pu-css-framework/_forms.scss b/_sass/p2pu-css-framework/_forms.scss
deleted file mode 100644
index b6b399412..000000000
--- a/_sass/p2pu-css-framework/_forms.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-// Feedback states
-.has-success {
-  @include form-control-validation($state-success-bg, $state-success-bg, $state-success-bg);
-}
-.has-warning {
-  @include form-control-validation($state-warning-bg, $state-warning-bg, $state-warning-bg);
-}
-.has-error {
-  @include form-control-validation($state-danger-bg, $state-danger-bg, $state-danger-bg);
-}
-
-
-.form-control {
-	@include box-shadow(none);
-}
\ No newline at end of file
diff --git a/_sass/p2pu-css-framework/_labels.scss b/_sass/p2pu-css-framework/_labels.scss
deleted file mode 100644
index 9731b4d33..000000000
--- a/_sass/p2pu-css-framework/_labels.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.label {
-	border-radius: 0;
-}
diff --git a/_sass/p2pu-css-framework/_navigations.scss b/_sass/p2pu-css-framework/_navigations.scss
deleted file mode 100644
index 38bac60c9..000000000
--- a/_sass/p2pu-css-framework/_navigations.scss
+++ /dev/null
@@ -1,452 +0,0 @@
-/********MAIN NAVIGATION*******************/
-
-$navbar-dark: $gray-darker;
-$navbar: $gray-dark;
-$navbar-light: $gray-snow;
-
-.p2pu-color-divider-wrap {
-	border-bottom: solid 6px $p2pu-orange;
-
-	&:before {
-		content: "";
-		height: 6px;
-		width: 25%;
-		position: absolute;
-		left: 25%;
-		background: $p2pu-green;
-	}
-
-	.p2pu-color-divider:before, .p2pu-color-divider:after {
-		content: "";
-		height: 6px;
-		width: 25%;
-		position: absolute;
-		left: 50%;
-		background: $p2pu-blue;
-	}
-
-	.p2pu-color-divider::after {
-		left: 75%;
-		background: $p2pu-yellow;
-	}
-}
-
-.nav > li > a {
-	transition: all 0.3s linear;
-	&:hover, &:focus {
-		background-color: $gray;
-		color: $white;
-	}
-}
-
-.navbar {
-	border-radius: 0;
-	margin: 0;
-	border: 0;
-
-	.open .dropdown-menu {
-		display: block;
-		visibility: visible;
-		opacity: 1;
-	}
-
-	@media (min-width: $grid-float-breakpoint) {
-		margin-bottom: 60px;
-		border-bottom: 2em solid transparent;
-	}
-
-}
-
-.navbar-fixed-top .navbar-collapse,
-.navbar-fixed-bottom .navbar-collapse {
-	@media (min-width: $screen-sm-min) {
-		max-height: initail;
-	}
-}
-
-//navbar heading
-.navbar-header {
-	font-family: $headings-font-family;
-
-}
-
-// navbar button which is only visible in narrow screen mode
-.navbar-toggle {
-	font-size: 2em;
-	line-height: 1;
-	margin: 0;
-	padding: 15px 13px;
-	cursor: pointer;
-	border: none;
-	border-radius: 0;
-}
-
-// navbar brand image (logo or similar)
-.navbar-logo img {
-	padding: 1em 0;
-}
-
-// navbar clearing of padding on collapsing only on mobile view
-.navbar-collapse {
-	padding: 0;
-}
-
-// navbar form, e.g. search and such
-.navbar-form {
-	margin: 0;
-	padding: 12px 10px;
-
-	@media (min-width: $grid-float-breakpoint) {
-		margin: 0;
-	}
-}
-
-// navbar btn (donate, social buttons, etc.) TODO
-.btn-wrap {
-	line-height: 3.5;
-	padding: 0.4em 0;
-	border-top: 1px dotted #333;
-
-	a {
-		text-align: right;
-		background-color: $navbar;
-		border-radius: 0;
-		color: $navbar-light;
-		display: inline-block;
-		margin-left: 1.5em;
-		padding: 0.2em 1em 0.3em 3em;
-		line-height: 2;
-		transition: background-color 0.3s linear;
-		&:hover {
-			background-color: $navbar-light;
-			color: $gray-dark;
-			text-decoration: none;
-		}
-		&.donate {
-			background-image: url("data:image/png;base64,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"), none;
-			background-position: 12px 7px;
-			background-repeat: no-repeat;
-			border-radius: 50px;
-			&:hover {
-				background-position: 12px -27px
-			}
-		}
-	}
-
-	@media (min-width: $grid-float-breakpoint) {
-		line-height: 4.5;
-		border-top: 0;
-
-		a {
-			margin-left: 0.6em;
-		}
-	}
-}
-
-// navbar navigation funcionality
-.navbar-nav {
-	margin: 0;
-	& > li {
-		& > a {
-			line-height: 2;
-			padding: 0 1em;
-			font-family: 'Open sans' sans-serif;
-			font-size: 1.1em;
-			text-transform: uppercase;
-			transition: all 0.3s linear;
-
-			&.active:after {
-				font-family: 'FontAwesome';
-				content: '\f0d8';
-				position: absolute;
-				bottom: -6px;
-				left: 50%;
-				font-size: 1.4em;
-				color: white;
-			}
-		}
-	}
-
-	.dropdown-toggle {
-		float: right;
-		padding: 2px 20px;
-		line-height: 2;
-		margin-top: -34px;
-		position: relative;
-		z-index: 10;
-	}
-
-	@media (min-width: $grid-float-breakpoint) {
-		& > li {
-			& > a {
-				line-height: 4;
-			}
-			&.active {
-				.dropdown-menu {
-					visibility: visible;
-					opacity: 1;
-					display: block;
-				}
-			}
-
-		}
-		&.navbar-right:last-child {
-			margin-right: 0;
-		}
-	}
-
-	// Setting dropdown to static, so it can be streched trough whole length of screen
-	.dropdown {
-		position: static !important;
-	}
-
-	// Dropdown menu
-	.dropdown-menu {
-		position: relative;
-		width: 100%;
-		margin: 0;
-		padding: 0;
-		border: none;
-		border-radius: 0;
-		border-bottom: 1px solid transparent;
-		box-shadow: none;
-		text-align: left;
-		opacity: 0;
-		visibility: hidden;
-		z-index: 1;
-		& > li {
-			float: none;
-			display: block;
-			& > a {
-				padding: 1em;
-				line-height: 1;
-				font-size: 0.9em;
-				font-family: 'Open sans' sans-serif;
-				padding: 5px 15px 5px 25px;
-				line-height: 20px;
-				text-transform: uppercase;
-				transition: background-color 0.3s linear;
-				&:before {
-					content: "\f054";
-					font-family: 'FontAwesome';
-					margin-right: 10px;
-					font-size: 8px;
-				}
-			}
-		}
-
-		@media (min-width: $grid-float-breakpoint) {
-			position: absolute;
-			width: 100%;
-			text-align: center;
-			& > li {
-				display: inline-block;
-				& > a {
-					line-height: 1;
-					font-size: 1em;
-					padding: 1em;
-
-					&:before {
-						content: "";
-					}
-				}
-			}
-		}
-	}
-}
-
-// Alternate navbars
-// --------------------------------------------------
-
-// Default navbar
-.navbar-default {
-	background-color: $navbar-dark;
-
-	@media (min-width: $grid-float-breakpoint) {
-		border-bottom-color: $navbar;
-	}
-
-	.navbar-toggle {
-		color: $white;
-		&:hover, &:focus {
-			background-color: $navbar-dark;
-		}
-	}
-
-	.navbar-nav {
-		& > li > a {
-			&:hover, &:focus {
-				background-color: $navbar;
-				color: $navbar-light;
-			}
-		}
-		& > li.active {
-			background-color: $navbar;
-			a, a:hover, a:focus {
-				color: $navbar-light;
-				background-color: $navbar;
-			}
-		}
-
-		.dropdown-toggle {
-			color: $white;
-			background-color: $link-color;
-		}
-		@media (min-width: $grid-float-breakpoint) {
-			& > li.active a {
-				background-color: $navbar;
-			}
-		}
-
-		.dropdown-menu {
-			background-color: $navbar;
-			border-bottom-color: $navbar;
-			& > li a {
-				&:hover, &:focus {
-					color: $gray-light !important;
-				}
-			}
-			& > li.active a {
-				color: $gray-light;
-				background-color: darken($brand-primary, 10%);
-			}
-
-			@media (min-width: $grid-float-breakpoint) {
-				background-color: $navbar;
-				& > li > a {
-					background-color: $navbar;
-				}
-			}
-		}
-
-		.open a {
-			background-color: $navbar-dark;
-		}
-	}
-}
-
-.navbar-inverse {
-	background-color: $navbar-light;
-
-	@media (min-width: $grid-float-breakpoint) {
-		border-bottom-color: $gray-light;
-	}
-
-	.navbar-brand {
-		color: $navbar-dark;
-	}
-
-	.navbar-toggle {
-		color: $navbar-dark;
-		&:hover, &:focus {
-			background-color: $navbar-light;
-		}
-	}
-
-	.navbar-nav {
-		& > li > a {
-			color: $navbar-dark;
-			&:hover, &:focus {
-				background-color: $gray;
-				color: $white;
-			}
-		}
-		& > li.active {
-			background-color: $gray;
-			a, a:hover, a:focus {
-				color: $white;
-				background-color: $gray;
-			}
-		}
-
-		.dropdown-toggle {
-			color: $white;
-			background-color: $link-color;
-		}
-		@media (min-width: $grid-float-breakpoint) {
-			& > li.active a {
-				background-color: $gray;
-			}
-		}
-
-		.dropdown-menu {
-			background-color: $gray;
-			border-bottom-color: $gray;
-			& > li a {
-				&:hover, &:focus {
-					color: $gray-dark !important;
-				}
-			}
-			& > li.active a {
-				color: $gray-dark;
-				background-color: darken($brand-primary, 10%);
-			}
-
-			@media (min-width: $grid-float-breakpoint) {
-				background-color: $gray;
-				& > li > a {
-					background-color: $gray;
-				}
-			}
-		}
-	}
-}
-
-.nav .open > a {
-	&:hover, &:focus {
-		background-color: $gray;
-		border-color: $gray;
-		color: $white;
-	}
-}
-
-.dropdown-menu {
-	padding: 0;
-	margin-top: 0;
-	& > li {
-		& > a:hover, > a:focus {
-			text-decoration: none;
-			background-color: $gray;
-		}
-	}
-}
-
-.p2pu-tab {
-	float: left;
-	padding: 19.5px 15px;
-	font-size: 19px;
-	line-height: 21px;
-	height: 60px;
-	color: $white;
-	&:hover, &:focus {
-		background-color: $brand-primary !important;
-		color: $navbar-light;
-		i {
-			@include animation(bounce 1s ease infinite);
-		}
-	}
-}
-
-@-webkit-keyframes bounce {
-	0%, 10%, 20%, 50%, 80% {
-		-webkit-transform: translateY(0);
-		transform: translateY(0)
-	}
-	40%, 60% {
-		-webkit-transform: translateY(-5px);
-		transform: translateY(-5px)
-	}
-}
-
-@keyframes bounce {
-	0%, 10%, 20%, 50%, 80% {
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0)
-	}
-	40%, 60% {
-		-webkit-transform: translateY(-5px);
-		-ms-transform: translateY(-5px);
-		transform: translateY(-5px)
-	}
-}
\ No newline at end of file
diff --git a/_sass/p2pu-css-framework/_pager.scss b/_sass/p2pu-css-framework/_pager.scss
deleted file mode 100644
index bc98df8e8..000000000
--- a/_sass/p2pu-css-framework/_pager.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.pager {
-	li > a{
-    color: $pager-color-txt
-	}
-}
\ No newline at end of file
diff --git a/_sass/p2pu-css-framework/_type.scss b/_sass/p2pu-css-framework/_type.scss
deleted file mode 100644
index 922a7941b..000000000
--- a/_sass/p2pu-css-framework/_type.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@include text-emphasis-variant('.text-primary', $brand-primary);
-
-@include text-emphasis-variant('.text-success', $state-success-bg);
-
-@include text-emphasis-variant('.text-info', $state-info-bg);
-
-@include text-emphasis-variant('.text-warning', $state-warning-bg);
-
-@include text-emphasis-variant('.text-danger', $state-danger-bg);
\ No newline at end of file
diff --git a/_sass/p2pu-css-framework/_variables.scss b/_sass/p2pu-css-framework/_variables.scss
deleted file mode 100644
index b5963e8c9..000000000
--- a/_sass/p2pu-css-framework/_variables.scss
+++ /dev/null
@@ -1,856 +0,0 @@
-// P2PU
-// Variables
-// --------------------------------------------------
-
-
-//== Colors
-//
-//## Gray and brand colors for use across Bootstrap.
-
-$gray-darker:           #515665;
-$gray-dark:             #707782;
-$gray:                  #AAB0BF;
-$gray-light:            #D3D8E6;
-$gray-lighter:          #F3F4F8;
-$gray-snow:             #FCFCFC;
-
-$brand-primary:         $gray-darker;
-$brand-success:         #B7D500;
-$brand-info:            #05C6B4;
-$brand-warning:         #FFBC1A;
-$brand-danger:          #FC7100;
-
-
-$p2pu-orange:           $brand-danger;
-$p2pu-green:            $brand-success;
-$p2pu-blue:             $brand-info;
-$p2pu-yellow:           $brand-warning;
-
-$white:                 #FFFFFF;
-
-
-//== Scaffolding
-//
-//## Settings for some of the most global styles.
-
-//** Background color for `<body>`.
-$body-bg:               #fff;
-//** Global text color on `<body>`.
-$text-color:            $brand-primary;
-
-//** Global textual link color.
-$link-color:            #5F9EA0;
-//** Link hover color set via `darken()` function.
-$link-hover-color:      $link-color;
-
-
-//== Typography
-//
-//## Font, line-height, and color for body text, headings, and more.
-
-$font-family-sans-serif:  "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-$font-family-serif:       Georgia, "Times New Roman", Times, serif;
-//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
-$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
-$font-family-base:        $font-family-sans-serif;
-
-$font-size-base:          15px;
-$font-size-large:         ceil(($font-size-base * 1.25)); // ~18px
-$font-size-small:         ceil(($font-size-base * 0.85)); // ~12px
-
-$font-size-h1:            floor(($font-size-base * 2.6)); // ~36px
-$font-size-h2:            floor(($font-size-base * 2.15)); // ~30px
-$font-size-h3:            ceil(($font-size-base * 1.7)); // ~24px
-$font-size-h4:            ceil(($font-size-base * 1.25)); // ~18px
-$font-size-h5:            $font-size-base;
-$font-size-h6:            ceil(($font-size-base * 0.85)); // ~12px
-
-//** Unit-less `line-height` for use in components like buttons.
-$line-height-base:        1.428571429; // 20/14
-//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
-$line-height-computed:    floor(($font-size-base * $line-height-base)); // ~20px
-
-//** By default, this inherits from the `<body>`.
-$headings-font-family:    "Arvo", Helvetica, Arial, sans-serif;
-$headings-font-weight:    400;
-$headings-line-height:    1.1;
-$headings-color:          inherit;
-
-
-//== Iconography
-//
-//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
-
-//** Load fonts from this directory.
-$icon-font-path:          "../fonts/";
-//** File name for all font files.
-$icon-font-name:          "glyphicons-halflings-regular";
-//** Element ID within SVG icon file.
-$icon-font-svg-id:        "glyphicons_halflingsregular";
-
-
-//== Components
-//
-//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-
-$padding-base-vertical:     10px;
-$padding-base-horizontal:   15px;
-
-$padding-large-vertical:    18px;
-$padding-large-horizontal:  27px;
-
-$padding-small-vertical:    6px;
-$padding-small-horizontal:  9px;
-
-$padding-xs-vertical:       1px;
-$padding-xs-horizontal:     5px;
-
-$line-height-large:         1.33;
-$line-height-small:         1.5;
-
-$border-radius-base:        0;
-$border-radius-large:       0;
-$border-radius-small:       0;
-
-//** Global color for active items (e.g., navs or dropdowns).
-$component-active-color:    #fff;
-//** Global background color for active items (e.g., navs or dropdowns).
-$component-active-bg:       $brand-primary;
-
-//** Width of the `border` for generating carets that indicator dropdowns.
-$caret-width-base:          4px;
-//** Carets increase slightly in size for larger components.
-$caret-width-large:         5px;
-
-
-//== Tables
-//
-//## Customizes the `.table` component with basic values, each used across all table variations.
-
-//** Padding for `<th>`s and `<td>`s.
-$table-cell-padding:            8px;
-//** Padding for cells in `.table-condensed`.
-$table-condensed-cell-padding:  5px;
-
-//** Default background color used for all tables.
-$table-bg:                      transparent;
-//** Background color used for `.table-striped`.
-$table-bg-accent:               #f9f9f9;
-//** Background color used for `.table-hover`.
-$table-bg-hover:                $gray-lighter;
-$table-bg-active:               $table-bg-hover;
-
-//** Border color for table and cell borders.
-$table-border-color:            $gray-lighter;
-
-
-//== Buttons
-//
-//## For each of Bootstrap's buttons, define text, background and border color.
-
-$btn-font-weight:                normal;
-
-$btn-default-color:              #fff;
-$btn-default-bg:                 $gray;
-$btn-default-border:             $btn-default-bg;
-
-$btn-primary-color:              $btn-default-color;
-$btn-primary-bg:                 $brand-primary;
-$btn-primary-border:             $btn-primary-bg;
-
-$btn-success-color:              $btn-default-color;
-$btn-success-bg:                 $brand-success;
-$btn-success-border:             $btn-success-bg;
-
-$btn-info-color:                 $btn-default-color;
-$btn-info-bg:                    $brand-info;
-$btn-info-border:                $btn-info-bg;
-
-$btn-warning-color:              $btn-default-color;
-$btn-warning-bg:                 $brand-warning;
-$btn-warning-border:             $btn-warning-bg;
-
-$btn-danger-color:               $btn-default-color;
-$btn-danger-bg:                  $brand-danger;
-$btn-danger-border:              $btn-danger-bg;
-
-$btn-link-disabled-color:        $gray-light;
-
-
-//== Forms
-//
-//##
-
-//** `<input>` background color
-$input-bg:                       #fff;
-//** `<input disabled>` background color
-$input-bg-disabled:              $gray-lighter;
-
-//** Text color for `<input>`s
-$input-color:                    $text-color;
-//** `<input>` border color
-$input-border:                   #dce4ec;
-//** `<input>` border radius
-$input-border-radius:            $border-radius-base;
-//** Border color for inputs on focus
-$input-border-focus:             $brand-primary;
-
-//** Placeholder text color
-$input-color-placeholder:        #acb6c0;
-
-//** Default `.form-control` height
-$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2);
-//** Large `.form-control` height
-$input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2);
-//** Small `.form-control` height
-$input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2);
-
-$legend-color:                   $text-color;
-$legend-border-color:            transparent;
-
-//** Background color for textual input addons
-$input-group-addon-bg:           $gray-lighter;
-//** Border color for textual input addons
-$input-group-addon-border-color: $input-border;
-
-
-//== Dropdowns
-//
-//## Dropdown menu container and contents.
-
-//** Background for the dropdown menu.
-$dropdown-bg:                    #fff;
-//** Dropdown menu `border-color`.
-$dropdown-border:                rgba(0,0,0,.15);
-//** Dropdown menu `border-color` **for IE8**.
-$dropdown-fallback-border:       #ccc;
-//** Divider color for between dropdown items.
-$dropdown-divider-bg:            #e5e5e5;
-
-//** Dropdown link text color.
-$dropdown-link-color:            $gray-dark;
-//** Hover color for dropdown links.
-$dropdown-link-hover-color:      #fff;
-//** Hover background for dropdown links.
-$dropdown-link-hover-bg:         $dropdown-link-active-bg;
-
-//** Active dropdown menu item text color.
-$dropdown-link-active-color:     #fff;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg;
-
-//** Disabled dropdown menu item background color.
-$dropdown-link-disabled-color:   $text-muted;
-
-//** Text color for headers within dropdown menus.
-$dropdown-header-color:          $text-muted;
-
-//** Deprecated `$dropdown-caret-color` as of v3.1.0
-$dropdown-caret-color:           #000;
-
-
-//-- Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-//
-// Note: These variables are not generated into the Customizer.
-
-$zindex-navbar:            1000;
-$zindex-dropdown:          1000;
-$zindex-popover:           1060;
-$zindex-tooltip:           1070;
-$zindex-navbar-fixed:      1030;
-$zindex-modal-background:  1040;
-$zindex-modal:             1050;
-
-
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `$screen-xs` as of v3.0.1
-$screen-xs:                  320px;
-//** Deprecated `$screen-xs-min` as of v3.2.0
-$screen-xs-min:              $screen-xs;
-//** Deprecated `$screen-phone` as of v3.0.1
-$screen-phone:               $screen-xs-min;
-
-// Small screen / tablet
-//** Deprecated `$screen-sm` as of v3.0.1
-$screen-sm:                  768px;
-$screen-sm-min:              $screen-sm;
-//** Deprecated `$screen-tablet` as of v3.0.1
-$screen-tablet:              $screen-sm-min;
-
-// Medium screen / desktop
-//** Deprecated `$screen-md` as of v3.0.1
-$screen-md:                  992px;
-$screen-md-min:              $screen-md;
-//** Deprecated `$screen-desktop` as of v3.0.1
-$screen-desktop:             $screen-md-min;
-
-// Large screen / wide desktop
-//** Deprecated `$screen-lg` as of v3.0.1
-$screen-lg:                  1200px;
-$screen-lg-min:              $screen-lg;
-//** Deprecated `$screen-lg-desktop` as of v3.0.1
-$screen-lg-desktop:          $screen-lg-min;
-
-// So media queries don't overlap when required, provide a maximum
-$screen-xs-max:              ($screen-sm-min - 1);
-$screen-sm-max:              ($screen-md-min - 1);
-$screen-md-max:              ($screen-lg-min - 1);
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-$grid-columns:              12;
-//** Padding between columns. Gets divided in half for the left and right.
-$grid-gutter-width:         30px;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-$grid-float-breakpoint:     $screen-md-min;
-//** Point at which the navbar begins collapsing.
-$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);
-
-
-//== Container sizes
-//
-//## Define the maximum width of `.container` for different screen sizes.
-
-// Small screen / tablet
-$container-tablet:             ((720px + $grid-gutter-width));
-//** For `$screen-sm-min` and up.
-$container-sm:                 $container-tablet;
-
-// Medium screen / desktop
-$container-desktop:            ((940px + $grid-gutter-width));
-//** For `$screen-md-min` and up.
-$container-md:                 $container-desktop;
-
-// Large screen / wide desktop
-$container-large-desktop:      ((1140px + $grid-gutter-width));
-//** For `$screen-lg-min` and up.
-$container-lg:                 $container-large-desktop;
-
-
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-$navbar-height:                    60px;
-$navbar-margin-bottom:             $line-height-computed;
-$navbar-border-radius:             $border-radius-base;
-$navbar-padding-horizontal:        floor(($grid-gutter-width / 2));
-$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2);
-$navbar-collapse-max-height:       340px;
-
-$navbar-default-color:             #777;
-$navbar-default-bg:                $brand-primary;
-$navbar-default-border:            transparent;
-
-// Navbar links
-$navbar-default-link-color:                #fff;
-$navbar-default-link-hover-color:          $brand-success;
-$navbar-default-link-hover-bg:             transparent;
-$navbar-default-link-active-color:         #fff;
-$navbar-default-link-active-bg:            darken($navbar-default-bg, 10%);
-$navbar-default-link-disabled-color:       #ccc;
-$navbar-default-link-disabled-bg:          transparent;
-
-// Navbar brand label
-$navbar-default-brand-color:               $navbar-default-link-color;
-$navbar-default-brand-hover-color:         $navbar-default-link-hover-color;
-$navbar-default-brand-hover-bg:            transparent;
-
-// Navbar toggle
-$navbar-default-toggle-hover-bg:           darken($navbar-default-bg, 10%);
-$navbar-default-toggle-icon-bar-bg:        #fff;
-$navbar-default-toggle-border-color:       darken($navbar-default-bg, 10%);
-
-
-// Inverted navbar
-// Reset inverted navbar basics
-$navbar-inverse-color:                      #fff;
-$navbar-inverse-bg:                         $brand-success;
-$navbar-inverse-border:                     transparent;
-
-// Inverted navbar links
-$navbar-inverse-link-color:                 #fff;
-$navbar-inverse-link-hover-color:           $brand-primary;
-$navbar-inverse-link-hover-bg:              transparent;
-$navbar-inverse-link-active-color:          #fff;
-$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 5%);
-$navbar-inverse-link-disabled-color:        #ccc;
-$navbar-inverse-link-disabled-bg:           transparent;
-
-// Inverted navbar brand label
-$navbar-inverse-brand-color:                $navbar-inverse-link-color;
-$navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color;
-$navbar-inverse-brand-hover-bg:             transparent;
-
-// Inverted navbar toggle
-$navbar-inverse-toggle-hover-bg:            darken($navbar-inverse-bg, 10%);
-$navbar-inverse-toggle-icon-bar-bg:         #fff;
-$navbar-inverse-toggle-border-color:        darken($navbar-inverse-bg, 10%);
-
-
-//== Navs
-//
-//##
-
-//=== Shared nav styles
-$nav-link-padding:                          10px 15px;
-$nav-link-hover-bg:                         $gray-lighter;
-
-$nav-disabled-link-color:                   $gray-light;
-$nav-disabled-link-hover-color:             $gray-light;
-
-$nav-open-link-hover-color:                 #fff;
-
-//== Tabs
-$nav-tabs-border-color:                     $gray-lighter;
-
-$nav-tabs-link-hover-border-color:          $gray-lighter;
-
-$nav-tabs-active-link-hover-bg:             $body-bg;
-$nav-tabs-active-link-hover-color:          $brand-primary;
-$nav-tabs-active-link-hover-border-color:   $gray-lighter;
-
-$nav-tabs-justified-link-border-color:            $gray-lighter;
-$nav-tabs-justified-active-link-border-color:     $body-bg;
-
-//== Pills
-$nav-pills-border-radius:                   $border-radius-base;
-$nav-pills-active-link-hover-bg:            $component-active-bg;
-$nav-pills-active-link-hover-color:         $component-active-color;
-
-
-//== Pagination
-//
-//##
-
-$pagination-color:                     #fff;
-$pagination-bg:                        $gray-dark;
-$pagination-border:                    transparent;
-
-$pagination-hover-color:               #fff;
-$pagination-hover-bg:                  $gray-darker;
-$pagination-hover-border:              transparent;
-
-$pagination-active-color:              #fff;
-$pagination-active-bg:                 $gray-darker;
-$pagination-active-border:             transparent;
-
-$pagination-disabled-color:            $gray-darker;
-$pagination-disabled-bg:               $gray-lighter;
-$pagination-disabled-border:           transparent;
-
-
-//== Pager
-//
-//##
-
-$pager-bg:                             $pagination-bg;
-$pager-border:                         $pagination-border;
-$pager-border-radius:                  2px;
-
-$pager-hover-bg:                       $pagination-hover-bg;
-
-$pager-active-bg:                      $pagination-active-bg;
-$pager-active-color:                   $pagination-active-color;
-
-$pager-disabled-color:                 $gray-light;
-$pager-color-txt:                      $gray-lighter;
-
-
-//== Jumbotron
-//
-//##
-
-$jumbotron-padding:              30px;
-$jumbotron-color:                inherit;
-$jumbotron-bg:                   $gray-lighter;
-$jumbotron-heading-color:        inherit;
-$jumbotron-font-size:            ceil(($font-size-base * 1.5));
-
-
-//== Form states and alerts
-//
-//## Define colors for form feedback states and, by default, alerts.
-
-$state-success-text:             #fff;
-$state-success-bg:               $brand-success;
-$state-success-border:           $brand-success;
-
-$state-info-text:                #fff;
-$state-info-bg:                  $brand-info;
-$state-info-border:              $brand-info;
-
-$state-warning-text:             #fff;
-$state-warning-bg:               $brand-warning;
-$state-warning-border:           $brand-warning;
-
-$state-danger-text:              #fff;
-$state-danger-bg:                $brand-danger;
-$state-danger-border:            $brand-danger;
-
-
-//== Tooltips
-//
-//##
-
-//** Tooltip max width
-$tooltip-max-width:           200px;
-//** Tooltip text color
-$tooltip-color:               #fff;
-//** Tooltip background color
-$tooltip-bg:                  rgba(0,0,0,.9);
-$tooltip-opacity:             .9;
-
-//** Tooltip arrow width
-$tooltip-arrow-width:         5px;
-//** Tooltip arrow color
-$tooltip-arrow-color:         $tooltip-bg;
-
-
-//== Popovers
-//
-//##
-
-//** Popover body background color
-$popover-bg:                          #fff;
-//** Popover maximum width
-$popover-max-width:                   276px;
-//** Popover border color
-$popover-border-color:                rgba(0,0,0,.2);
-//** Popover fallback border color
-$popover-fallback-border-color:       #ccc;
-
-//** Popover title background color
-$popover-title-bg:                    darken($popover-bg, 3%);
-
-//** Popover arrow width
-$popover-arrow-width:                 10px;
-//** Popover arrow color
-$popover-arrow-color:                 #fff;
-
-//** Popover outer arrow width
-$popover-arrow-outer-width:           ($popover-arrow-width + 1);
-//** Popover outer arrow color
-$popover-arrow-outer-color:           fadein($popover-border-color, 5%);
-//** Popover outer arrow fallback color
-$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%);
-
-
-//== Labels
-//
-//##
-
-//** Default label background color
-$label-default-bg:            $btn-default-bg;
-//** Primary label background color
-$label-primary-bg:            $brand-primary;
-//** Success label background color
-$label-success-bg:            $brand-success;
-//** Info label background color
-$label-info-bg:               $brand-info;
-//** Warning label background color
-$label-warning-bg:            $brand-warning;
-//** Danger label background color
-$label-danger-bg:             $brand-danger;
-
-//** Default label text color
-$label-color:                 #fff;
-//** Default text color of a linked label
-$label-link-hover-color:      #fff;
-
-
-//== Modals
-//
-//##
-
-//** Padding applied to the modal body
-$modal-inner-padding:         20px;
-
-//** Padding applied to the modal title
-$modal-title-padding:         15px;
-//** Modal title line-height
-$modal-title-line-height:     $line-height-base;
-
-//** Background color of modal content area
-$modal-content-bg:                             #fff;
-//** Modal content border color
-$modal-content-border-color:                   rgba(0,0,0,.2);
-//** Modal content border color **for IE8**
-$modal-content-fallback-border-color:          #999;
-
-//** Modal backdrop background color
-$modal-backdrop-bg:           #000;
-//** Modal backdrop opacity
-$modal-backdrop-opacity:      .5;
-//** Modal header border color
-$modal-header-border-color:   #e5e5e5;
-//** Modal footer border color
-$modal-footer-border-color:   $modal-header-border-color;
-
-$modal-lg:                    900px;
-$modal-md:                    600px;
-$modal-sm:                    300px;
-
-
-//== Alerts
-//
-//## Define alert colors, border radius, and padding.
-
-$alert-padding:               15px;
-$alert-border-radius:         $border-radius-base;
-$alert-link-font-weight:      bold;
-
-$alert-success-bg:            $state-success-bg;
-$alert-success-text:          $state-success-text;
-$alert-success-border:        $state-success-border;
-
-$alert-info-bg:               $state-info-bg;
-$alert-info-text:             $state-info-text;
-$alert-info-border:           $state-info-border;
-
-$alert-warning-bg:            $state-warning-bg;
-$alert-warning-text:          $state-warning-text;
-$alert-warning-border:        $state-warning-border;
-
-$alert-danger-bg:             $state-danger-bg;
-$alert-danger-text:           $state-danger-text;
-$alert-danger-border:         $state-danger-border;
-
-
-//== Progress bars
-//
-//##
-
-//** Background color of the whole progress component
-$progress-bg:                 $gray-lighter;
-//** Progress bar text color
-$progress-bar-color:          #fff;
-
-//** Default progress bar color
-$progress-bar-bg:             $brand-primary;
-//** Success progress bar color
-$progress-bar-success-bg:     $brand-success;
-//** Warning progress bar color
-$progress-bar-warning-bg:     $brand-warning;
-//** Danger progress bar color
-$progress-bar-danger-bg:      $brand-danger;
-//** Info progress bar color
-$progress-bar-info-bg:        $brand-info;
-
-
-//== List group
-//
-//##
-
-//** Background color on `.list-group-item`
-$list-group-bg:                 #fff;
-//** `.list-group-item` border color
-$list-group-border:             $gray-lighter;
-//** List group border radius
-$list-group-border-radius:      $border-radius-base;
-
-//** Background color of single list items on hover
-$list-group-hover-bg:           $gray-lighter;
-//** Text color of active list items
-$list-group-active-color:       $component-active-color;
-//** Background color of active list items
-$list-group-active-bg:          $component-active-bg;
-//** Border color of active list elements
-$list-group-active-border:      $list-group-active-bg;
-//** Text color for content within active list items
-$list-group-active-text-color:  lighten($list-group-active-bg, 40%);
-
-//** Text color of disabled list items
-$list-group-disabled-color:      $gray-light;
-//** Background color of disabled list items
-$list-group-disabled-bg:         $gray-lighter;
-//** Text color for content within disabled list items
-$list-group-disabled-text-color: $list-group-disabled-color;
-
-$list-group-link-color:         #555;
-$list-group-link-hover-color:   $list-group-link-color;
-$list-group-link-heading-color: #333;
-
-
-//== Panels
-//
-//##
-
-$panel-bg:                    #fff;
-$panel-body-padding:          15px;
-$panel-heading-padding:       10px 15px;
-$panel-footer-padding:        $panel-heading-padding;
-$panel-border-radius:         $border-radius-base;
-
-//** Border color for elements within panels
-$panel-inner-border:          $gray-lighter;
-$panel-footer-bg:             $gray;
-
-$panel-default-text:          $white;
-$panel-default-border:        $gray-dark;
-$panel-default-heading-bg:    $gray-dark;
-
-$panel-primary-text:          #fff;
-$panel-primary-border:        $brand-primary;
-$panel-primary-heading-bg:    $brand-primary;
-
-$panel-success-text:          $state-success-text;
-$panel-success-border:        $state-success-border;
-$panel-success-heading-bg:    $state-success-bg;
-
-$panel-info-text:             $state-info-text;
-$panel-info-border:           $state-info-border;
-$panel-info-heading-bg:       $state-info-bg;
-
-$panel-warning-text:          $state-warning-text;
-$panel-warning-border:        $state-warning-border;
-$panel-warning-heading-bg:    $state-warning-bg;
-
-$panel-danger-text:           $state-danger-text;
-$panel-danger-border:         $state-danger-border;
-$panel-danger-heading-bg:     $state-danger-bg;
-
-
-//== Thumbnails
-//
-//##
-
-//** Padding around the thumbnail image
-$thumbnail-padding:           4px;
-//** Thumbnail background color
-$thumbnail-bg:                $body-bg;
-//** Thumbnail border color
-$thumbnail-border:            $gray-lighter;
-//** Thumbnail border radius
-$thumbnail-border-radius:     $border-radius-base;
-
-//** Custom text color for thumbnail captions
-$thumbnail-caption-color:     $text-color;
-//** Padding around the thumbnail caption
-$thumbnail-caption-padding:   9px;
-
-
-//== Wells
-//
-//##
-
-$well-bg:                     $gray-lighter;
-$well-border:                 transparent;
-
-
-//== Badges
-//
-//##
-
-$badge-color:                 #fff;
-//** Linked badge text color on hover
-$badge-link-hover-color:      #fff;
-$badge-bg:                    $brand-primary;
-
-//** Badge text color in active nav link
-$badge-active-color:          $brand-primary;
-//** Badge background color in active nav link
-$badge-active-bg:             #fff;
-
-$badge-font-weight:           bold;
-$badge-line-height:           1;
-$badge-border-radius:         10px;
-
-
-//== Breadcrumbs
-//
-//##
-
-$breadcrumb-padding-vertical:   8px;
-$breadcrumb-padding-horizontal: 15px;
-//** Breadcrumb background color
-$breadcrumb-bg:                 $gray-lighter;
-//** Breadcrumb text color
-$breadcrumb-color:              #ccc;
-//** Text color of current page in the breadcrumb
-$breadcrumb-active-color:       $gray;
-//** Textual separator for between breadcrumb elements
-$breadcrumb-separator:          "/";
-
-
-//== Carousel
-//
-//##
-
-$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
-
-$carousel-control-color:                      #fff;
-$carousel-control-width:                      15%;
-$carousel-control-opacity:                    .5;
-$carousel-control-font-size:                  20px;
-
-$carousel-indicator-active-bg:                #fff;
-$carousel-indicator-border-color:             #fff;
-
-$carousel-caption-color:                      #fff;
-
-
-//== Close
-//
-//##
-
-$close-font-weight:           bold;
-$close-color:                 #000;
-$close-text-shadow:           none;
-
-
-//== Code
-//
-//##
-
-$code-color:                  #c7254e;
-$code-bg:                     #f9f2f4;
-
-$kbd-color:                   #fff;
-$kbd-bg:                      #333;
-
-$pre-bg:                      $gray-lighter;
-$pre-color:                   $gray-dark;
-$pre-border-color:            #ccc;
-$pre-scrollable-max-height:   340px;
-
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px;
-//** Text muted color
-$text-muted:                  $gray;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray;
-//** Headings small color
-$headings-small-color:        $gray;
-//** Blockquote small color
-$blockquote-small-color:      $gray;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25);
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter;
-//** Page header border color
-$page-header-border-color:    transparent;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter;
-
-
diff --git a/_sass/p2pu-css-framework/_wells.scss b/_sass/p2pu-css-framework/_wells.scss
deleted file mode 100644
index fb5c3e9d5..000000000
--- a/_sass/p2pu-css-framework/_wells.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-
-// Base class
-.well {
-  background-color: $well-bg;
-  border: 1px solid $well-border;
-
-  @include box-shadow(none);
-
-}
\ No newline at end of file
diff --git a/_sass/p2pu-css-framework/bootstrap/_alerts.scss b/_sass/p2pu-css-framework/bootstrap/_alerts.scss
deleted file mode 100644
index 4685ac3a9..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_alerts.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-//
-// Alerts
-// --------------------------------------------------
-
-
-// Base styles
-// -------------------------
-
-.alert {
-  padding: $alert-padding;
-  margin-bottom: $line-height-computed;
-  border: 1px solid transparent;
-  border-radius: $alert-border-radius;
-
-  // Headings for larger alerts
-  h4 {
-    margin-top: 0;
-    // Specified for the h4 to prevent conflicts of changing $headings-color
-    color: inherit;
-  }
-  // Provide class for links that match alerts
-  .alert-link {
-    font-weight: $alert-link-font-weight;
-  }
-
-  // Improve alignment and spacing of inner content
-  > p,
-  > ul {
-    margin-bottom: 0;
-  }
-  > p + p {
-    margin-top: 5px;
-  }
-}
-
-// Dismissable alerts
-//
-// Expand the right padding and account for the close button's positioning.
-
-.alert-dismissable {
- padding-right: ($alert-padding + 20);
-
-  // Adjust close link position
-  .close {
-    position: relative;
-    top: -2px;
-    right: -21px;
-    color: inherit;
-  }
-}
-
-// Alternate styles
-//
-// Generate contextual modifier classes for colorizing the alert.
-
-.alert-success {
-  @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
-}
-.alert-info {
-  @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
-}
-.alert-warning {
-  @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
-}
-.alert-danger {
-  @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_badges.scss b/_sass/p2pu-css-framework/bootstrap/_badges.scss
deleted file mode 100644
index 02394ae7f..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_badges.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-//
-// Badges
-// --------------------------------------------------
-
-
-// Base class
-.badge {
-  display: inline-block;
-  min-width: 10px;
-  padding: 3px 7px;
-  font-size: $font-size-small;
-  font-weight: $badge-font-weight;
-  color: $badge-color;
-  line-height: $badge-line-height;
-  vertical-align: baseline;
-  white-space: nowrap;
-  text-align: center;
-  background-color: $badge-bg;
-  border-radius: $badge-border-radius;
-
-  // Empty badges collapse automatically (not available in IE8)
-  &:empty {
-    display: none;
-  }
-
-  // Quick fix for badges in buttons
-  .btn & {
-    position: relative;
-    top: -1px;
-  }
-  .btn-xs & {
-    top: 0;
-    padding: 1px 5px;
-  }
-
-  // [converter] extracted a& to a.badge
-
-  // Account for badges in navs
-  a.list-group-item.active > &,
-  .nav-pills > .active > a > & {
-    color: $badge-active-color;
-    background-color: $badge-active-bg;
-  }
-  .nav-pills > li > a > & {
-    margin-left: 3px;
-  }
-}
-
-// Hover state, but only for links
-a.badge {
-  &:hover,
-  &:focus {
-    color: $badge-link-hover-color;
-    text-decoration: none;
-    cursor: pointer;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_breadcrumbs.scss b/_sass/p2pu-css-framework/bootstrap/_breadcrumbs.scss
deleted file mode 100644
index 3641e333b..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_breadcrumbs.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-//
-// Breadcrumbs
-// --------------------------------------------------
-
-
-.breadcrumb {
-  padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
-  margin-bottom: $line-height-computed;
-  list-style: none;
-  background-color: $breadcrumb-bg;
-  border-radius: $border-radius-base;
-
-  > li {
-    display: inline-block;
-
-    + li:before {
-      content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
-      padding: 0 5px;
-      color: $breadcrumb-color;
-    }
-  }
-
-  > .active {
-    color: $breadcrumb-active-color;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_button-groups.scss b/_sass/p2pu-css-framework/bootstrap/_button-groups.scss
deleted file mode 100644
index d765ff206..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_button-groups.scss
+++ /dev/null
@@ -1,236 +0,0 @@
-//
-// Button groups
-// --------------------------------------------------
-
-// Make the div behave like a button
-.btn-group,
-.btn-group-vertical {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle; // match .btn alignment given font-size hack above
-  > .btn {
-    position: relative;
-    float: left;
-    // Bring the "active" button to the front
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      z-index: 2;
-    }
-    &:focus {
-      // Remove focus outline when dropdown JS adds it after closing the menu
-      outline: 0;
-    }
-  }
-}
-
-// Prevent double borders when buttons are next to each other
-.btn-group {
-  .btn + .btn,
-  .btn + .btn-group,
-  .btn-group + .btn,
-  .btn-group + .btn-group {
-    margin-left: -1px;
-  }
-}
-
-// Optional: Group multiple button groups together for a toolbar
-.btn-toolbar {
-  margin-left: -5px; // Offset the first child's margin
-  @include clearfix();
-
-  .btn-group,
-  .input-group {
-    float: left;
-  }
-  > .btn,
-  > .btn-group,
-  > .input-group {
-    margin-left: 5px;
-  }
-}
-
-.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-  border-radius: 0;
-}
-
-// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
-.btn-group > .btn:first-child {
-  margin-left: 0;
-  &:not(:last-child):not(.dropdown-toggle) {
-    @include border-right-radius(0);
-  }
-}
-// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
-.btn-group > .btn:last-child:not(:first-child),
-.btn-group > .dropdown-toggle:not(:first-child) {
-  @include border-left-radius(0);
-}
-
-// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
-.btn-group > .btn-group {
-  float: left;
-}
-.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-.btn-group > .btn-group:first-child {
-  > .btn:last-child,
-  > .dropdown-toggle {
-    @include border-right-radius(0);
-  }
-}
-.btn-group > .btn-group:last-child > .btn:first-child {
-  @include border-left-radius(0);
-}
-
-// On active and open, don't show outline
-.btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle {
-  outline: 0;
-}
-
-
-// Sizing
-//
-// Remix the default button sizing classes into new ones for easier manipulation.
-
-.btn-group-xs > .btn { @extend .btn-xs; }
-.btn-group-sm > .btn { @extend .btn-sm; }
-.btn-group-lg > .btn { @extend .btn-lg; }
-
-
-// Split button dropdowns
-// ----------------------
-
-// Give the line between buttons some depth
-.btn-group > .btn + .dropdown-toggle {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-.btn-group > .btn-lg + .dropdown-toggle {
-  padding-left: 12px;
-  padding-right: 12px;
-}
-
-// The clickable button for toggling the menu
-// Remove the gradient and set the same inset shadow as the :active state
-.btn-group.open .dropdown-toggle {
-  @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
-
-  // Show no shadow for `.btn-link` since it has no other button styles.
-  &.btn-link {
-    @include box-shadow(none);
-  }
-}
-
-
-// Reposition the caret
-.btn .caret {
-  margin-left: 0;
-}
-// Carets in other button sizes
-.btn-lg .caret {
-  border-width: $caret-width-large $caret-width-large 0;
-  border-bottom-width: 0;
-}
-// Upside down carets for .dropup
-.dropup .btn-lg .caret {
-  border-width: 0 $caret-width-large $caret-width-large;
-}
-
-
-// Vertical button groups
-// ----------------------
-
-.btn-group-vertical {
-  > .btn,
-  > .btn-group,
-  > .btn-group > .btn {
-    display: block;
-    float: none;
-    width: 100%;
-    max-width: 100%;
-  }
-
-  // Clear floats so dropdown menus can be properly placed
-  > .btn-group {
-    @include clearfix();
-    > .btn {
-      float: none;
-    }
-  }
-
-  > .btn + .btn,
-  > .btn + .btn-group,
-  > .btn-group + .btn,
-  > .btn-group + .btn-group {
-    margin-top: -1px;
-    margin-left: 0;
-  }
-}
-
-.btn-group-vertical > .btn {
-  &:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  &:first-child:not(:last-child) {
-    border-top-right-radius: $border-radius-base;
-    @include border-bottom-radius(0);
-  }
-  &:last-child:not(:first-child) {
-    border-bottom-left-radius: $border-radius-base;
-    @include border-top-radius(0);
-  }
-}
-.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-.btn-group-vertical > .btn-group:first-child:not(:last-child) {
-  > .btn:last-child,
-  > .dropdown-toggle {
-    @include border-bottom-radius(0);
-  }
-}
-.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
-  @include border-top-radius(0);
-}
-
-
-
-// Justified button groups
-// ----------------------
-
-.btn-group-justified {
-  display: table;
-  width: 100%;
-  table-layout: fixed;
-  border-collapse: separate;
-  > .btn,
-  > .btn-group {
-    float: none;
-    display: table-cell;
-    width: 1%;
-  }
-  > .btn-group .btn {
-    width: 100%;
-  }
-}
-
-
-// Checkbox and radio options
-//
-// In order to support the browser's form validation feedback, powered by the
-// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
-// use `display: none;` or `visibility: hidden;` as that also hides the popover.
-// This way, we ensure a DOM element is visible to position the popover from.
-//
-// See https://github.com/twbs/bootstrap/pull/12794 for more.
-
-[data-toggle="buttons"] > .btn > input[type="radio"],
-[data-toggle="buttons"] > .btn > input[type="checkbox"] {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_buttons.scss b/_sass/p2pu-css-framework/bootstrap/_buttons.scss
deleted file mode 100644
index 28110b651..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_buttons.scss
+++ /dev/null
@@ -1,159 +0,0 @@
-//
-// Buttons
-// --------------------------------------------------
-
-
-// Base styles
-// --------------------------------------------------
-
-.btn {
-  display: inline-block;
-  margin-bottom: 0; // For input.btn
-  font-weight: $btn-font-weight;
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
-  border: 1px solid transparent;
-  white-space: nowrap;
-  @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);
-  @include user-select(none);
-
-  &,
-  &:active,
-  &.active {
-    &:focus {
-      @include tab-focus();
-    }
-  }
-
-  &:hover,
-  &:focus {
-    color: $btn-default-color;
-    text-decoration: none;
-  }
-
-  &:active,
-  &.active {
-    outline: 0;
-    background-image: none;
-    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
-  }
-
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    cursor: not-allowed;
-    pointer-events: none; // Future-proof disabling of clicks
-    @include opacity(.65);
-    @include box-shadow(none);
-  }
-}
-
-
-// Alternate buttons
-// --------------------------------------------------
-
-.btn-default {
-  @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
-}
-.btn-primary {
-  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
-}
-// Success appears as green
-.btn-success {
-  @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
-}
-// Info appears as blue-green
-.btn-info {
-  @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
-}
-// Warning appears as orange
-.btn-warning {
-  @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
-}
-// Danger and error appear as red
-.btn-danger {
-  @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
-}
-
-
-// Link buttons
-// -------------------------
-
-// Make a button look and behave like a link
-.btn-link {
-  color: $link-color;
-  font-weight: normal;
-  cursor: pointer;
-  border-radius: 0;
-
-  &,
-  &:active,
-  &[disabled],
-  fieldset[disabled] & {
-    background-color: transparent;
-    @include box-shadow(none);
-  }
-  &,
-  &:hover,
-  &:focus,
-  &:active {
-    border-color: transparent;
-  }
-  &:hover,
-  &:focus {
-    color: $link-hover-color;
-    text-decoration: underline;
-    background-color: transparent;
-  }
-  &[disabled],
-  fieldset[disabled] & {
-    &:hover,
-    &:focus {
-      color: $btn-link-disabled-color;
-      text-decoration: none;
-    }
-  }
-}
-
-
-// Button Sizes
-// --------------------------------------------------
-
-.btn-lg {
-  // line-height: ensure even-numbered height of button next to large input
-  @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
-}
-.btn-sm {
-  // line-height: ensure proper height of button next to small input
-  @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
-}
-.btn-xs {
-  @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small);
-}
-
-
-// Block button
-// --------------------------------------------------
-
-.btn-block {
-  display: block;
-  width: 100%;
-  padding-left: 0;
-  padding-right: 0;
-}
-
-// Vertically space out multiple block buttons
-.btn-block + .btn-block {
-  margin-top: 5px;
-}
-
-// Specificity overrides
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
-  &.btn-block {
-    width: 100%;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_carousel.scss b/_sass/p2pu-css-framework/bootstrap/_carousel.scss
deleted file mode 100644
index 9325c1a55..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_carousel.scss
+++ /dev/null
@@ -1,241 +0,0 @@
-//
-// Carousel
-// --------------------------------------------------
-
-
-// Wrapper for the slide container and indicators
-.carousel {
-  position: relative;
-}
-
-.carousel-inner {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-
-  > .item {
-    display: none;
-    position: relative;
-    @include transition(.6s ease-in-out left);
-
-    // Account for jankitude on images
-    > img,
-    > a > img {
-      @include img-responsive();
-      line-height: 1;
-    }
-  }
-
-  > .active,
-  > .next,
-  > .prev { display: block; }
-
-  > .active {
-    left: 0;
-  }
-
-  > .next,
-  > .prev {
-    position: absolute;
-    top: 0;
-    width: 100%;
-  }
-
-  > .next {
-    left: 100%;
-  }
-  > .prev {
-    left: -100%;
-  }
-  > .next.left,
-  > .prev.right {
-    left: 0;
-  }
-
-  > .active.left {
-    left: -100%;
-  }
-  > .active.right {
-    left: 100%;
-  }
-
-}
-
-// Left/right controls for nav
-// ---------------------------
-
-.carousel-control {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: $carousel-control-width;
-  @include opacity($carousel-control-opacity);
-  font-size: $carousel-control-font-size;
-  color: $carousel-control-color;
-  text-align: center;
-  text-shadow: $carousel-text-shadow;
-  // We can't have this transition here because WebKit cancels the carousel
-  // animation if you trip this while in the middle of another animation.
-
-  // Set gradients for backgrounds
-  &.left {
-    @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
-  }
-  &.right {
-    left: auto;
-    right: 0;
-    @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
-  }
-
-  // Hover/focus state
-  &:hover,
-  &:focus {
-    outline: 0;
-    color: $carousel-control-color;
-    text-decoration: none;
-    @include opacity(.9);
-  }
-
-  // Toggles
-  .icon-prev,
-  .icon-next,
-  .glyphicon-chevron-left,
-  .glyphicon-chevron-right {
-    position: absolute;
-    top: 50%;
-    z-index: 5;
-    display: inline-block;
-  }
-  .icon-prev,
-  .glyphicon-chevron-left {
-    left: 50%;
-    margin-left: -10px;
-  }
-  .icon-next,
-  .glyphicon-chevron-right {
-    right: 50%;
-    margin-right: -10px;
-  }
-  .icon-prev,
-  .icon-next {
-    width:  20px;
-    height: 20px;
-    margin-top: -10px;
-    font-family: serif;
-  }
-
-
-  .icon-prev {
-    &:before {
-      content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
-    }
-  }
-  .icon-next {
-    &:before {
-      content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
-    }
-  }
-}
-
-// Optional indicator pips
-//
-// Add an unordered list with the following class and add a list item for each
-// slide your carousel holds.
-
-.carousel-indicators {
-  position: absolute;
-  bottom: 10px;
-  left: 50%;
-  z-index: 15;
-  width: 60%;
-  margin-left: -30%;
-  padding-left: 0;
-  list-style: none;
-  text-align: center;
-
-  li {
-    display: inline-block;
-    width:  10px;
-    height: 10px;
-    margin: 1px;
-    text-indent: -999px;
-    border: 1px solid $carousel-indicator-border-color;
-    border-radius: 10px;
-    cursor: pointer;
-
-    // IE8-9 hack for event handling
-    //
-    // Internet Explorer 8-9 does not support clicks on elements without a set
-    // `background-color`. We cannot use `filter` since that's not viewed as a
-    // background color by the browser. Thus, a hack is needed.
-    //
-    // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
-    // set alpha transparency for the best results possible.
-    background-color: #000 \9; // IE8
-    background-color: rgba(0,0,0,0); // IE9
-  }
-  .active {
-    margin: 0;
-    width:  12px;
-    height: 12px;
-    background-color: $carousel-indicator-active-bg;
-  }
-}
-
-// Optional captions
-// -----------------------------
-// Hidden by default for smaller viewports
-.carousel-caption {
-  position: absolute;
-  left: 15%;
-  right: 15%;
-  bottom: 20px;
-  z-index: 10;
-  padding-top: 20px;
-  padding-bottom: 20px;
-  color: $carousel-caption-color;
-  text-align: center;
-  text-shadow: $carousel-text-shadow;
-  & .btn {
-    text-shadow: none; // No shadow for button elements in carousel-caption
-  }
-}
-
-
-// Scale up controls for tablets and up
-@media screen and (min-width: $screen-sm-min) {
-
-  // Scale up the controls a smidge
-  .carousel-control {
-    .glyphicon-chevron-left,
-    .glyphicon-chevron-right,
-    .icon-prev,
-    .icon-next {
-      width: 30px;
-      height: 30px;
-      margin-top: -15px;
-      font-size: 30px;
-    }
-    .glyphicon-chevron-left,
-    .icon-prev {
-      margin-left: -15px;
-    }
-    .glyphicon-chevron-right,
-    .icon-next {
-      margin-right: -15px;
-    }
-  }
-
-  // Show and left align the captions
-  .carousel-caption {
-    left: 20%;
-    right: 20%;
-    padding-bottom: 30px;
-  }
-
-  // Move up the indicators
-  .carousel-indicators {
-    bottom: 20px;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_close.scss b/_sass/p2pu-css-framework/bootstrap/_close.scss
deleted file mode 100644
index 62ce30fa3..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_close.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-//
-// Close icons
-// --------------------------------------------------
-
-
-.close {
-  float: right;
-  font-size: ($font-size-base * 1.5);
-  font-weight: $close-font-weight;
-  line-height: 1;
-  color: $close-color;
-  text-shadow: $close-text-shadow;
-  @include opacity(.2);
-
-  &:hover,
-  &:focus {
-    color: $close-color;
-    text-decoration: none;
-    cursor: pointer;
-    @include opacity(.5);
-  }
-
-  // [converter] extracted button& to button.close
-}
-
-// Additional properties for button version
-// iOS requires the button element instead of an anchor tag.
-// If you want the anchor version, it requires `href="#"`.
-button.close {
-  padding: 0;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-  -webkit-appearance: none;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_code.scss b/_sass/p2pu-css-framework/bootstrap/_code.scss
deleted file mode 100644
index dacaa58a5..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_code.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-//
-// Code (inline and block)
-// --------------------------------------------------
-
-
-// Inline and block code styles
-code,
-kbd,
-pre,
-samp {
-  font-family: $font-family-monospace;
-}
-
-// Inline code
-code {
-  padding: 2px 4px;
-  font-size: 90%;
-  color: $code-color;
-  background-color: $code-bg;
-  border-radius: $border-radius-base;
-}
-
-// User input typically entered via keyboard
-kbd {
-  padding: 2px 4px;
-  font-size: 90%;
-  color: $kbd-color;
-  background-color: $kbd-bg;
-  border-radius: $border-radius-small;
-  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
-}
-
-// Blocks of code
-pre {
-  display: block;
-  padding: (($line-height-computed - 1) / 2);
-  margin: 0 0 ($line-height-computed / 2);
-  font-size: ($font-size-base - 1); // 14px to 13px
-  line-height: $line-height-base;
-  word-break: break-all;
-  word-wrap: break-word;
-  color: $pre-color;
-  background-color: $pre-bg;
-  border: 1px solid $pre-border-color;
-  border-radius: $border-radius-base;
-
-  // Account for some code outputs that place code tags in pre tags
-  code {
-    padding: 0;
-    font-size: inherit;
-    color: inherit;
-    white-space: pre-wrap;
-    background-color: transparent;
-    border-radius: 0;
-  }
-}
-
-// Enable scrollable blocks of code
-.pre-scrollable {
-  max-height: $pre-scrollable-max-height;
-  overflow-y: scroll;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_component-animations.scss b/_sass/p2pu-css-framework/bootstrap/_component-animations.scss
deleted file mode 100644
index 8c3fd07a2..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_component-animations.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-//
-// Component animations
-// --------------------------------------------------
-
-// Heads up!
-//
-// We don't use the `.opacity()` mixin here since it causes a bug with text
-// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
-
-.fade {
-  opacity: 0;
-  @include transition(opacity .15s linear);
-  &.in {
-    opacity: 1;
-  }
-}
-
-.collapse {
-  display: none;
-
-  &.in      { display: block; }
-  // [converter] extracted tr&.in to tr.collapse.in
-  // [converter] extracted tbody&.in to tbody.collapse.in
-}
-
-tr.collapse.in    { display: table-row; }
-
-tbody.collapse.in { display: table-row-group; }
-
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  @include transition(height .35s ease);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_dropdowns.scss b/_sass/p2pu-css-framework/bootstrap/_dropdowns.scss
deleted file mode 100644
index 803a798f6..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_dropdowns.scss
+++ /dev/null
@@ -1,214 +0,0 @@
-//
-// Dropdown menus
-// --------------------------------------------------
-
-
-// Dropdown arrow/caret
-.caret {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 2px;
-  vertical-align: middle;
-  border-top:   $caret-width-base solid;
-  border-right: $caret-width-base solid transparent;
-  border-left:  $caret-width-base solid transparent;
-}
-
-// The dropdown wrapper (div)
-.dropdown {
-  position: relative;
-}
-
-// Prevent the focus on the dropdown toggle when closing dropdowns
-.dropdown-toggle:focus {
-  outline: 0;
-}
-
-// The dropdown menu (ul)
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: $zindex-dropdown;
-  display: none; // none by default, but block on "open" of the menu
-  float: left;
-  min-width: 160px;
-  padding: 5px 0;
-  margin: 2px 0 0; // override default ul
-  list-style: none;
-  font-size: $font-size-base;
-  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
-  background-color: $dropdown-bg;
-  border: 1px solid $dropdown-fallback-border; // IE8 fallback
-  border: 1px solid $dropdown-border;
-  border-radius: $border-radius-base;
-  @include box-shadow(0 6px 12px rgba(0,0,0,.175));
-  background-clip: padding-box;
-
-  // Aligns the dropdown menu to right
-  //
-  // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
-  &.pull-right {
-    right: 0;
-    left: auto;
-  }
-
-  // Dividers (basically an hr) within the dropdown
-  .divider {
-    @include nav-divider($dropdown-divider-bg);
-  }
-
-  // Links within the dropdown menu
-  > li > a {
-    display: block;
-    padding: 3px 20px;
-    clear: both;
-    font-weight: normal;
-    line-height: $line-height-base;
-    color: $dropdown-link-color;
-    white-space: nowrap; // prevent links from randomly breaking onto new lines
-  }
-}
-
-// Hover/Focus state
-.dropdown-menu > li > a {
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    color: $dropdown-link-hover-color;
-    background-color: $dropdown-link-hover-bg;
-  }
-}
-
-// Active state
-.dropdown-menu > .active > a {
-  &,
-  &:hover,
-  &:focus {
-    color: $dropdown-link-active-color;
-    text-decoration: none;
-    outline: 0;
-    background-color: $dropdown-link-active-bg;
-  }
-}
-
-// Disabled state
-//
-// Gray out text and ensure the hover/focus state remains gray
-
-.dropdown-menu > .disabled > a {
-  &,
-  &:hover,
-  &:focus {
-    color: $dropdown-link-disabled-color;
-  }
-}
-// Nuke hover/focus effects
-.dropdown-menu > .disabled > a {
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    background-color: transparent;
-    background-image: none; // Remove CSS gradient
-    @include reset-filter();
-    cursor: not-allowed;
-  }
-}
-
-// Open state for the dropdown
-.open {
-  // Show the menu
-  > .dropdown-menu {
-    display: block;
-  }
-
-  // Remove the outline when :focus is triggered
-  > a {
-    outline: 0;
-  }
-}
-
-// Menu positioning
-//
-// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
-// menu with the parent.
-.dropdown-menu-right {
-  left: auto; // Reset the default from `.dropdown-menu`
-  right: 0;
-}
-// With v3, we enabled auto-flipping if you have a dropdown within a right
-// aligned nav component. To enable the undoing of that, we provide an override
-// to restore the default dropdown menu alignment.
-//
-// This is only for left-aligning a dropdown menu within a `.navbar-right` or
-// `.pull-right` nav component.
-.dropdown-menu-left {
-  left: 0;
-  right: auto;
-}
-
-// Dropdown section headers
-.dropdown-header {
-  display: block;
-  padding: 3px 20px;
-  font-size: $font-size-small;
-  line-height: $line-height-base;
-  color: $dropdown-header-color;
-}
-
-// Backdrop to catch body clicks on mobile, etc.
-.dropdown-backdrop {
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  z-index: ($zindex-dropdown - 10);
-}
-
-// Right aligned dropdowns
-.pull-right > .dropdown-menu {
-  right: 0;
-  left: auto;
-}
-
-// Allow for dropdowns to go bottom up (aka, dropup-menu)
-//
-// Just add .dropup after the standard .dropdown class and you're set, bro.
-// TODO: abstract this so that the navbar fixed styles are not placed here?
-
-.dropup,
-.navbar-fixed-bottom .dropdown {
-  // Reverse the caret
-  .caret {
-    border-top: 0;
-    border-bottom: $caret-width-base solid;
-    content: "";
-  }
-  // Different positioning for bottom up menu
-  .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-    margin-bottom: 1px;
-  }
-}
-
-
-// Component alignment
-//
-// Reiterate per navbar.less and the modified component alignment there.
-
-@media (min-width: $grid-float-breakpoint) {
-  .navbar-right {
-    .dropdown-menu {
-      right: 0; left: auto;
-    }
-    // Necessary for overrides of the default right aligned menu.
-    // Will remove come v4 in all likelihood.
-    .dropdown-menu-left {
-      left: 0; right: auto;
-    }
-  }
-}
-
diff --git a/_sass/p2pu-css-framework/bootstrap/_forms.scss b/_sass/p2pu-css-framework/bootstrap/_forms.scss
deleted file mode 100644
index 310c24dd3..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_forms.scss
+++ /dev/null
@@ -1,478 +0,0 @@
-//
-// Forms
-// --------------------------------------------------
-
-
-// Normalize non-controls
-//
-// Restyle and baseline non-control form elements.
-
-fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0;
-  // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,
-  // so we reset that to ensure it behaves more like a standard block element.
-  // See https://github.com/twbs/bootstrap/issues/12359.
-  min-width: 0;
-}
-
-legend {
-  display: block;
-  width: 100%;
-  padding: 0;
-  margin-bottom: $line-height-computed;
-  font-size: ($font-size-base * 1.5);
-  line-height: inherit;
-  color: $legend-color;
-  border: 0;
-  border-bottom: 1px solid $legend-border-color;
-}
-
-label {
-  display: inline-block;
-  max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
-  margin-bottom: 5px;
-  font-weight: bold;
-}
-
-
-// Normalize form controls
-//
-// While most of our form styles require extra classes, some basic normalization
-// is required to ensure optimum display with or without those classes to better
-// address browser inconsistencies.
-
-// Override content-box in Normalize (* isn't specific enough)
-input[type="search"] {
-  @include box-sizing(border-box);
-}
-
-// Position radios and checkboxes better
-input[type="radio"],
-input[type="checkbox"] {
-  margin: 4px 0 0;
-  margin-top: 1px \9; // IE8-9
-  line-height: normal;
-}
-
-// Set the height of file controls to match text inputs
-input[type="file"] {
-  display: block;
-}
-
-// Make range inputs behave like textual form controls
-input[type="range"] {
-  display: block;
-  width: 100%;
-}
-
-// Make multiple select elements height not fixed
-select[multiple],
-select[size] {
-  height: auto;
-}
-
-// Focus for file, radio, and checkbox
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
-  @include tab-focus();
-}
-
-// Adjust output element
-output {
-  display: block;
-  padding-top: ($padding-base-vertical + 1);
-  font-size: $font-size-base;
-  line-height: $line-height-base;
-  color: $input-color;
-}
-
-
-// Common form controls
-//
-// Shared size and type resets for form controls. Apply `.form-control` to any
-// of the following form controls:
-//
-// select
-// textarea
-// input[type="text"]
-// input[type="password"]
-// input[type="datetime"]
-// input[type="datetime-local"]
-// input[type="date"]
-// input[type="month"]
-// input[type="time"]
-// input[type="week"]
-// input[type="number"]
-// input[type="email"]
-// input[type="url"]
-// input[type="search"]
-// input[type="tel"]
-// input[type="color"]
-
-.form-control {
-  display: block;
-  width: 100%;
-  height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
-  padding: $padding-base-vertical $padding-base-horizontal;
-  font-size: $font-size-base;
-  line-height: $line-height-base;
-  color: $input-color;
-  background-color: $input-bg;
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
-  border: 1px solid $input-border;
-  border-radius: $input-border-radius;
-  @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
-  @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
-
-  // Customize the `:focus` state to imitate native WebKit styles.
-  @include form-control-focus();
-
-  // Placeholder
-  @include placeholder();
-
-  // Disabled and read-only inputs
-  //
-  // HTML5 says that controls under a fieldset > legend:first-child won't be
-  // disabled if the fieldset is disabled. Due to implementation difficulty, we
-  // don't honor that edge case; we style them as disabled anyway.
-  &[disabled],
-  &[readonly],
-  fieldset[disabled] & {
-    cursor: not-allowed;
-    background-color: $input-bg-disabled;
-    opacity: 1; // iOS fix for unreadable disabled content
-  }
-
-  // [converter] extracted textarea& to textarea.form-control
-}
-
-// Reset height for `textarea`s
-textarea.form-control {
-  height: auto;
-}
-
-
-// Search inputs in iOS
-//
-// This overrides the extra rounded corners on search inputs in iOS so that our
-// `.form-control` class can properly style them. Note that this cannot simply
-// be added to `.form-control` as it's not specific enough. For details, see
-// https://github.com/twbs/bootstrap/issues/11586.
-
-input[type="search"] {
-  -webkit-appearance: none;
-}
-
-
-// Special styles for iOS date input
-//
-// In Mobile Safari, date inputs require a pixel line-height that matches the
-// given height of the input. Since this fucks up everything else, we have to
-// appropriately reset it for Internet Explorer and the size variations.
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
-  line-height: $input-height-base;
-  // IE8+ misaligns the text within date inputs, so we reset
-  line-height: $line-height-base #{\0};
-
-  &.input-sm {
-    line-height: $input-height-small;
-  }
-  &.input-lg {
-    line-height: $input-height-large;
-  }
-}
-
-
-// Form groups
-//
-// Designed to help with the organization and spacing of vertical forms. For
-// horizontal forms, use the predefined grid classes.
-
-.form-group {
-  margin-bottom: 15px;
-}
-
-
-// Checkboxes and radios
-//
-// Indent the labels to position radios/checkboxes as hanging controls.
-
-.radio,
-.checkbox {
-  display: block;
-  min-height: $line-height-computed; // clear the floating input if there is no label text
-  margin-top: 10px;
-  margin-bottom: 10px;
-
-  label {
-    padding-left: 20px;
-    margin-bottom: 0;
-    font-weight: normal;
-    cursor: pointer;
-  }
-}
-.radio input[type="radio"],
-.radio-inline input[type="radio"],
-.checkbox input[type="checkbox"],
-.checkbox-inline input[type="checkbox"] {
-  float: left;
-  margin-left: -20px;
-}
-.radio + .radio,
-.checkbox + .checkbox {
-  margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
-}
-
-// Radios and checkboxes on same line
-.radio-inline,
-.checkbox-inline {
-  display: inline-block;
-  padding-left: 20px;
-  margin-bottom: 0;
-  vertical-align: middle;
-  font-weight: normal;
-  cursor: pointer;
-}
-.radio-inline + .radio-inline,
-.checkbox-inline + .checkbox-inline {
-  margin-top: 0;
-  margin-left: 10px; // space out consecutive inline controls
-}
-
-// Apply same disabled cursor tweak as for inputs
-//
-// Note: Neither radios nor checkboxes can be readonly.
-input[type="radio"],
-input[type="checkbox"],
-.radio,
-.radio-inline,
-.checkbox,
-.checkbox-inline {
-  &[disabled],
-  fieldset[disabled] & {
-    cursor: not-allowed;
-  }
-}
-
-
-// Form control sizing
-//
-// Build on `.form-control` with modifier classes to decrease or increase the
-// height and font-size of form controls.
-
-@include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
-
-@include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
-
-
-// Form control feedback states
-//
-// Apply contextual and semantic states to individual form controls.
-
-.has-feedback {
-  // Enable absolute positioning
-  position: relative;
-
-  // Ensure icons don't overlap text
-  .form-control {
-    padding-right: ($input-height-base * 1.25);
-  }
-}
-// Feedback icon (requires .glyphicon classes)
-.form-control-feedback {
-  position: absolute;
-  top: ($line-height-computed + 5); // Height of the `label` and its margin
-  right: 0;
-  z-index: 2; // Ensure icon is above input groups
-  display: block;
-  width: $input-height-base;
-  height: $input-height-base;
-  line-height: $input-height-base;
-  text-align: center;
-}
-.input-lg + .form-control-feedback {
-  width: $input-height-large;
-  height: $input-height-large;
-  line-height: $input-height-large;
-}
-.input-sm + .form-control-feedback {
-  width: $input-height-small;
-  height: $input-height-small;
-  line-height: $input-height-small;
-}
-
-// Feedback states
-.has-success {
-  @include form-control-validation($state-success-text, $state-success-text, $state-success-bg);
-}
-.has-warning {
-  @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);
-}
-.has-error {
-  @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);
-}
-
-
-// Static form control text
-//
-// Apply class to a `p` element to make any string of text align with labels in
-// a horizontal form layout.
-
-.form-control-static {
-  margin-bottom: 0; // Remove default margin from `p`
-}
-
-
-// Help text
-//
-// Apply to any element you wish to create light text for placement immediately
-// below a form control. Use for general help, formatting, or instructional text.
-
-.help-block {
-  display: block; // account for any element using help-block
-  margin-top: 5px;
-  margin-bottom: 10px;
-  color: lighten($text-color, 25%); // lighten the text some for contrast
-}
-
-
-
-// Inline forms
-//
-// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
-// forms begin stacked on extra small (mobile) devices and then go inline when
-// viewports reach <768px.
-//
-// Requires wrapping inputs and labels with `.form-group` for proper display of
-// default HTML form controls and our custom form controls (e.g., input groups).
-//
-// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
-
-.form-inline {
-
-  // Kick in the inline
-  @media (min-width: $screen-sm-min) {
-    // Inline-block all the things for "inline"
-    .form-group {
-      display: inline-block;
-      margin-bottom: 0;
-      vertical-align: middle;
-    }
-
-    // In navbar-form, allow folks to *not* use `.form-group`
-    .form-control {
-      display: inline-block;
-      width: auto; // Prevent labels from stacking above inputs in `.form-group`
-      vertical-align: middle;
-    }
-
-    .input-group {
-      display: inline-table;
-      vertical-align: middle;
-
-      .input-group-addon,
-      .input-group-btn,
-      .form-control {
-        width: auto;
-      }
-    }
-
-    // Input groups need that 100% width though
-    .input-group > .form-control {
-      width: 100%;
-    }
-
-    .control-label {
-      margin-bottom: 0;
-      vertical-align: middle;
-    }
-
-    // Remove default margin on radios/checkboxes that were used for stacking, and
-    // then undo the floating of radios and checkboxes to match (which also avoids
-    // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
-    .radio,
-    .checkbox {
-      display: inline-block;
-      margin-top: 0;
-      margin-bottom: 0;
-      padding-left: 0;
-      vertical-align: middle;
-    }
-    .radio input[type="radio"],
-    .checkbox input[type="checkbox"] {
-      float: none;
-      margin-left: 0;
-    }
-
-    // Validation states
-    //
-    // Reposition the icon because it's now within a grid column and columns have
-    // `position: relative;` on them. Also accounts for the grid gutter padding.
-    .has-feedback .form-control-feedback {
-      top: 0;
-    }
-  }
-}
-
-
-// Horizontal forms
-//
-// Horizontal forms are built on grid classes and allow you to create forms with
-// labels on the left and inputs on the right.
-
-.form-horizontal {
-
-  // Consistent vertical alignment of radios and checkboxes
-  //
-  // Labels also get some reset styles, but that is scoped to a media query below.
-  .radio,
-  .checkbox,
-  .radio-inline,
-  .checkbox-inline {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-top: ($padding-base-vertical + 1); // Default padding plus a border
-  }
-  // Account for padding we're adding to ensure the alignment and of help text
-  // and other content below items
-  .radio,
-  .checkbox {
-    min-height: ($line-height-computed + ($padding-base-vertical + 1));
-  }
-
-  // Make form groups behave like rows
-  .form-group {
-    @include make-row();
-  }
-
-  .form-control-static {
-    padding-top: ($padding-base-vertical + 1);
-    padding-bottom: ($padding-base-vertical + 1);
-  }
-
-  // Reset spacing and right align labels, but scope to media queries so that
-  // labels on narrow viewports stack the same as a default form example.
-  @media (min-width: $screen-sm-min) {
-    .control-label {
-      text-align: right;
-      margin-bottom: 0;
-      padding-top: ($padding-base-vertical + 1); // Default padding plus a border
-    }
-  }
-
-  // Validation states
-  //
-  // Reposition the icon because it's now within a grid column and columns have
-  // `position: relative;` on them. Also accounts for the grid gutter padding.
-  .has-feedback .form-control-feedback {
-    top: 0;
-    right: ($grid-gutter-width / 2);
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_glyphicons.scss b/_sass/p2pu-css-framework/bootstrap/_glyphicons.scss
deleted file mode 100644
index 3faf5472a..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_glyphicons.scss
+++ /dev/null
@@ -1,237 +0,0 @@
-//= depend_on_asset "bootstrap/glyphicons-halflings-regular.eot"
-//= depend_on_asset "bootstrap/glyphicons-halflings-regular.svg"
-//= depend_on_asset "bootstrap/glyphicons-halflings-regular.ttf"
-//= depend_on_asset "bootstrap/glyphicons-halflings-regular.woff"
-//
-// Glyphicons for Bootstrap
-//
-// Since icons are fonts, they can be placed anywhere text is placed and are
-// thus automatically sized to match the surrounding child. To use, create an
-// inline element with the appropriate classes, like so:
-//
-// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
-
-// Import the fonts
-@font-face {
-  font-family: 'Glyphicons Halflings';
-  src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot'));
-  src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'),
-       url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'),
-       url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'),
-       url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg');
-}
-
-// Catchall baseclass
-.glyphicon {
-  position: relative;
-  top: 1px;
-  display: inline-block;
-  font-family: 'Glyphicons Halflings';
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-// Individual icons
-.glyphicon-asterisk               { &:before { content: "\2a"; } }
-.glyphicon-plus                   { &:before { content: "\2b"; } }
-.glyphicon-euro                   { &:before { content: "\20ac"; } }
-.glyphicon-minus                  { &:before { content: "\2212"; } }
-.glyphicon-cloud                  { &:before { content: "\2601"; } }
-.glyphicon-envelope               { &:before { content: "\2709"; } }
-.glyphicon-pencil                 { &:before { content: "\270f"; } }
-.glyphicon-glass                  { &:before { content: "\e001"; } }
-.glyphicon-music                  { &:before { content: "\e002"; } }
-.glyphicon-search                 { &:before { content: "\e003"; } }
-.glyphicon-heart                  { &:before { content: "\e005"; } }
-.glyphicon-star                   { &:before { content: "\e006"; } }
-.glyphicon-star-empty             { &:before { content: "\e007"; } }
-.glyphicon-user                   { &:before { content: "\e008"; } }
-.glyphicon-film                   { &:before { content: "\e009"; } }
-.glyphicon-th-large               { &:before { content: "\e010"; } }
-.glyphicon-th                     { &:before { content: "\e011"; } }
-.glyphicon-th-list                { &:before { content: "\e012"; } }
-.glyphicon-ok                     { &:before { content: "\e013"; } }
-.glyphicon-remove                 { &:before { content: "\e014"; } }
-.glyphicon-zoom-in                { &:before { content: "\e015"; } }
-.glyphicon-zoom-out               { &:before { content: "\e016"; } }
-.glyphicon-off                    { &:before { content: "\e017"; } }
-.glyphicon-signal                 { &:before { content: "\e018"; } }
-.glyphicon-cog                    { &:before { content: "\e019"; } }
-.glyphicon-trash                  { &:before { content: "\e020"; } }
-.glyphicon-home                   { &:before { content: "\e021"; } }
-.glyphicon-file                   { &:before { content: "\e022"; } }
-.glyphicon-time                   { &:before { content: "\e023"; } }
-.glyphicon-road                   { &:before { content: "\e024"; } }
-.glyphicon-download-alt           { &:before { content: "\e025"; } }
-.glyphicon-download               { &:before { content: "\e026"; } }
-.glyphicon-upload                 { &:before { content: "\e027"; } }
-.glyphicon-inbox                  { &:before { content: "\e028"; } }
-.glyphicon-play-circle            { &:before { content: "\e029"; } }
-.glyphicon-repeat                 { &:before { content: "\e030"; } }
-.glyphicon-refresh                { &:before { content: "\e031"; } }
-.glyphicon-list-alt               { &:before { content: "\e032"; } }
-.glyphicon-lock                   { &:before { content: "\e033"; } }
-.glyphicon-flag                   { &:before { content: "\e034"; } }
-.glyphicon-headphones             { &:before { content: "\e035"; } }
-.glyphicon-volume-off             { &:before { content: "\e036"; } }
-.glyphicon-volume-down            { &:before { content: "\e037"; } }
-.glyphicon-volume-up              { &:before { content: "\e038"; } }
-.glyphicon-qrcode                 { &:before { content: "\e039"; } }
-.glyphicon-barcode                { &:before { content: "\e040"; } }
-.glyphicon-tag                    { &:before { content: "\e041"; } }
-.glyphicon-tags                   { &:before { content: "\e042"; } }
-.glyphicon-book                   { &:before { content: "\e043"; } }
-.glyphicon-bookmark               { &:before { content: "\e044"; } }
-.glyphicon-print                  { &:before { content: "\e045"; } }
-.glyphicon-camera                 { &:before { content: "\e046"; } }
-.glyphicon-font                   { &:before { content: "\e047"; } }
-.glyphicon-bold                   { &:before { content: "\e048"; } }
-.glyphicon-italic                 { &:before { content: "\e049"; } }
-.glyphicon-text-height            { &:before { content: "\e050"; } }
-.glyphicon-text-width             { &:before { content: "\e051"; } }
-.glyphicon-align-left             { &:before { content: "\e052"; } }
-.glyphicon-align-center           { &:before { content: "\e053"; } }
-.glyphicon-align-right            { &:before { content: "\e054"; } }
-.glyphicon-align-justify          { &:before { content: "\e055"; } }
-.glyphicon-list                   { &:before { content: "\e056"; } }
-.glyphicon-indent-left            { &:before { content: "\e057"; } }
-.glyphicon-indent-right           { &:before { content: "\e058"; } }
-.glyphicon-facetime-video         { &:before { content: "\e059"; } }
-.glyphicon-picture                { &:before { content: "\e060"; } }
-.glyphicon-map-marker             { &:before { content: "\e062"; } }
-.glyphicon-adjust                 { &:before { content: "\e063"; } }
-.glyphicon-tint                   { &:before { content: "\e064"; } }
-.glyphicon-edit                   { &:before { content: "\e065"; } }
-.glyphicon-share                  { &:before { content: "\e066"; } }
-.glyphicon-check                  { &:before { content: "\e067"; } }
-.glyphicon-move                   { &:before { content: "\e068"; } }
-.glyphicon-step-backward          { &:before { content: "\e069"; } }
-.glyphicon-fast-backward          { &:before { content: "\e070"; } }
-.glyphicon-backward               { &:before { content: "\e071"; } }
-.glyphicon-play                   { &:before { content: "\e072"; } }
-.glyphicon-pause                  { &:before { content: "\e073"; } }
-.glyphicon-stop                   { &:before { content: "\e074"; } }
-.glyphicon-forward                { &:before { content: "\e075"; } }
-.glyphicon-fast-forward           { &:before { content: "\e076"; } }
-.glyphicon-step-forward           { &:before { content: "\e077"; } }
-.glyphicon-eject                  { &:before { content: "\e078"; } }
-.glyphicon-chevron-left           { &:before { content: "\e079"; } }
-.glyphicon-chevron-right          { &:before { content: "\e080"; } }
-.glyphicon-plus-sign              { &:before { content: "\e081"; } }
-.glyphicon-minus-sign             { &:before { content: "\e082"; } }
-.glyphicon-remove-sign            { &:before { content: "\e083"; } }
-.glyphicon-ok-sign                { &:before { content: "\e084"; } }
-.glyphicon-question-sign          { &:before { content: "\e085"; } }
-.glyphicon-info-sign              { &:before { content: "\e086"; } }
-.glyphicon-screenshot             { &:before { content: "\e087"; } }
-.glyphicon-remove-circle          { &:before { content: "\e088"; } }
-.glyphicon-ok-circle              { &:before { content: "\e089"; } }
-.glyphicon-ban-circle             { &:before { content: "\e090"; } }
-.glyphicon-arrow-left             { &:before { content: "\e091"; } }
-.glyphicon-arrow-right            { &:before { content: "\e092"; } }
-.glyphicon-arrow-up               { &:before { content: "\e093"; } }
-.glyphicon-arrow-down             { &:before { content: "\e094"; } }
-.glyphicon-share-alt              { &:before { content: "\e095"; } }
-.glyphicon-resize-full            { &:before { content: "\e096"; } }
-.glyphicon-resize-small           { &:before { content: "\e097"; } }
-.glyphicon-exclamation-sign       { &:before { content: "\e101"; } }
-.glyphicon-gift                   { &:before { content: "\e102"; } }
-.glyphicon-leaf                   { &:before { content: "\e103"; } }
-.glyphicon-fire                   { &:before { content: "\e104"; } }
-.glyphicon-eye-open               { &:before { content: "\e105"; } }
-.glyphicon-eye-close              { &:before { content: "\e106"; } }
-.glyphicon-warning-sign           { &:before { content: "\e107"; } }
-.glyphicon-plane                  { &:before { content: "\e108"; } }
-.glyphicon-calendar               { &:before { content: "\e109"; } }
-.glyphicon-random                 { &:before { content: "\e110"; } }
-.glyphicon-comment                { &:before { content: "\e111"; } }
-.glyphicon-magnet                 { &:before { content: "\e112"; } }
-.glyphicon-chevron-up             { &:before { content: "\e113"; } }
-.glyphicon-chevron-down           { &:before { content: "\e114"; } }
-.glyphicon-retweet                { &:before { content: "\e115"; } }
-.glyphicon-shopping-cart          { &:before { content: "\e116"; } }
-.glyphicon-folder-close           { &:before { content: "\e117"; } }
-.glyphicon-folder-open            { &:before { content: "\e118"; } }
-.glyphicon-resize-vertical        { &:before { content: "\e119"; } }
-.glyphicon-resize-horizontal      { &:before { content: "\e120"; } }
-.glyphicon-hdd                    { &:before { content: "\e121"; } }
-.glyphicon-bullhorn               { &:before { content: "\e122"; } }
-.glyphicon-bell                   { &:before { content: "\e123"; } }
-.glyphicon-certificate            { &:before { content: "\e124"; } }
-.glyphicon-thumbs-up              { &:before { content: "\e125"; } }
-.glyphicon-thumbs-down            { &:before { content: "\e126"; } }
-.glyphicon-hand-right             { &:before { content: "\e127"; } }
-.glyphicon-hand-left              { &:before { content: "\e128"; } }
-.glyphicon-hand-up                { &:before { content: "\e129"; } }
-.glyphicon-hand-down              { &:before { content: "\e130"; } }
-.glyphicon-circle-arrow-right     { &:before { content: "\e131"; } }
-.glyphicon-circle-arrow-left      { &:before { content: "\e132"; } }
-.glyphicon-circle-arrow-up        { &:before { content: "\e133"; } }
-.glyphicon-circle-arrow-down      { &:before { content: "\e134"; } }
-.glyphicon-globe                  { &:before { content: "\e135"; } }
-.glyphicon-wrench                 { &:before { content: "\e136"; } }
-.glyphicon-tasks                  { &:before { content: "\e137"; } }
-.glyphicon-filter                 { &:before { content: "\e138"; } }
-.glyphicon-briefcase              { &:before { content: "\e139"; } }
-.glyphicon-fullscreen             { &:before { content: "\e140"; } }
-.glyphicon-dashboard              { &:before { content: "\e141"; } }
-.glyphicon-paperclip              { &:before { content: "\e142"; } }
-.glyphicon-heart-empty            { &:before { content: "\e143"; } }
-.glyphicon-link                   { &:before { content: "\e144"; } }
-.glyphicon-phone                  { &:before { content: "\e145"; } }
-.glyphicon-pushpin                { &:before { content: "\e146"; } }
-.glyphicon-usd                    { &:before { content: "\e148"; } }
-.glyphicon-gbp                    { &:before { content: "\e149"; } }
-.glyphicon-sort                   { &:before { content: "\e150"; } }
-.glyphicon-sort-by-alphabet       { &:before { content: "\e151"; } }
-.glyphicon-sort-by-alphabet-alt   { &:before { content: "\e152"; } }
-.glyphicon-sort-by-order          { &:before { content: "\e153"; } }
-.glyphicon-sort-by-order-alt      { &:before { content: "\e154"; } }
-.glyphicon-sort-by-attributes     { &:before { content: "\e155"; } }
-.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
-.glyphicon-unchecked              { &:before { content: "\e157"; } }
-.glyphicon-expand                 { &:before { content: "\e158"; } }
-.glyphicon-collapse-down          { &:before { content: "\e159"; } }
-.glyphicon-collapse-up            { &:before { content: "\e160"; } }
-.glyphicon-log-in                 { &:before { content: "\e161"; } }
-.glyphicon-flash                  { &:before { content: "\e162"; } }
-.glyphicon-log-out                { &:before { content: "\e163"; } }
-.glyphicon-new-window             { &:before { content: "\e164"; } }
-.glyphicon-record                 { &:before { content: "\e165"; } }
-.glyphicon-save                   { &:before { content: "\e166"; } }
-.glyphicon-open                   { &:before { content: "\e167"; } }
-.glyphicon-saved                  { &:before { content: "\e168"; } }
-.glyphicon-import                 { &:before { content: "\e169"; } }
-.glyphicon-export                 { &:before { content: "\e170"; } }
-.glyphicon-send                   { &:before { content: "\e171"; } }
-.glyphicon-floppy-disk            { &:before { content: "\e172"; } }
-.glyphicon-floppy-saved           { &:before { content: "\e173"; } }
-.glyphicon-floppy-remove          { &:before { content: "\e174"; } }
-.glyphicon-floppy-save            { &:before { content: "\e175"; } }
-.glyphicon-floppy-open            { &:before { content: "\e176"; } }
-.glyphicon-credit-card            { &:before { content: "\e177"; } }
-.glyphicon-transfer               { &:before { content: "\e178"; } }
-.glyphicon-cutlery                { &:before { content: "\e179"; } }
-.glyphicon-header                 { &:before { content: "\e180"; } }
-.glyphicon-compressed             { &:before { content: "\e181"; } }
-.glyphicon-earphone               { &:before { content: "\e182"; } }
-.glyphicon-phone-alt              { &:before { content: "\e183"; } }
-.glyphicon-tower                  { &:before { content: "\e184"; } }
-.glyphicon-stats                  { &:before { content: "\e185"; } }
-.glyphicon-sd-video               { &:before { content: "\e186"; } }
-.glyphicon-hd-video               { &:before { content: "\e187"; } }
-.glyphicon-subtitles              { &:before { content: "\e188"; } }
-.glyphicon-sound-stereo           { &:before { content: "\e189"; } }
-.glyphicon-sound-dolby            { &:before { content: "\e190"; } }
-.glyphicon-sound-5-1              { &:before { content: "\e191"; } }
-.glyphicon-sound-6-1              { &:before { content: "\e192"; } }
-.glyphicon-sound-7-1              { &:before { content: "\e193"; } }
-.glyphicon-copyright-mark         { &:before { content: "\e194"; } }
-.glyphicon-registration-mark      { &:before { content: "\e195"; } }
-.glyphicon-cloud-download         { &:before { content: "\e197"; } }
-.glyphicon-cloud-upload           { &:before { content: "\e198"; } }
-.glyphicon-tree-conifer           { &:before { content: "\e199"; } }
-.glyphicon-tree-deciduous         { &:before { content: "\e200"; } }
diff --git a/_sass/p2pu-css-framework/bootstrap/_grid.scss b/_sass/p2pu-css-framework/bootstrap/_grid.scss
deleted file mode 100644
index f71f8b901..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_grid.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-//
-// Grid system
-// --------------------------------------------------
-
-
-// Container widths
-//
-// Set the container width, and override it for fixed navbars in media queries.
-
-.container {
-  @include container-fixed();
-
-  @media (min-width: $screen-sm-min) {
-    width: $container-sm;
-  }
-  @media (min-width: $screen-md-min) {
-    width: $container-md;
-  }
-  @media (min-width: $screen-lg-min) {
-    width: $container-lg;
-  }
-}
-
-
-// Fluid container
-//
-// Utilizes the mixin meant for fixed width containers, but without any defined
-// width for fluid, full width layouts.
-
-.container-fluid {
-  @include container-fixed();
-}
-
-
-// Row
-//
-// Rows contain and clear the floats of your columns.
-
-.row {
-  @include make-row();
-}
-
-
-// Columns
-//
-// Common styles for small and large grid columns
-
-@include make-grid-columns();
-
-
-// Extra small grid
-//
-// Columns, offsets, pushes, and pulls for extra small devices like
-// smartphones.
-
-@include make-grid(xs);
-
-
-// Small grid
-//
-// Columns, offsets, pushes, and pulls for the small device range, from phones
-// to tablets.
-
-@media (min-width: $screen-sm-min) {
-  @include make-grid(sm);
-}
-
-
-// Medium grid
-//
-// Columns, offsets, pushes, and pulls for the desktop device range.
-
-@media (min-width: $screen-md-min) {
-  @include make-grid(md);
-}
-
-
-// Large grid
-//
-// Columns, offsets, pushes, and pulls for the large desktop device range.
-
-@media (min-width: $screen-lg-min) {
-  @include make-grid(lg);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_input-groups.scss b/_sass/p2pu-css-framework/bootstrap/_input-groups.scss
deleted file mode 100644
index 6c26c1dd6..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_input-groups.scss
+++ /dev/null
@@ -1,162 +0,0 @@
-//
-// Input groups
-// --------------------------------------------------
-
-// Base styles
-// -------------------------
-.input-group {
-  position: relative; // For dropdowns
-  display: table;
-  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
-
-  // Undo padding and float of grid classes
-  &[class*="col-"] {
-    float: none;
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .form-control {
-    // Ensure that the input is always above the *appended* addon button for
-    // proper border colors.
-    position: relative;
-    z-index: 2;
-
-    // IE9 fubars the placeholder attribute in text inputs and the arrows on
-    // select elements in input groups. To fix it, we float the input. Details:
-    // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
-    float: left;
-
-    width: 100%;
-    margin-bottom: 0;
-  }
-}
-
-// Sizing options
-//
-// Remix the default form control sizing classes into new ones for easier
-// manipulation.
-
-.input-group-lg > .form-control,
-.input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn { @extend .input-lg; }
-.input-group-sm > .form-control,
-.input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .btn { @extend .input-sm; }
-
-
-// Display as table-cell
-// -------------------------
-.input-group-addon,
-.input-group-btn,
-.input-group .form-control {
-  display: table-cell;
-
-  &:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-}
-// Addon and addon wrapper for buttons
-.input-group-addon,
-.input-group-btn {
-  width: 1%;
-  white-space: nowrap;
-  vertical-align: middle; // Match the inputs
-}
-
-// Text input groups
-// -------------------------
-.input-group-addon {
-  padding: $padding-base-vertical $padding-base-horizontal;
-  font-size: $font-size-base;
-  font-weight: normal;
-  line-height: 1;
-  color: $input-color;
-  text-align: center;
-  background-color: $input-group-addon-bg;
-  border: 1px solid $input-group-addon-border-color;
-  border-radius: $border-radius-base;
-
-  // Sizing
-  &.input-sm {
-    padding: $padding-small-vertical $padding-small-horizontal;
-    font-size: $font-size-small;
-    border-radius: $border-radius-small;
-  }
-  &.input-lg {
-    padding: $padding-large-vertical $padding-large-horizontal;
-    font-size: $font-size-large;
-    border-radius: $border-radius-large;
-  }
-
-  // Nuke default margins from checkboxes and radios to vertically center within.
-  input[type="radio"],
-  input[type="checkbox"] {
-    margin-top: 0;
-  }
-}
-
-// Reset rounded corners
-.input-group .form-control:first-child,
-.input-group-addon:first-child,
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .btn-group > .btn,
-.input-group-btn:first-child > .dropdown-toggle,
-.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
-  @include border-right-radius(0);
-}
-.input-group-addon:first-child {
-  border-right: 0;
-}
-.input-group .form-control:last-child,
-.input-group-addon:last-child,
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .btn-group > .btn,
-.input-group-btn:last-child > .dropdown-toggle,
-.input-group-btn:first-child > .btn:not(:first-child),
-.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
-  @include border-left-radius(0);
-}
-.input-group-addon:last-child {
-  border-left: 0;
-}
-
-// Button input groups
-// -------------------------
-.input-group-btn {
-  position: relative;
-  // Jankily prevent input button groups from wrapping with `white-space` and
-  // `font-size` in combination with `inline-block` on buttons.
-  font-size: 0;
-  white-space: nowrap;
-
-  // Negative margin for spacing, position for bringing hovered/focused/actived
-  // element above the siblings.
-  > .btn {
-    position: relative;
-    + .btn {
-      margin-left: -1px;
-    }
-    // Bring the "active" button to the front
-    &:hover,
-    &:focus,
-    &:active {
-      z-index: 2;
-    }
-  }
-
-  // Negative margin to only have a 1px border between the two
-  &:first-child {
-    > .btn,
-    > .btn-group {
-      margin-right: -1px;
-    }
-  }
-  &:last-child {
-    > .btn,
-    > .btn-group {
-      margin-left: -1px;
-    }
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_jumbotron.scss b/_sass/p2pu-css-framework/bootstrap/_jumbotron.scss
deleted file mode 100644
index 75efe64e0..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_jumbotron.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-//
-// Jumbotron
-// --------------------------------------------------
-
-
-.jumbotron {
-  padding: $jumbotron-padding;
-  margin-bottom: $jumbotron-padding;
-  color: $jumbotron-color;
-  background-color: $jumbotron-bg;
-
-  h1,
-  .h1 {
-    color: $jumbotron-heading-color;
-  }
-  p {
-    margin-bottom: ($jumbotron-padding / 2);
-    font-size: $jumbotron-font-size;
-    font-weight: 200;
-  }
-
-  > hr {
-    border-top-color: darken($jumbotron-bg, 10%);
-  }
-
-  .container & {
-    border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
-  }
-
-  .container {
-    max-width: 100%;
-  }
-
-  @media screen and (min-width: $screen-sm-min) {
-    padding-top:    ($jumbotron-padding * 1.6);
-    padding-bottom: ($jumbotron-padding * 1.6);
-
-    .container & {
-      padding-left:  ($jumbotron-padding * 2);
-      padding-right: ($jumbotron-padding * 2);
-    }
-
-    h1,
-    .h1 {
-      font-size: ($font-size-base * 4.5);
-    }
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_labels.scss b/_sass/p2pu-css-framework/bootstrap/_labels.scss
deleted file mode 100644
index 42ed6ea12..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_labels.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-//
-// Labels
-// --------------------------------------------------
-
-.label {
-  display: inline;
-  padding: .2em .6em .3em;
-  font-size: 75%;
-  font-weight: bold;
-  line-height: 1;
-  color: $label-color;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  border-radius: .25em;
-
-  // [converter] extracted a& to a.label
-
-  // Empty labels collapse automatically (not available in IE8)
-  &:empty {
-    display: none;
-  }
-
-  // Quick fix for labels in buttons
-  .btn & {
-    position: relative;
-    top: -1px;
-  }
-}
-
-// Add hover effects, but only for links
-a.label {
-  &:hover,
-  &:focus {
-    color: $label-link-hover-color;
-    text-decoration: none;
-    cursor: pointer;
-  }
-}
-
-// Colors
-// Contextual variations (linked labels get darker on :hover)
-
-.label-default {
-  @include label-variant($label-default-bg);
-}
-
-.label-primary {
-  @include label-variant($label-primary-bg);
-}
-
-.label-success {
-  @include label-variant($label-success-bg);
-}
-
-.label-info {
-  @include label-variant($label-info-bg);
-}
-
-.label-warning {
-  @include label-variant($label-warning-bg);
-}
-
-.label-danger {
-  @include label-variant($label-danger-bg);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_list-group.scss b/_sass/p2pu-css-framework/bootstrap/_list-group.scss
deleted file mode 100644
index 3338f6354..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_list-group.scss
+++ /dev/null
@@ -1,129 +0,0 @@
-//
-// List groups
-// --------------------------------------------------
-
-
-// Base class
-//
-// Easily usable on <ul>, <ol>, or <div>.
-
-.list-group {
-  // No need to set list-style: none; since .list-group-item is block level
-  margin-bottom: 20px;
-  padding-left: 0; // reset padding because ul and ol
-}
-
-
-// Individual list items
-//
-// Use on `li`s or `div`s within the `.list-group` parent.
-
-.list-group-item {
-  position: relative;
-  display: block;
-  padding: 10px 15px;
-  // Place the border on the list items and negative margin up for better styling
-  margin-bottom: -1px;
-  background-color: $list-group-bg;
-  border: 1px solid $list-group-border;
-
-  // Round the first and last items
-  &:first-child {
-    @include border-top-radius($list-group-border-radius);
-  }
-  &:last-child {
-    margin-bottom: 0;
-    @include border-bottom-radius($list-group-border-radius);
-  }
-
-  // Align badges within list items
-  > .badge {
-    float: right;
-  }
-  > .badge + .badge {
-    margin-right: 5px;
-  }
-}
-
-
-// Linked list items
-//
-// Use anchor elements instead of `li`s or `div`s to create linked list items.
-// Includes an extra `.active` modifier class for showing selected items.
-
-a.list-group-item {
-  color: $list-group-link-color;
-
-  .list-group-item-heading {
-    color: $list-group-link-heading-color;
-  }
-
-  // Hover state
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    color: $list-group-link-hover-color;
-    background-color: $list-group-hover-bg;
-  }
-}
-
-.list-group-item {
-  // Disabled state
-  &.disabled,
-  &.disabled:hover,
-  &.disabled:focus {
-    background-color: $list-group-disabled-bg;
-    color: $list-group-disabled-color;
-
-    // Force color to inherit for custom content
-    .list-group-item-heading {
-      color: inherit;
-    }
-    .list-group-item-text {
-      color: $list-group-disabled-text-color;
-    }
-  }
-
-  // Active class on item itself, not parent
-  &.active,
-  &.active:hover,
-  &.active:focus {
-    z-index: 2; // Place active items above their siblings for proper border styling
-    color: $list-group-active-color;
-    background-color: $list-group-active-bg;
-    border-color: $list-group-active-border;
-
-    // Force color to inherit for custom content
-    .list-group-item-heading {
-      color: inherit;
-    }
-    .list-group-item-text {
-      color: $list-group-active-text-color;
-    }
-  }
-}
-
-
-// Contextual variants
-//
-// Add modifier classes to change text and background color on individual items.
-// Organizationally, this must come after the `:hover` states.
-
-@include list-group-item-variant(success, $state-success-bg, $state-success-text);
-@include list-group-item-variant(info, $state-info-bg, $state-info-text);
-@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text);
-@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text);
-
-
-// Custom content options
-//
-// Extra classes for creating well-formatted content within `.list-group-item`s.
-
-.list-group-item-heading {
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-.list-group-item-text {
-  margin-bottom: 0;
-  line-height: 1.3;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_media.scss b/_sass/p2pu-css-framework/bootstrap/_media.scss
deleted file mode 100644
index 5ad22cd6d..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_media.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-// Media objects
-// Source: http://stubbornella.org/content/?p=497
-// --------------------------------------------------
-
-
-// Common styles
-// -------------------------
-
-// Clear the floats
-.media,
-.media-body {
-  overflow: hidden;
-  zoom: 1;
-}
-
-// Proper spacing between instances of .media
-.media,
-.media .media {
-  margin-top: 15px;
-}
-.media:first-child {
-  margin-top: 0;
-}
-
-// For images and videos, set to block
-.media-object {
-  display: block;
-}
-
-// Reset margins on headings for tighter default spacing
-.media-heading {
-  margin: 0 0 5px;
-}
-
-
-// Media image alignment
-// -------------------------
-
-.media {
-  > .pull-left {
-    margin-right: 10px;
-  }
-  > .pull-right {
-    margin-left: 10px;
-  }
-}
-
-
-// Media list variation
-// -------------------------
-
-// Undo default ul/ol styles
-.media-list {
-  padding-left: 0;
-  list-style: none;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_mixins.scss b/_sass/p2pu-css-framework/bootstrap/_mixins.scss
deleted file mode 100644
index b565f013a..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_mixins.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-// Mixins
-// --------------------------------------------------
-
-// Utilities
-@import "mixins/hide-text";
-@import "mixins/opacity";
-@import "mixins/image";
-@import "mixins/labels";
-@import "mixins/reset-filter";
-@import "mixins/resize";
-@import "mixins/responsive-visibility";
-@import "mixins/size";
-@import "mixins/tab-focus";
-@import "mixins/text-emphasis";
-@import "mixins/text-overflow";
-@import "mixins/vendor-prefixes";
-
-// Components
-@import "mixins/alerts";
-@import "mixins/buttons";
-@import "mixins/panels";
-@import "mixins/pagination";
-@import "mixins/list-group";
-@import "mixins/nav-divider";
-@import "mixins/forms";
-@import "mixins/progress-bar";
-@import "mixins/table-row";
-
-// Skins
-@import "mixins/background-variant";
-@import "mixins/border-radius";
-@import "mixins/gradients";
-
-// Layout
-@import "mixins/clearfix";
-@import "mixins/center-block";
-@import "mixins/nav-vertical-align";
-@import "mixins/grid-framework";
-@import "mixins/grid";
diff --git a/_sass/p2pu-css-framework/bootstrap/_modals.scss b/_sass/p2pu-css-framework/bootstrap/_modals.scss
deleted file mode 100644
index a126c3986..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_modals.scss
+++ /dev/null
@@ -1,147 +0,0 @@
-//
-// Modals
-// --------------------------------------------------
-
-// .modal-open      - body class for killing the scroll
-// .modal           - container to scroll within
-// .modal-dialog    - positioning shell for the actual modal
-// .modal-content   - actual modal w/ bg and corners and shit
-
-// Kill the scroll on the body
-.modal-open {
-  overflow: hidden;
-}
-
-// Container that the modal scrolls within
-.modal {
-  display: none;
-  overflow: auto;
-  overflow-y: scroll;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: $zindex-modal;
-  -webkit-overflow-scrolling: touch;
-
-  // Prevent Chrome on Windows from adding a focus outline. For details, see
-  // https://github.com/twbs/bootstrap/pull/10951.
-  outline: 0;
-
-  // When fading in the modal, animate it to slide down
-  &.fade .modal-dialog {
-    @include translate(0, -25%);
-    @include transition-transform(0.3s ease-out);
-  }
-  &.in .modal-dialog { @include translate(0, 0)}
-}
-
-// Shell div to position the modal with bottom padding
-.modal-dialog {
-  position: relative;
-  width: auto;
-  margin: 10px;
-}
-
-// Actual modal
-.modal-content {
-  position: relative;
-  background-color: $modal-content-bg;
-  border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
-  border: 1px solid $modal-content-border-color;
-  border-radius: $border-radius-large;
-  @include box-shadow(0 3px 9px rgba(0,0,0,.5));
-  background-clip: padding-box;
-  // Remove focus outline from opened modal
-  outline: 0;
-}
-
-// Modal background
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: $zindex-modal-background;
-  background-color: $modal-backdrop-bg;
-  // Fade for backdrop
-  &.fade { @include opacity(0); }
-  &.in { @include opacity($modal-backdrop-opacity); }
-}
-
-// Modal header
-// Top section of the modal w/ title and dismiss
-.modal-header {
-  padding: $modal-title-padding;
-  border-bottom: 1px solid $modal-header-border-color;
-  min-height: ($modal-title-padding + $modal-title-line-height);
-}
-// Close icon
-.modal-header .close {
-  margin-top: -2px;
-}
-
-// Title text within header
-.modal-title {
-  margin: 0;
-  line-height: $modal-title-line-height;
-}
-
-// Modal body
-// Where all modal content resides (sibling of .modal-header and .modal-footer)
-.modal-body {
-  position: relative;
-  padding: $modal-inner-padding;
-}
-
-// Footer (for actions)
-.modal-footer {
-  padding: $modal-inner-padding;
-  text-align: right; // right align buttons
-  border-top: 1px solid $modal-footer-border-color;
-  @include clearfix(); // clear it in case folks use .pull-* classes on buttons
-
-  // Properly space out buttons
-  .btn + .btn {
-    margin-left: 5px;
-    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
-  }
-  // but override that for button groups
-  .btn-group .btn + .btn {
-    margin-left: -1px;
-  }
-  // and override it for block buttons as well
-  .btn-block + .btn-block {
-    margin-left: 0;
-  }
-}
-
-// Measure scrollbar width for padding body during modal show/hide
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
-}
-
-// Scale up the modal
-@media (min-width: $screen-sm-min) {
-  // Automatically set modal's width for larger viewports
-  .modal-dialog {
-    width: $modal-md;
-    margin: 30px auto;
-  }
-  .modal-content {
-    @include box-shadow(0 5px 15px rgba(0,0,0,.5));
-  }
-
-  // Modal sizes
-  .modal-sm { width: $modal-sm; }
-}
-
-@media (min-width: $screen-md-min) {
-  .modal-lg { width: $modal-lg; }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_navbar.scss b/_sass/p2pu-css-framework/bootstrap/_navbar.scss
deleted file mode 100644
index 4401803f1..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_navbar.scss
+++ /dev/null
@@ -1,658 +0,0 @@
-//
-// Navbars
-// --------------------------------------------------
-
-
-// Wrapper and base class
-//
-// Provide a static navbar from which we expand to create full-width, fixed, and
-// other navbar variations.
-
-.navbar {
-  position: relative;
-  min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
-  margin-bottom: $navbar-margin-bottom;
-  border: 1px solid transparent;
-
-  // Prevent floats from breaking the navbar
-  @include clearfix();
-
-  @media (min-width: $grid-float-breakpoint) {
-    border-radius: $navbar-border-radius;
-  }
-}
-
-
-// Navbar heading
-//
-// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
-// styling of responsive aspects.
-
-.navbar-header {
-  @include clearfix();
-
-  @media (min-width: $grid-float-breakpoint) {
-    float: left;
-  }
-}
-
-
-// Navbar collapse (body)
-//
-// Group your navbar content into this for easy collapsing and expanding across
-// various device sizes. By default, this content is collapsed when <768px, but
-// will expand past that for a horizontal display.
-//
-// To start (on mobile devices) the navbar links, forms, and buttons are stacked
-// vertically and include a `max-height` to overflow in case you have too much
-// content for the user's viewport.
-
-.navbar-collapse {
-  overflow-x: visible;
-  padding-right: $navbar-padding-horizontal;
-  padding-left:  $navbar-padding-horizontal;
-  border-top: 1px solid transparent;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-  @include clearfix();
-  -webkit-overflow-scrolling: touch;
-
-  &.in {
-    overflow-y: auto;
-  }
-
-  @media (min-width: $grid-float-breakpoint) {
-    width: auto;
-    border-top: 0;
-    box-shadow: none;
-
-    &.collapse {
-      display: block !important;
-      height: auto !important;
-      padding-bottom: 0; // Override default setting
-      overflow: visible !important;
-    }
-
-    &.in {
-      overflow-y: visible;
-    }
-
-    // Undo the collapse side padding for navbars with containers to ensure
-    // alignment of right-aligned contents.
-    .navbar-fixed-top &,
-    .navbar-static-top &,
-    .navbar-fixed-bottom & {
-      padding-left: 0;
-      padding-right: 0;
-    }
-  }
-}
-
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  .navbar-collapse {
-    max-height: $navbar-collapse-max-height;
-
-    @media (max-width: $screen-xs-min) and (orientation: landscape) {
-      max-height: 200px;
-    }
-  }
-}
-
-
-// Both navbar header and collapse
-//
-// When a container is present, change the behavior of the header and collapse.
-
-.container,
-.container-fluid {
-  > .navbar-header,
-  > .navbar-collapse {
-    margin-right: -$navbar-padding-horizontal;
-    margin-left:  -$navbar-padding-horizontal;
-
-    @media (min-width: $grid-float-breakpoint) {
-      margin-right: 0;
-      margin-left:  0;
-    }
-  }
-}
-
-
-//
-// Navbar alignment options
-//
-// Display the navbar across the entirety of the page or fixed it to the top or
-// bottom of the page.
-
-// Static top (unfixed, but 100% wide) navbar
-.navbar-static-top {
-  z-index: $zindex-navbar;
-  border-width: 0 0 1px;
-
-  @media (min-width: $grid-float-breakpoint) {
-    border-radius: 0;
-  }
-}
-
-// Fix the top/bottom navbars when screen real estate supports it
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: $zindex-navbar-fixed;
-
-  // Undo the rounded corners
-  @media (min-width: $grid-float-breakpoint) {
-    border-radius: 0;
-  }
-}
-.navbar-fixed-top {
-  top: 0;
-  border-width: 0 0 1px;
-}
-.navbar-fixed-bottom {
-  bottom: 0;
-  margin-bottom: 0; // override .navbar defaults
-  border-width: 1px 0 0;
-}
-
-
-// Brand/project name
-
-.navbar-brand {
-  float: left;
-  padding: $navbar-padding-vertical $navbar-padding-horizontal;
-  font-size: $font-size-large;
-  line-height: $line-height-computed;
-  height: $navbar-height;
-
-  &:hover,
-  &:focus {
-    text-decoration: none;
-  }
-
-  @media (min-width: $grid-float-breakpoint) {
-    .navbar > .container &,
-    .navbar > .container-fluid & {
-      margin-left: -$navbar-padding-horizontal;
-    }
-  }
-}
-
-
-// Navbar toggle
-//
-// Custom button for toggling the `.navbar-collapse`, powered by the collapse
-// JavaScript plugin.
-
-.navbar-toggle {
-  position: relative;
-  float: right;
-  margin-right: $navbar-padding-horizontal;
-  padding: 9px 10px;
-  @include navbar-vertical-align(34px);
-  background-color: transparent;
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
-  border: 1px solid transparent;
-  border-radius: $border-radius-base;
-
-  // We remove the `outline` here, but later compensate by attaching `:hover`
-  // styles to `:focus`.
-  &:focus {
-    outline: 0;
-  }
-
-  // Bars
-  .icon-bar {
-    display: block;
-    width: 22px;
-    height: 2px;
-    border-radius: 1px;
-  }
-  .icon-bar + .icon-bar {
-    margin-top: 4px;
-  }
-
-  @media (min-width: $grid-float-breakpoint) {
-    display: none;
-  }
-}
-
-
-// Navbar nav links
-//
-// Builds on top of the `.nav` components with its own modifier class to make
-// the nav the full height of the horizontal nav (above 768px).
-
-.navbar-nav {
-  margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal);
-
-  > li > a {
-    padding-top:    10px;
-    padding-bottom: 10px;
-    line-height: $line-height-computed;
-  }
-
-  @media (max-width: $grid-float-breakpoint-max) {
-    // Dropdowns get custom display when collapsed
-    .open .dropdown-menu {
-      position: static;
-      float: none;
-      width: auto;
-      margin-top: 0;
-      background-color: transparent;
-      border: 0;
-      box-shadow: none;
-      > li > a,
-      .dropdown-header {
-        padding: 5px 15px 5px 25px;
-      }
-      > li > a {
-        line-height: $line-height-computed;
-        &:hover,
-        &:focus {
-          background-image: none;
-        }
-      }
-    }
-  }
-
-  // Uncollapse the nav
-  @media (min-width: $grid-float-breakpoint) {
-    float: left;
-    margin: 0;
-
-    > li {
-      float: left;
-      > a {
-        padding-top:    $navbar-padding-vertical;
-        padding-bottom: $navbar-padding-vertical;
-      }
-    }
-
-    &.navbar-right:last-child {
-      margin-right: -$navbar-padding-horizontal;
-    }
-  }
-}
-
-
-// Component alignment
-//
-// Repurpose the pull utilities as their own navbar utilities to avoid specificity
-// issues with parents and chaining. Only do this when the navbar is uncollapsed
-// though so that navbar contents properly stack and align in mobile.
-
-@media (min-width: $grid-float-breakpoint) {
-  .navbar-left {
-    float: left !important;
-  }
-  .navbar-right {
-    float: right !important;
-  }
-}
-
-
-// Navbar form
-//
-// Extension of the `.form-inline` with some extra flavor for optimum display in
-// our navbars.
-
-.navbar-form {
-  margin-left: -$navbar-padding-horizontal;
-  margin-right: -$navbar-padding-horizontal;
-  padding: 10px $navbar-padding-horizontal;
-  border-top: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-  $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
-  @include box-shadow($shadow);
-
-  // Mixin behavior for optimum display
-  @extend .form-inline;
-
-  .form-group {
-    @media (max-width: $grid-float-breakpoint-max) {
-      margin-bottom: 5px;
-    }
-  }
-
-  // Vertically center in expanded, horizontal navbar
-  @include navbar-vertical-align($input-height-base);
-
-  // Undo 100% width for pull classes
-  @media (min-width: $grid-float-breakpoint) {
-    width: auto;
-    border: 0;
-    margin-left: 0;
-    margin-right: 0;
-    padding-top: 0;
-    padding-bottom: 0;
-    @include box-shadow(none);
-
-    // Outdent the form if last child to line up with content down the page
-    &.navbar-right:last-child {
-      margin-right: -$navbar-padding-horizontal;
-    }
-  }
-}
-
-
-// Dropdown menus
-
-// Menu position and menu carets
-.navbar-nav > li > .dropdown-menu {
-  margin-top: 0;
-  @include border-top-radius(0);
-}
-// Menu position and menu caret support for dropups via extra dropup class
-.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
-  @include border-bottom-radius(0);
-}
-
-
-// Buttons in navbars
-//
-// Vertically center a button within a navbar (when *not* in a form).
-
-.navbar-btn {
-  @include navbar-vertical-align($input-height-base);
-
-  &.btn-sm {
-    @include navbar-vertical-align($input-height-small);
-  }
-  &.btn-xs {
-    @include navbar-vertical-align(22);
-  }
-}
-
-
-// Text in navbars
-//
-// Add a class to make any element properly align itself vertically within the navbars.
-
-.navbar-text {
-  @include navbar-vertical-align($line-height-computed);
-
-  @media (min-width: $grid-float-breakpoint) {
-    float: left;
-    margin-left: $navbar-padding-horizontal;
-    margin-right: $navbar-padding-horizontal;
-
-    // Outdent the form if last child to line up with content down the page
-    &.navbar-right:last-child {
-      margin-right: 0;
-    }
-  }
-}
-
-// Alternate navbars
-// --------------------------------------------------
-
-// Default navbar
-.navbar-default {
-  background-color: $navbar-default-bg;
-  border-color: $navbar-default-border;
-
-  .navbar-brand {
-    color: $navbar-default-brand-color;
-    &:hover,
-    &:focus {
-      color: $navbar-default-brand-hover-color;
-      background-color: $navbar-default-brand-hover-bg;
-    }
-  }
-
-  .navbar-text {
-    color: $navbar-default-color;
-  }
-
-  .navbar-nav {
-    > li > a {
-      color: $navbar-default-link-color;
-
-      &:hover,
-      &:focus {
-        color: $navbar-default-link-hover-color;
-        background-color: $navbar-default-link-hover-bg;
-      }
-    }
-    > .active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: $navbar-default-link-active-color;
-        background-color: $navbar-default-link-active-bg;
-      }
-    }
-    > .disabled > a {
-      &,
-      &:hover,
-      &:focus {
-        color: $navbar-default-link-disabled-color;
-        background-color: $navbar-default-link-disabled-bg;
-      }
-    }
-  }
-
-  .navbar-toggle {
-    border-color: $navbar-default-toggle-border-color;
-    &:hover,
-    &:focus {
-      background-color: $navbar-default-toggle-hover-bg;
-    }
-    .icon-bar {
-      background-color: $navbar-default-toggle-icon-bar-bg;
-    }
-  }
-
-  .navbar-collapse,
-  .navbar-form {
-    border-color: $navbar-default-border;
-  }
-
-  // Dropdown menu items
-  .navbar-nav {
-    // Remove background color from open dropdown
-    > .open > a {
-      &,
-      &:hover,
-      &:focus {
-        background-color: $navbar-default-link-active-bg;
-        color: $navbar-default-link-active-color;
-      }
-    }
-
-    @media (max-width: $grid-float-breakpoint-max) {
-      // Dropdowns get custom display when collapsed
-      .open .dropdown-menu {
-        > li > a {
-          color: $navbar-default-link-color;
-          &:hover,
-          &:focus {
-            color: $navbar-default-link-hover-color;
-            background-color: $navbar-default-link-hover-bg;
-          }
-        }
-        > .active > a {
-          &,
-          &:hover,
-          &:focus {
-            color: $navbar-default-link-active-color;
-            background-color: $navbar-default-link-active-bg;
-          }
-        }
-        > .disabled > a {
-          &,
-          &:hover,
-          &:focus {
-            color: $navbar-default-link-disabled-color;
-            background-color: $navbar-default-link-disabled-bg;
-          }
-        }
-      }
-    }
-  }
-
-
-  // Links in navbars
-  //
-  // Add a class to ensure links outside the navbar nav are colored correctly.
-
-  .navbar-link {
-    color: $navbar-default-link-color;
-    &:hover {
-      color: $navbar-default-link-hover-color;
-    }
-  }
-
-  .btn-link {
-    color: $navbar-default-link-color;
-    &:hover,
-    &:focus {
-      color: $navbar-default-link-hover-color;
-    }
-    &[disabled],
-    fieldset[disabled] & {
-      &:hover,
-      &:focus {
-        color: $navbar-default-link-disabled-color;
-      }
-    }
-  }
-}
-
-// Inverse navbar
-
-.navbar-inverse {
-  background-color: $navbar-inverse-bg;
-  border-color: $navbar-inverse-border;
-
-  .navbar-brand {
-    color: $navbar-inverse-brand-color;
-    &:hover,
-    &:focus {
-      color: $navbar-inverse-brand-hover-color;
-      background-color: $navbar-inverse-brand-hover-bg;
-    }
-  }
-
-  .navbar-text {
-    color: $navbar-inverse-color;
-  }
-
-  .navbar-nav {
-    > li > a {
-      color: $navbar-inverse-link-color;
-
-      &:hover,
-      &:focus {
-        color: $navbar-inverse-link-hover-color;
-        background-color: $navbar-inverse-link-hover-bg;
-      }
-    }
-    > .active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: $navbar-inverse-link-active-color;
-        background-color: $navbar-inverse-link-active-bg;
-      }
-    }
-    > .disabled > a {
-      &,
-      &:hover,
-      &:focus {
-        color: $navbar-inverse-link-disabled-color;
-        background-color: $navbar-inverse-link-disabled-bg;
-      }
-    }
-  }
-
-  // Darken the responsive nav toggle
-  .navbar-toggle {
-    border-color: $navbar-inverse-toggle-border-color;
-    &:hover,
-    &:focus {
-      background-color: $navbar-inverse-toggle-hover-bg;
-    }
-    .icon-bar {
-      background-color: $navbar-inverse-toggle-icon-bar-bg;
-    }
-  }
-
-  .navbar-collapse,
-  .navbar-form {
-    border-color: darken($navbar-inverse-bg, 7%);
-  }
-
-  // Dropdowns
-  .navbar-nav {
-    > .open > a {
-      &,
-      &:hover,
-      &:focus {
-        background-color: $navbar-inverse-link-active-bg;
-        color: $navbar-inverse-link-active-color;
-      }
-    }
-
-    @media (max-width: $grid-float-breakpoint-max) {
-      // Dropdowns get custom display
-      .open .dropdown-menu {
-        > .dropdown-header {
-          border-color: $navbar-inverse-border;
-        }
-        .divider {
-          background-color: $navbar-inverse-border;
-        }
-        > li > a {
-          color: $navbar-inverse-link-color;
-          &:hover,
-          &:focus {
-            color: $navbar-inverse-link-hover-color;
-            background-color: $navbar-inverse-link-hover-bg;
-          }
-        }
-        > .active > a {
-          &,
-          &:hover,
-          &:focus {
-            color: $navbar-inverse-link-active-color;
-            background-color: $navbar-inverse-link-active-bg;
-          }
-        }
-        > .disabled > a {
-          &,
-          &:hover,
-          &:focus {
-            color: $navbar-inverse-link-disabled-color;
-            background-color: $navbar-inverse-link-disabled-bg;
-          }
-        }
-      }
-    }
-  }
-
-  .navbar-link {
-    color: $navbar-inverse-link-color;
-    &:hover {
-      color: $navbar-inverse-link-hover-color;
-    }
-  }
-
-  .btn-link {
-    color: $navbar-inverse-link-color;
-    &:hover,
-    &:focus {
-      color: $navbar-inverse-link-hover-color;
-    }
-    &[disabled],
-    fieldset[disabled] & {
-      &:hover,
-      &:focus {
-        color: $navbar-inverse-link-disabled-color;
-      }
-    }
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_navs.scss b/_sass/p2pu-css-framework/bootstrap/_navs.scss
deleted file mode 100644
index c690072be..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_navs.scss
+++ /dev/null
@@ -1,242 +0,0 @@
-//
-// Navs
-// --------------------------------------------------
-
-
-// Base class
-// --------------------------------------------------
-
-.nav {
-  margin-bottom: 0;
-  padding-left: 0; // Override default ul/ol
-  list-style: none;
-  @include clearfix();
-
-  > li {
-    position: relative;
-    display: block;
-
-    > a {
-      position: relative;
-      display: block;
-      padding: $nav-link-padding;
-      &:hover,
-      &:focus {
-        text-decoration: none;
-        background-color: $nav-link-hover-bg;
-      }
-    }
-
-    // Disabled state sets text to gray and nukes hover/tab effects
-    &.disabled > a {
-      color: $nav-disabled-link-color;
-
-      &:hover,
-      &:focus {
-        color: $nav-disabled-link-hover-color;
-        text-decoration: none;
-        background-color: transparent;
-        cursor: not-allowed;
-      }
-    }
-  }
-
-  // Open dropdowns
-  .open > a {
-    &,
-    &:hover,
-    &:focus {
-      background-color: $nav-link-hover-bg;
-      border-color: $link-color;
-    }
-  }
-
-  // Nav dividers (deprecated with v3.0.1)
-  //
-  // This should have been removed in v3 with the dropping of `.nav-list`, but
-  // we missed it. We don't currently support this anywhere, but in the interest
-  // of maintaining backward compatibility in case you use it, it's deprecated.
-  .nav-divider {
-    @include nav-divider();
-  }
-
-  // Prevent IE8 from misplacing imgs
-  //
-  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
-  > li > a > img {
-    max-width: none;
-  }
-}
-
-
-// Tabs
-// -------------------------
-
-// Give the tabs something to sit on
-.nav-tabs {
-  border-bottom: 1px solid $nav-tabs-border-color;
-  > li {
-    float: left;
-    // Make the list-items overlay the bottom border
-    margin-bottom: -1px;
-
-    // Actual tabs (as links)
-    > a {
-      margin-right: 2px;
-      line-height: $line-height-base;
-      border: 1px solid transparent;
-      border-radius: $border-radius-base $border-radius-base 0 0;
-      &:hover {
-        border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
-      }
-    }
-
-    // Active state, and its :hover to override normal :hover
-    &.active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: $nav-tabs-active-link-hover-color;
-        background-color: $nav-tabs-active-link-hover-bg;
-        border: 1px solid $nav-tabs-active-link-hover-border-color;
-        border-bottom-color: transparent;
-        cursor: default;
-      }
-    }
-  }
-  // pulling this in mainly for less shorthand
-  &.nav-justified {
-    @extend .nav-justified;
-    @extend .nav-tabs-justified;
-  }
-}
-
-
-// Pills
-// -------------------------
-.nav-pills {
-  > li {
-    float: left;
-
-    // Links rendered as pills
-    > a {
-      border-radius: $nav-pills-border-radius;
-    }
-    + li {
-      margin-left: 2px;
-    }
-
-    // Active state
-    &.active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: $nav-pills-active-link-hover-color;
-        background-color: $nav-pills-active-link-hover-bg;
-      }
-    }
-  }
-}
-
-
-// Stacked pills
-.nav-stacked {
-  > li {
-    float: none;
-    + li {
-      margin-top: 2px;
-      margin-left: 0; // no need for this gap between nav items
-    }
-  }
-}
-
-
-// Nav variations
-// --------------------------------------------------
-
-// Justified nav links
-// -------------------------
-
-.nav-justified {
-  width: 100%;
-
-  > li {
-    float: none;
-     > a {
-      text-align: center;
-      margin-bottom: 5px;
-    }
-  }
-
-  > .dropdown .dropdown-menu {
-    top: auto;
-    left: auto;
-  }
-
-  @media (min-width: $screen-sm-min) {
-    > li {
-      display: table-cell;
-      width: 1%;
-      > a {
-        margin-bottom: 0;
-      }
-    }
-  }
-}
-
-// Move borders to anchors instead of bottom of list
-//
-// Mixin for adding on top the shared `.nav-justified` styles for our tabs
-.nav-tabs-justified {
-  border-bottom: 0;
-
-  > li > a {
-    // Override margin from .nav-tabs
-    margin-right: 0;
-    border-radius: $border-radius-base;
-  }
-
-  > .active > a,
-  > .active > a:hover,
-  > .active > a:focus {
-    border: 1px solid $nav-tabs-justified-link-border-color;
-  }
-
-  @media (min-width: $screen-sm-min) {
-    > li > a {
-      border-bottom: 1px solid $nav-tabs-justified-link-border-color;
-      border-radius: $border-radius-base $border-radius-base 0 0;
-    }
-    > .active > a,
-    > .active > a:hover,
-    > .active > a:focus {
-      border-bottom-color: $nav-tabs-justified-active-link-border-color;
-    }
-  }
-}
-
-
-// Tabbable tabs
-// -------------------------
-
-// Hide tabbable panes to start, show them when `.active`
-.tab-content {
-  > .tab-pane {
-    display: none;
-  }
-  > .active {
-    display: block;
-  }
-}
-
-
-// Dropdowns
-// -------------------------
-
-// Specific dropdowns
-.nav-tabs .dropdown-menu {
-  // make dropdown border overlap tab border
-  margin-top: -1px;
-  // Remove the top rounded corners here since there is a hard edge above the menu
-  @include border-top-radius(0);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_normalize.scss b/_sass/p2pu-css-framework/bootstrap/_normalize.scss
deleted file mode 100644
index ce04b6a2f..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_normalize.scss
+++ /dev/null
@@ -1,425 +0,0 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
-
-//
-// 1. Set default font family to sans-serif.
-// 2. Prevent iOS text size adjust after orientation change, without disabling
-//    user zoom.
-//
-
-html {
-  font-family: sans-serif; // 1
-  -ms-text-size-adjust: 100%; // 2
-  -webkit-text-size-adjust: 100%; // 2
-}
-
-//
-// Remove default margin.
-//
-
-body {
-  margin: 0;
-}
-
-// HTML5 display definitions
-// ==========================================================================
-
-//
-// Correct `block` display not defined for any HTML5 element in IE 8/9.
-// Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
-// Correct `block` display not defined for `main` in IE 11.
-//
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-  display: block;
-}
-
-//
-// 1. Correct `inline-block` display not defined in IE 8/9.
-// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
-//
-
-audio,
-canvas,
-progress,
-video {
-  display: inline-block; // 1
-  vertical-align: baseline; // 2
-}
-
-//
-// Prevent modern browsers from displaying `audio` without controls.
-// Remove excess height in iOS 5 devices.
-//
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-//
-// Address `[hidden]` styling not present in IE 8/9/10.
-// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
-//
-
-[hidden],
-template {
-  display: none;
-}
-
-// Links
-// ==========================================================================
-
-//
-// Remove the gray background color from active links in IE 10.
-//
-
-a {
-  background: transparent;
-}
-
-//
-// Improve readability when focused and also mouse hovered in all browsers.
-//
-
-a:active,
-a:hover {
-  outline: 0;
-}
-
-// Text-level semantics
-// ==========================================================================
-
-//
-// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
-//
-
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
-//
-// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
-//
-
-b,
-strong {
-  font-weight: bold;
-}
-
-//
-// Address styling not present in Safari and Chrome.
-//
-
-dfn {
-  font-style: italic;
-}
-
-//
-// Address variable `h1` font-size and margin within `section` and `article`
-// contexts in Firefox 4+, Safari, and Chrome.
-//
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-//
-// Address styling not present in IE 8/9.
-//
-
-mark {
-  background: #ff0;
-  color: #000;
-}
-
-//
-// Address inconsistent and variable font size in all browsers.
-//
-
-small {
-  font-size: 80%;
-}
-
-//
-// Prevent `sub` and `sup` affecting `line-height` in all browsers.
-//
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-// Embedded content
-// ==========================================================================
-
-//
-// Remove border when inside `a` element in IE 8/9/10.
-//
-
-img {
-  border: 0;
-}
-
-//
-// Correct overflow not hidden in IE 9/10/11.
-//
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-// Grouping content
-// ==========================================================================
-
-//
-// Address margin not present in IE 8/9 and Safari.
-//
-
-figure {
-  margin: 1em 40px;
-}
-
-//
-// Address differences between Firefox and other browsers.
-//
-
-hr {
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  height: 0;
-}
-
-//
-// Contain overflow in all browsers.
-//
-
-pre {
-  overflow: auto;
-}
-
-//
-// Address odd `em`-unit font size rendering in all browsers.
-//
-
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-// Forms
-// ==========================================================================
-
-//
-// Known limitation: by default, Chrome and Safari on OS X allow very limited
-// styling of `select`, unless a `border` property is set.
-//
-
-//
-// 1. Correct color not being inherited.
-//    Known issue: affects color of disabled elements.
-// 2. Correct font properties not being inherited.
-// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
-//
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit; // 1
-  font: inherit; // 2
-  margin: 0; // 3
-}
-
-//
-// Address `overflow` set to `hidden` in IE 8/9/10/11.
-//
-
-button {
-  overflow: visible;
-}
-
-//
-// Address inconsistent `text-transform` inheritance for `button` and `select`.
-// All other form control elements do not inherit `text-transform` values.
-// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
-// Correct `select` style inheritance in Firefox.
-//
-
-button,
-select {
-  text-transform: none;
-}
-
-//
-// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-//    and `video` controls.
-// 2. Correct inability to style clickable `input` types in iOS.
-// 3. Improve usability and consistency of cursor style between image-type
-//    `input` and others.
-//
-
-button,
-html input[type="button"], // 1
-input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button; // 2
-  cursor: pointer; // 3
-}
-
-//
-// Re-set default cursor for disabled elements.
-//
-
-button[disabled],
-html input[disabled] {
-  cursor: default;
-}
-
-//
-// Remove inner padding and border in Firefox 4+.
-//
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-//
-// Address Firefox 4+ setting `line-height` on `input` using `!important` in
-// the UA stylesheet.
-//
-
-input {
-  line-height: normal;
-}
-
-//
-// It's recommended that you don't attempt to style these elements.
-// Firefox's implementation doesn't respect box-sizing, padding, or width.
-//
-// 1. Address box sizing set to `content-box` in IE 8/9/10.
-// 2. Remove excess padding in IE 8/9/10.
-//
-
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box; // 1
-  padding: 0; // 2
-}
-
-//
-// Fix the cursor style for Chrome's increment/decrement buttons. For certain
-// `font-size` values of the `input`, it causes the cursor style of the
-// decrement button to change from `default` to `text`.
-//
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-//
-// 1. Address `appearance` set to `searchfield` in Safari and Chrome.
-// 2. Address `box-sizing` set to `border-box` in Safari and Chrome
-//    (include `-moz` to future-proof).
-//
-
-input[type="search"] {
-  -webkit-appearance: textfield; // 1
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box; // 2
-  box-sizing: content-box;
-}
-
-//
-// Remove inner padding and search cancel button in Safari and Chrome on OS X.
-// Safari (but not Chrome) clips the cancel button when the search input has
-// padding (and `textfield` appearance).
-//
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-//
-// Define consistent border, margin, and padding.
-//
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-//
-// 1. Correct `color` not being inherited in IE 8/9/10/11.
-// 2. Remove padding so people aren't caught out if they zero out fieldsets.
-//
-
-legend {
-  border: 0; // 1
-  padding: 0; // 2
-}
-
-//
-// Remove default vertical scrollbar in IE 8/9/10/11.
-//
-
-textarea {
-  overflow: auto;
-}
-
-//
-// Don't inherit the `font-weight` (applied by a rule above).
-// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
-//
-
-optgroup {
-  font-weight: bold;
-}
-
-// Tables
-// ==========================================================================
-
-//
-// Remove most spacing between table cells.
-//
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_pager.scss b/_sass/p2pu-css-framework/bootstrap/_pager.scss
deleted file mode 100644
index 6531fe6f8..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_pager.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-//
-// Pager pagination
-// --------------------------------------------------
-
-
-.pager {
-  padding-left: 0;
-  margin: $line-height-computed 0;
-  list-style: none;
-  text-align: center;
-  @include clearfix();
-  li {
-    display: inline;
-    > a,
-    > span {
-      display: inline-block;
-      padding: 5px 14px;
-      background-color: $pager-bg;
-      border: 1px solid $pager-border;
-      border-radius: $pager-border-radius;
-    }
-
-    > a:hover,
-    > a:focus {
-      text-decoration: none;
-      background-color: $pager-hover-bg;
-    }
-  }
-
-  .next {
-    > a,
-    > span {
-      float: right;
-    }
-  }
-
-  .previous {
-    > a,
-    > span {
-      float: left;
-    }
-  }
-
-  .disabled {
-    > a,
-    > a:hover,
-    > a:focus,
-    > span {
-      color: $pager-disabled-color;
-      background-color: $pager-bg;
-      cursor: not-allowed;
-    }
-  }
-
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_pagination.scss b/_sass/p2pu-css-framework/bootstrap/_pagination.scss
deleted file mode 100644
index 44c12226b..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_pagination.scss
+++ /dev/null
@@ -1,88 +0,0 @@
-//
-// Pagination (multiple pages)
-// --------------------------------------------------
-.pagination {
-  display: inline-block;
-  padding-left: 0;
-  margin: $line-height-computed 0;
-  border-radius: $border-radius-base;
-
-  > li {
-    display: inline; // Remove list-style and block-level defaults
-    > a,
-    > span {
-      position: relative;
-      float: left; // Collapse white-space
-      padding: $padding-base-vertical $padding-base-horizontal;
-      line-height: $line-height-base;
-      text-decoration: none;
-      color: $pagination-color;
-      background-color: $pagination-bg;
-      border: 1px solid $pagination-border;
-      margin-left: -1px;
-    }
-    &:first-child {
-      > a,
-      > span {
-        margin-left: 0;
-        @include border-left-radius($border-radius-base);
-      }
-    }
-    &:last-child {
-      > a,
-      > span {
-        @include border-right-radius($border-radius-base);
-      }
-    }
-  }
-
-  > li > a,
-  > li > span {
-    &:hover,
-    &:focus {
-      color: $pagination-hover-color;
-      background-color: $pagination-hover-bg;
-      border-color: $pagination-hover-border;
-    }
-  }
-
-  > .active > a,
-  > .active > span {
-    &,
-    &:hover,
-    &:focus {
-      z-index: 2;
-      color: $pagination-active-color;
-      background-color: $pagination-active-bg;
-      border-color: $pagination-active-border;
-      cursor: default;
-    }
-  }
-
-  > .disabled {
-    > span,
-    > span:hover,
-    > span:focus,
-    > a,
-    > a:hover,
-    > a:focus {
-      color: $pagination-disabled-color;
-      background-color: $pagination-disabled-bg;
-      border-color: $pagination-disabled-border;
-      cursor: not-allowed;
-    }
-  }
-}
-
-// Sizing
-// --------------------------------------------------
-
-// Large
-.pagination-lg {
-  @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large);
-}
-
-// Small
-.pagination-sm {
-  @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_panels.scss b/_sass/p2pu-css-framework/bootstrap/_panels.scss
deleted file mode 100644
index 42ab5fec9..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_panels.scss
+++ /dev/null
@@ -1,240 +0,0 @@
-//
-// Panels
-// --------------------------------------------------
-
-
-// Base class
-.panel {
-  margin-bottom: $line-height-computed;
-  background-color: $panel-bg;
-  border: 1px solid transparent;
-  border-radius: $panel-border-radius;
-  @include box-shadow(0 1px 1px rgba(0,0,0,.05));
-}
-
-// Panel contents
-.panel-body {
-  padding: $panel-body-padding;
-  @include clearfix();
-}
-
-// Optional heading
-.panel-heading {
-  padding: $panel-heading-padding;
-  border-bottom: 1px solid transparent;
-  @include border-top-radius(($panel-border-radius - 1));
-
-  > .dropdown .dropdown-toggle {
-    color: inherit;
-  }
-}
-
-// Within heading, strip any `h*` tag of its default margins for spacing.
-.panel-title {
-  margin-top: 0;
-  margin-bottom: 0;
-  font-size: ceil(($font-size-base * 1.125));
-  color: inherit;
-
-  > a {
-    color: inherit;
-  }
-}
-
-// Optional footer (stays gray in every modifier class)
-.panel-footer {
-  padding: $panel-footer-padding;
-  background-color: $panel-footer-bg;
-  border-top: 1px solid $panel-inner-border;
-  @include border-bottom-radius(($panel-border-radius - 1));
-}
-
-
-// List groups in panels
-//
-// By default, space out list group content from panel headings to account for
-// any kind of custom content between the two.
-
-.panel {
-  > .list-group {
-    margin-bottom: 0;
-
-    .list-group-item {
-      border-width: 1px 0;
-      border-radius: 0;
-    }
-
-    // Add border top radius for first one
-    &:first-child {
-      .list-group-item:first-child {
-        border-top: 0;
-        @include border-top-radius(($panel-border-radius - 1));
-      }
-    }
-    // Add border bottom radius for last one
-    &:last-child {
-      .list-group-item:last-child {
-        border-bottom: 0;
-        @include border-bottom-radius(($panel-border-radius - 1));
-      }
-    }
-  }
-}
-// Collapse space between when there's no additional content.
-.panel-heading + .list-group {
-  .list-group-item:first-child {
-    border-top-width: 0;
-  }
-}
-
-
-// Tables in panels
-//
-// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
-// watch it go full width.
-
-.panel {
-  > .table,
-  > .table-responsive > .table {
-    margin-bottom: 0;
-  }
-  // Add border top radius for first one
-  > .table:first-child,
-  > .table-responsive:first-child > .table:first-child {
-    @include border-top-radius(($panel-border-radius - 1));
-
-    > thead:first-child,
-    > tbody:first-child {
-      > tr:first-child {
-        td:first-child,
-        th:first-child {
-          border-top-left-radius: ($panel-border-radius - 1);
-        }
-        td:last-child,
-        th:last-child {
-          border-top-right-radius: ($panel-border-radius - 1);
-        }
-      }
-    }
-  }
-  // Add border bottom radius for last one
-  > .table:last-child,
-  > .table-responsive:last-child > .table:last-child {
-    @include border-bottom-radius(($panel-border-radius - 1));
-
-    > tbody:last-child,
-    > tfoot:last-child {
-      > tr:last-child {
-        td:first-child,
-        th:first-child {
-          border-bottom-left-radius: ($panel-border-radius - 1);
-        }
-        td:last-child,
-        th:last-child {
-          border-bottom-right-radius: ($panel-border-radius - 1);
-        }
-      }
-    }
-  }
-  > .panel-body + .table,
-  > .panel-body + .table-responsive {
-    border-top: 1px solid $table-border-color;
-  }
-  > .table > tbody:first-child > tr:first-child th,
-  > .table > tbody:first-child > tr:first-child td {
-    border-top: 0;
-  }
-  > .table-bordered,
-  > .table-responsive > .table-bordered {
-    border: 0;
-    > thead,
-    > tbody,
-    > tfoot {
-      > tr {
-        > th:first-child,
-        > td:first-child {
-          border-left: 0;
-        }
-        > th:last-child,
-        > td:last-child {
-          border-right: 0;
-        }
-      }
-    }
-    > thead,
-    > tbody {
-      > tr:first-child {
-        > td,
-        > th {
-          border-bottom: 0;
-        }
-      }
-    }
-    > tbody,
-    > tfoot {
-      > tr:last-child {
-        > td,
-        > th {
-          border-bottom: 0;
-        }
-      }
-    }
-  }
-  > .table-responsive {
-    border: 0;
-    margin-bottom: 0;
-  }
-}
-
-
-// Collapsable panels (aka, accordion)
-//
-// Wrap a series of panels in `.panel-group` to turn them into an accordion with
-// the help of our collapse JavaScript plugin.
-
-.panel-group {
-  margin-bottom: $line-height-computed;
-
-  // Tighten up margin so it's only between panels
-  .panel {
-    margin-bottom: 0;
-    border-radius: $panel-border-radius;
-    + .panel {
-      margin-top: 5px;
-    }
-  }
-
-  .panel-heading {
-    border-bottom: 0;
-    + .panel-collapse .panel-body {
-      border-top: 1px solid $panel-inner-border;
-    }
-  }
-  .panel-footer {
-    border-top: 0;
-    + .panel-collapse .panel-body {
-      border-bottom: 1px solid $panel-inner-border;
-    }
-  }
-}
-
-
-// Contextual variations
-.panel-default {
-  @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border);
-}
-.panel-primary {
-  @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border);
-}
-.panel-success {
-  @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border);
-}
-.panel-info {
-  @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border);
-}
-.panel-warning {
-  @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border);
-}
-.panel-danger {
-  @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_popovers.scss b/_sass/p2pu-css-framework/bootstrap/_popovers.scss
deleted file mode 100644
index 1cf27aed5..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_popovers.scss
+++ /dev/null
@@ -1,133 +0,0 @@
-//
-// Popovers
-// --------------------------------------------------
-
-
-.popover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: $zindex-popover;
-  display: none;
-  max-width: $popover-max-width;
-  padding: 1px;
-  text-align: left; // Reset given new insertion method
-  background-color: $popover-bg;
-  background-clip: padding-box;
-  border: 1px solid $popover-fallback-border-color;
-  border: 1px solid $popover-border-color;
-  border-radius: $border-radius-large;
-  @include box-shadow(0 5px 10px rgba(0,0,0,.2));
-
-  // Overrides for proper insertion
-  white-space: normal;
-
-  // Offset the popover to account for the popover arrow
-  &.top     { margin-top: -$popover-arrow-width; }
-  &.right   { margin-left: $popover-arrow-width; }
-  &.bottom  { margin-top: $popover-arrow-width; }
-  &.left    { margin-left: -$popover-arrow-width; }
-}
-
-.popover-title {
-  margin: 0; // reset heading margin
-  padding: 8px 14px;
-  font-size: $font-size-base;
-  font-weight: normal;
-  line-height: 18px;
-  background-color: $popover-title-bg;
-  border-bottom: 1px solid darken($popover-title-bg, 5%);
-  border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
-}
-
-.popover-content {
-  padding: 9px 14px;
-}
-
-// Arrows
-//
-// .arrow is outer, .arrow:after is inner
-
-.popover > .arrow {
-  &,
-  &:after {
-    position: absolute;
-    display: block;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
-  }
-}
-.popover > .arrow {
-  border-width: $popover-arrow-outer-width;
-}
-.popover > .arrow:after {
-  border-width: $popover-arrow-width;
-  content: "";
-}
-
-.popover {
-  &.top > .arrow {
-    left: 50%;
-    margin-left: -$popover-arrow-outer-width;
-    border-bottom-width: 0;
-    border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
-    border-top-color: $popover-arrow-outer-color;
-    bottom: -$popover-arrow-outer-width;
-    &:after {
-      content: " ";
-      bottom: 1px;
-      margin-left: -$popover-arrow-width;
-      border-bottom-width: 0;
-      border-top-color: $popover-arrow-color;
-    }
-  }
-  &.right > .arrow {
-    top: 50%;
-    left: -$popover-arrow-outer-width;
-    margin-top: -$popover-arrow-outer-width;
-    border-left-width: 0;
-    border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
-    border-right-color: $popover-arrow-outer-color;
-    &:after {
-      content: " ";
-      left: 1px;
-      bottom: -$popover-arrow-width;
-      border-left-width: 0;
-      border-right-color: $popover-arrow-color;
-    }
-  }
-  &.bottom > .arrow {
-    left: 50%;
-    margin-left: -$popover-arrow-outer-width;
-    border-top-width: 0;
-    border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
-    border-bottom-color: $popover-arrow-outer-color;
-    top: -$popover-arrow-outer-width;
-    &:after {
-      content: " ";
-      top: 1px;
-      margin-left: -$popover-arrow-width;
-      border-top-width: 0;
-      border-bottom-color: $popover-arrow-color;
-    }
-  }
-
-  &.left > .arrow {
-    top: 50%;
-    right: -$popover-arrow-outer-width;
-    margin-top: -$popover-arrow-outer-width;
-    border-right-width: 0;
-    border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
-    border-left-color: $popover-arrow-outer-color;
-    &:after {
-      content: " ";
-      right: 1px;
-      border-right-width: 0;
-      border-left-color: $popover-arrow-color;
-      bottom: -$popover-arrow-width;
-    }
-  }
-
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_print.scss b/_sass/p2pu-css-framework/bootstrap/_print.scss
deleted file mode 100644
index 3655d0395..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_print.scss
+++ /dev/null
@@ -1,101 +0,0 @@
-//
-// Basic print styles
-// --------------------------------------------------
-// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
-
-@media print {
-
-  * {
-    text-shadow: none !important;
-    color: #000 !important; // Black prints faster: h5bp.com/s
-    background: transparent !important;
-    box-shadow: none !important;
-  }
-
-  a,
-  a:visited {
-    text-decoration: underline;
-  }
-
-  a[href]:after {
-    content: " (" attr(href) ")";
-  }
-
-  abbr[title]:after {
-    content: " (" attr(title) ")";
-  }
-
-  // Don't show links for images, or javascript/internal links
-  a[href^="javascript:"]:after,
-  a[href^="#"]:after {
-    content: "";
-  }
-
-  pre,
-  blockquote {
-    border: 1px solid #999;
-    page-break-inside: avoid;
-  }
-
-  thead {
-    display: table-header-group; // h5bp.com/t
-  }
-
-  tr,
-  img {
-    page-break-inside: avoid;
-  }
-
-  img {
-    max-width: 100% !important;
-  }
-
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3;
-  }
-
-  h2,
-  h3 {
-    page-break-after: avoid;
-  }
-
-  // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
-  // Once fixed, we can just straight up remove this.
-  select {
-    background: #fff !important;
-  }
-
-  // Bootstrap components
-  .navbar {
-    display: none;
-  }
-  .table {
-    td,
-    th {
-      background-color: #fff !important;
-    }
-  }
-  .btn,
-  .dropup > .btn {
-    > .caret {
-      border-top-color: #000 !important;
-    }
-  }
-  .label {
-    border: 1px solid #000;
-  }
-
-  .table {
-    border-collapse: collapse !important;
-  }
-  .table-bordered {
-    th,
-    td {
-      border: 1px solid #ddd !important;
-    }
-  }
-
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_progress-bars.scss b/_sass/p2pu-css-framework/bootstrap/_progress-bars.scss
deleted file mode 100644
index d22ec954f..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_progress-bars.scss
+++ /dev/null
@@ -1,89 +0,0 @@
-//
-// Progress bars
-// --------------------------------------------------
-
-
-// Bar animations
-// -------------------------
-
-@keyframes progress-bar-stripes {
-  from  { background-position: 40px 0; }
-  to    { background-position: 0 0; }
-}
-
-
-
-// Bar itself
-// -------------------------
-
-// Outer container
-.progress {
-  overflow: hidden;
-  height: $line-height-computed;
-  margin-bottom: $line-height-computed;
-  background-color: $progress-bg;
-  border-radius: $border-radius-base;
-  @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
-}
-
-// Bar of progress
-.progress-bar {
-  float: left;
-  width: 0%;
-  height: 100%;
-  font-size: $font-size-small;
-  line-height: $line-height-computed;
-  color: $progress-bar-color;
-  text-align: center;
-  background-color: $progress-bar-bg;
-  @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
-  @include transition(width .6s ease);
-}
-
-// Striped bars
-.progress-striped .progress-bar {
-  @include gradient-striped();
-  background-size: 40px 40px;
-}
-
-// Call animation for the active one
-.progress.active .progress-bar {
-  @include animation(progress-bar-stripes 2s linear infinite);
-}
-
-// Account for lower percentages
-.progress-bar {
-  &[aria-valuenow="1"],
-  &[aria-valuenow="2"] {
-    min-width: 30px;
-  }
-
-  &[aria-valuenow="0"] {
-    color: $gray-light;
-    min-width: 30px;
-    background-color: transparent;
-    background-image: none;
-    box-shadow: none;
-  }
-}
-
-
-
-// Variations
-// -------------------------
-
-.progress-bar-success {
-  @include progress-bar-variant($progress-bar-success-bg);
-}
-
-.progress-bar-info {
-  @include progress-bar-variant($progress-bar-info-bg);
-}
-
-.progress-bar-warning {
-  @include progress-bar-variant($progress-bar-warning-bg);
-}
-
-.progress-bar-danger {
-  @include progress-bar-variant($progress-bar-danger-bg);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_responsive-embed.scss b/_sass/p2pu-css-framework/bootstrap/_responsive-embed.scss
deleted file mode 100644
index a884d49fe..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_responsive-embed.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-// Embeds responsive
-//
-// Credit: Nicolas Gallagher and SUIT CSS.
-
-.embed-responsive {
-  position: relative;
-  display: block;
-  height: 0;
-  padding: 0;
-  overflow: hidden;
-
-  .embed-responsive-item,
-  iframe,
-  embed,
-  object {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    height: 100%;
-    width: 100%;
-    border: 0;
-  }
-
-  // Modifier class for 16:9 aspect ratio
-  &.embed-responsive-16by9 {
-    padding-bottom: 56.25%;
-  }
-
-  // Modifier class for 4:3 aspect ratio
-  &.embed-responsive-4by3 {
-    padding-bottom: 75%;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_responsive-utilities.scss b/_sass/p2pu-css-framework/bootstrap/_responsive-utilities.scss
deleted file mode 100644
index f7fd55f42..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_responsive-utilities.scss
+++ /dev/null
@@ -1,173 +0,0 @@
-//
-// Responsive: Utility classes
-// --------------------------------------------------
-
-
-// IE10 in Windows (Phone) 8
-//
-// Support for responsive views via media queries is kind of borked in IE10, for
-// Surface/desktop in split view and for Windows Phone 8. This particular fix
-// must be accompanied by a snippet of JavaScript to sniff the user agent and
-// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
-// our Getting Started page for more information on this bug.
-//
-// For more information, see the following:
-//
-// Issue: https://github.com/twbs/bootstrap/issues/10497
-// Docs: http://getbootstrap.com/getting-started/#browsers
-// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
-
-@-ms-viewport {
-  width: device-width;
-}
-
-
-// Visibility utilities
-// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
-
-@include responsive-invisibility('.visible-xs, .visible-sm, .visible-md, .visible-lg');
-
-.visible-xs-block,
-.visible-xs-inline,
-.visible-xs-inline-block,
-.visible-sm-block,
-.visible-sm-inline,
-.visible-sm-inline-block,
-.visible-md-block,
-.visible-md-inline,
-.visible-md-inline-block,
-.visible-lg-block,
-.visible-lg-inline,
-.visible-lg-inline-block {
-  display: none !important;
-}
-
-@media (max-width: $screen-xs-max) {
-  @include responsive-visibility('.visible-xs');
-}
-.visible-xs-block {
-  @media (max-width: $screen-xs-max) {
-    display: block !important;
-  }
-}
-.visible-xs-inline {
-  @media (max-width: $screen-xs-max) {
-    display: inline !important;
-  }
-}
-.visible-xs-inline-block {
-  @media (max-width: $screen-xs-max) {
-    display: inline-block !important;
-  }
-}
-
-@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-  @include responsive-visibility('.visible-sm');
-}
-.visible-sm-block {
-  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-    display: block !important;
-  }
-}
-.visible-sm-inline {
-  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-    display: inline !important;
-  }
-}
-.visible-sm-inline-block {
-  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-    display: inline-block !important;
-  }
-}
-
-@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-  @include responsive-visibility('.visible-md');
-}
-.visible-md-block {
-  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-    display: block !important;
-  }
-}
-.visible-md-inline {
-  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-    display: inline !important;
-  }
-}
-.visible-md-inline-block {
-  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-    display: inline-block !important;
-  }
-}
-
-@media (min-width: $screen-lg-min) {
-  @include responsive-visibility('.visible-lg');
-}
-.visible-lg-block {
-  @media (min-width: $screen-lg-min) {
-    display: block !important;
-  }
-}
-.visible-lg-inline {
-  @media (min-width: $screen-lg-min) {
-    display: inline !important;
-  }
-}
-.visible-lg-inline-block {
-  @media (min-width: $screen-lg-min) {
-    display: inline-block !important;
-  }
-}
-
-@media (max-width: $screen-xs-max) {
-  @include responsive-invisibility('.hidden-xs');
-}
-
-@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-  @include responsive-invisibility('.hidden-sm');
-}
-
-@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-  @include responsive-invisibility('.hidden-md');
-}
-
-@media (min-width: $screen-lg-min) {
-  @include responsive-invisibility('.hidden-lg');
-}
-
-
-// Print utilities
-//
-// Media queries are placed on the inside to be mixin-friendly.
-
-// Note: Deprecated .visible-print as of v3.2.0
-
-@include responsive-invisibility('.visible-print');
-
-@media print {
-  @include responsive-visibility('.visible-print');
-}
-.visible-print-block {
-  display: none !important;
-
-  @media print {
-    display: block !important;
-  }
-}
-.visible-print-inline {
-  display: none !important;
-
-  @media print {
-    display: inline !important;
-  }
-}
-.visible-print-inline-block {
-  display: none !important;
-
-  @media print {
-    display: inline-block !important;
-  }
-}
-
-@media print {
-  @include responsive-invisibility('.hidden-print');
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_scaffolding.scss b/_sass/p2pu-css-framework/bootstrap/_scaffolding.scss
deleted file mode 100644
index 06c893dbd..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_scaffolding.scss
+++ /dev/null
@@ -1,150 +0,0 @@
-//
-// Scaffolding
-// --------------------------------------------------
-
-
-// Reset the box-sizing
-//
-// Heads up! This reset may cause conflicts with some third-party widgets.
-// For recommendations on resolving such conflicts, see
-// http://getbootstrap.com/getting-started/#third-box-sizing
-* {
-  @include box-sizing(border-box);
-}
-*:before,
-*:after {
-  @include box-sizing(border-box);
-}
-
-
-// Body reset
-
-html {
-  font-size: 62.5%;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-}
-
-body {
-  font-family: $font-family-base;
-  font-size: $font-size-base;
-  line-height: $line-height-base;
-  color: $text-color;
-  background-color: $body-bg;
-}
-
-// Reset fonts for relevant elements
-input,
-button,
-select,
-textarea {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-
-// Links
-
-a {
-  color: $link-color;
-  text-decoration: none;
-
-  &:hover,
-  &:focus {
-    color: $link-hover-color;
-    text-decoration: underline;
-  }
-
-  &:focus {
-    @include tab-focus();
-  }
-}
-
-
-// Figures
-//
-// We reset this here because previously Normalize had no `figure` margins. This
-// ensures we don't break anyone's use of the element.
-
-figure {
-  margin: 0;
-}
-
-
-// Images
-
-img {
-  vertical-align: middle;
-}
-
-// Responsive images (ensure images don't scale beyond their parents)
-.img-responsive {
-  @include img-responsive();
-}
-
-// Rounded corners
-.img-rounded {
-  border-radius: $border-radius-large;
-}
-
-// Image thumbnails
-//
-// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
-.img-thumbnail {
-  padding: $thumbnail-padding;
-  line-height: $line-height-base;
-  background-color: $thumbnail-bg;
-  border: 1px solid $thumbnail-border;
-  border-radius: $thumbnail-border-radius;
-  @include transition(all .2s ease-in-out);
-
-  // Keep them at most 100% wide
-  @include img-responsive(inline-block);
-}
-
-// Perfect circle
-.img-circle {
-  border-radius: 50%; // set radius in percents
-}
-
-
-// Horizontal rules
-
-hr {
-  margin-top:    $line-height-computed;
-  margin-bottom: $line-height-computed;
-  border: 0;
-  border-top: 1px solid $hr-border;
-}
-
-
-// Only display content to screen readers
-//
-// See: http://a11yproject.com/posts/how-to-hide-content/
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0,0,0,0);
-  border: 0;
-}
-
-// Use in conjunction with .sr-only to only display content when it's focused.
-// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
-// Credit: HTML5 Boilerplate
-
-.sr-only-focusable {
-  &:active,
-  &:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_tables.scss b/_sass/p2pu-css-framework/bootstrap/_tables.scss
deleted file mode 100644
index a9d76901e..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_tables.scss
+++ /dev/null
@@ -1,233 +0,0 @@
-//
-// Tables
-// --------------------------------------------------
-
-
-table {
-  max-width: 100%;
-  background-color: $table-bg;
-}
-th {
-  text-align: left;
-}
-
-
-// Baseline styles
-
-.table {
-  width: 100%;
-  margin-bottom: $line-height-computed;
-  // Cells
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        padding: $table-cell-padding;
-        line-height: $line-height-base;
-        vertical-align: top;
-        border-top: 1px solid $table-border-color;
-      }
-    }
-  }
-  // Bottom align for column headings
-  > thead > tr > th {
-    vertical-align: bottom;
-    border-bottom: 2px solid $table-border-color;
-  }
-  // Remove top border from thead by default
-  > caption + thead,
-  > colgroup + thead,
-  > thead:first-child {
-    > tr:first-child {
-      > th,
-      > td {
-        border-top: 0;
-      }
-    }
-  }
-  // Account for multiple tbody instances
-  > tbody + tbody {
-    border-top: 2px solid $table-border-color;
-  }
-
-  // Nesting
-  .table {
-    background-color: $body-bg;
-  }
-}
-
-
-// Condensed table w/ half padding
-
-.table-condensed {
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        padding: $table-condensed-cell-padding;
-      }
-    }
-  }
-}
-
-
-// Bordered version
-//
-// Add borders all around the table and between all the columns.
-
-.table-bordered {
-  border: 1px solid $table-border-color;
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        border: 1px solid $table-border-color;
-      }
-    }
-  }
-  > thead > tr {
-    > th,
-    > td {
-      border-bottom-width: 2px;
-    }
-  }
-}
-
-
-// Zebra-striping
-//
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-
-.table-striped {
-  > tbody > tr:nth-child(odd) {
-    > td,
-    > th {
-      background-color: $table-bg-accent;
-    }
-  }
-}
-
-
-// Hover effect
-//
-// Placed here since it has to come after the potential zebra striping
-
-.table-hover {
-  > tbody > tr:hover {
-    > td,
-    > th {
-      background-color: $table-bg-hover;
-    }
-  }
-}
-
-
-// Table cell sizing
-//
-// Reset default table behavior
-
-table col[class*="col-"] {
-  position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
-  float: none;
-  display: table-column;
-}
-table {
-  td,
-  th {
-    &[class*="col-"] {
-      position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
-      float: none;
-      display: table-cell;
-    }
-  }
-}
-
-
-// Table backgrounds
-//
-// Exact selectors below required to override `.table-striped` and prevent
-// inheritance to nested tables.
-
-// Generate the contextual variants
-@include table-row-variant('active', $table-bg-active);
-@include table-row-variant('success', $state-success-bg);
-@include table-row-variant('info', $state-info-bg);
-@include table-row-variant('warning', $state-warning-bg);
-@include table-row-variant('danger', $state-danger-bg);
-
-
-// Responsive tables
-//
-// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
-// by enabling horizontal scrolling. Only applies <768px. Everything above that
-// will display normally.
-
-.table-responsive {
-  @media screen and (max-width: $screen-xs-max) {
-    width: 100%;
-    margin-bottom: ($line-height-computed * 0.75);
-    overflow-y: hidden;
-    overflow-x: scroll;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    border: 1px solid $table-border-color;
-    -webkit-overflow-scrolling: touch;
-
-    // Tighten up spacing
-    > .table {
-      margin-bottom: 0;
-
-      // Ensure the content doesn't wrap
-      > thead,
-      > tbody,
-      > tfoot {
-        > tr {
-          > th,
-          > td {
-            white-space: nowrap;
-          }
-        }
-      }
-    }
-
-    // Special overrides for the bordered tables
-    > .table-bordered {
-      border: 0;
-
-      // Nuke the appropriate borders so that the parent can handle them
-      > thead,
-      > tbody,
-      > tfoot {
-        > tr {
-          > th:first-child,
-          > td:first-child {
-            border-left: 0;
-          }
-          > th:last-child,
-          > td:last-child {
-            border-right: 0;
-          }
-        }
-      }
-
-      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
-      // chances are there will be only one `tr` in a `thead` and that would
-      // remove the border altogether.
-      > tbody,
-      > tfoot {
-        > tr:last-child {
-          > th,
-          > td {
-            border-bottom: 0;
-          }
-        }
-      }
-
-    }
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_theme.scss b/_sass/p2pu-css-framework/bootstrap/_theme.scss
deleted file mode 100644
index d8f7bc2fb..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_theme.scss
+++ /dev/null
@@ -1,247 +0,0 @@
-
-//
-// Load core variables and mixins
-// --------------------------------------------------
-
-@import "variables";
-@import "mixins";
-
-
-
-//
-// Buttons
-// --------------------------------------------------
-
-// Common styles
-.btn-default,
-.btn-primary,
-.btn-success,
-.btn-info,
-.btn-warning,
-.btn-danger {
-  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
-  $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
-  @include box-shadow($shadow);
-
-  // Reset the shadow
-  &:active,
-  &.active {
-    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
-  }
-}
-
-// Mixin for generating new styles
-@mixin btn-styles($btn-color: #555) {
-  @include gradient-vertical($start-color: $btn-color, $end-color: darken($btn-color, 12%));
-  @include reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners
-  background-repeat: repeat-x;
-  border-color: darken($btn-color, 14%);
-
-  &:hover,
-  &:focus  {
-    background-color: darken($btn-color, 12%);
-    background-position: 0 -15px;
-  }
-
-  &:active,
-  &.active {
-    background-color: darken($btn-color, 12%);
-    border-color: darken($btn-color, 14%);
-  }
-}
-
-// Common styles
-.btn {
-  // Remove the gradient for the pressed/active state
-  &:active,
-  &.active {
-    background-image: none;
-  }
-}
-
-// Apply the mixin to the buttons
-.btn-default { @include btn-styles($btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
-.btn-primary { @include btn-styles($btn-primary-bg); }
-.btn-success { @include btn-styles($btn-success-bg); }
-.btn-info    { @include btn-styles($btn-info-bg); }
-.btn-warning { @include btn-styles($btn-warning-bg); }
-.btn-danger  { @include btn-styles($btn-danger-bg); }
-
-
-
-//
-// Images
-// --------------------------------------------------
-
-.thumbnail,
-.img-thumbnail {
-  @include box-shadow(0 1px 2px rgba(0,0,0,.075));
-}
-
-
-
-//
-// Dropdowns
-// --------------------------------------------------
-
-.dropdown-menu > li > a:hover,
-.dropdown-menu > li > a:focus {
-  @include gradient-vertical($start-color: $dropdown-link-hover-bg, $end-color: darken($dropdown-link-hover-bg, 5%));
-  background-color: darken($dropdown-link-hover-bg, 5%);
-}
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:hover,
-.dropdown-menu > .active > a:focus {
-  @include gradient-vertical($start-color: $dropdown-link-active-bg, $end-color: darken($dropdown-link-active-bg, 5%));
-  background-color: darken($dropdown-link-active-bg, 5%);
-}
-
-
-
-//
-// Navbar
-// --------------------------------------------------
-
-// Default navbar
-.navbar-default {
-  @include gradient-vertical($start-color: lighten($navbar-default-bg, 10%), $end-color: $navbar-default-bg);
-  @include reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
-  border-radius: $navbar-border-radius;
-  $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
-  @include box-shadow($shadow);
-
-  .navbar-nav > .active > a {
-    @include gradient-vertical($start-color: darken($navbar-default-bg, 5%), $end-color: darken($navbar-default-bg, 2%));
-    @include box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
-  }
-}
-.navbar-brand,
-.navbar-nav > li > a {
-  text-shadow: 0 1px 0 rgba(255,255,255,.25);
-}
-
-// Inverted navbar
-.navbar-inverse {
-  @include gradient-vertical($start-color: lighten($navbar-inverse-bg, 10%), $end-color: $navbar-inverse-bg);
-  @include reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
-
-  .navbar-nav > .active > a {
-    @include gradient-vertical($start-color: $navbar-inverse-bg, $end-color: lighten($navbar-inverse-bg, 2.5%));
-    @include box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
-  }
-
-  .navbar-brand,
-  .navbar-nav > li > a {
-    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
-  }
-}
-
-// Undo rounded corners in static and fixed navbars
-.navbar-static-top,
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  border-radius: 0;
-}
-
-
-
-//
-// Alerts
-// --------------------------------------------------
-
-// Common styles
-.alert {
-  text-shadow: 0 1px 0 rgba(255,255,255,.2);
-  $shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
-  @include box-shadow($shadow);
-}
-
-// Mixin for generating new styles
-@mixin alert-styles($color) {
-  @include gradient-vertical($start-color: $color, $end-color: darken($color, 7.5%));
-  border-color: darken($color, 15%);
-}
-
-// Apply the mixin to the alerts
-.alert-success    { @include alert-styles($alert-success-bg); }
-.alert-info       { @include alert-styles($alert-info-bg); }
-.alert-warning    { @include alert-styles($alert-warning-bg); }
-.alert-danger     { @include alert-styles($alert-danger-bg); }
-
-
-
-//
-// Progress bars
-// --------------------------------------------------
-
-// Give the progress background some depth
-.progress {
-  @include gradient-vertical($start-color: darken($progress-bg, 4%), $end-color: $progress-bg)
-}
-
-// Mixin for generating new styles
-@mixin progress-bar-styles($color) {
-  @include gradient-vertical($start-color: $color, $end-color: darken($color, 10%));
-}
-
-// Apply the mixin to the progress bars
-.progress-bar            { @include progress-bar-styles($progress-bar-bg); }
-.progress-bar-success    { @include progress-bar-styles($progress-bar-success-bg); }
-.progress-bar-info       { @include progress-bar-styles($progress-bar-info-bg); }
-.progress-bar-warning    { @include progress-bar-styles($progress-bar-warning-bg); }
-.progress-bar-danger     { @include progress-bar-styles($progress-bar-danger-bg); }
-
-
-
-//
-// List groups
-// --------------------------------------------------
-
-.list-group {
-  border-radius: $border-radius-base;
-  @include box-shadow(0 1px 2px rgba(0,0,0,.075));
-}
-.list-group-item.active,
-.list-group-item.active:hover,
-.list-group-item.active:focus {
-  text-shadow: 0 -1px 0 darken($list-group-active-bg, 10%);
-  @include gradient-vertical($start-color: $list-group-active-bg, $end-color: darken($list-group-active-bg, 7.5%));
-  border-color: darken($list-group-active-border, 7.5%);
-}
-
-
-
-//
-// Panels
-// --------------------------------------------------
-
-// Common styles
-.panel {
-  @include box-shadow(0 1px 2px rgba(0,0,0,.05));
-}
-
-// Mixin for generating new styles
-@mixin panel-heading-styles($color) {
-  @include gradient-vertical($start-color: $color, $end-color: darken($color, 5%));
-}
-
-// Apply the mixin to the panel headings only
-.panel-default > .panel-heading   { @include panel-heading-styles($panel-default-heading-bg); }
-.panel-primary > .panel-heading   { @include panel-heading-styles($panel-primary-heading-bg); }
-.panel-success > .panel-heading   { @include panel-heading-styles($panel-success-heading-bg); }
-.panel-info > .panel-heading      { @include panel-heading-styles($panel-info-heading-bg); }
-.panel-warning > .panel-heading   { @include panel-heading-styles($panel-warning-heading-bg); }
-.panel-danger > .panel-heading    { @include panel-heading-styles($panel-danger-heading-bg); }
-
-
-
-//
-// Wells
-// --------------------------------------------------
-
-.well {
-  @include gradient-vertical($start-color: darken($well-bg, 5%), $end-color: $well-bg);
-  border-color: darken($well-bg, 10%);
-  $shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
-  @include box-shadow($shadow);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_thumbnails.scss b/_sass/p2pu-css-framework/bootstrap/_thumbnails.scss
deleted file mode 100644
index 3d5ed86d0..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_thumbnails.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-//
-// Thumbnails
-// --------------------------------------------------
-
-
-// Mixin and adjust the regular image class
-.thumbnail {
-  display: block;
-  padding: $thumbnail-padding;
-  margin-bottom: $line-height-computed;
-  line-height: $line-height-base;
-  background-color: $thumbnail-bg;
-  border: 1px solid $thumbnail-border;
-  border-radius: $thumbnail-border-radius;
-  @include transition(all .2s ease-in-out);
-
-  > img,
-  a > img {
-    @include img-responsive();
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
-
-  // Image captions
-  .caption {
-    padding: $thumbnail-caption-padding;
-    color: $thumbnail-caption-color;
-  }
-}
-
-// Add a hover state for linked versions only
-a.thumbnail:hover,
-a.thumbnail:focus,
-a.thumbnail.active {
-  border-color: $link-color;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_tooltip.scss b/_sass/p2pu-css-framework/bootstrap/_tooltip.scss
deleted file mode 100644
index dec674cb4..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_tooltip.scss
+++ /dev/null
@@ -1,95 +0,0 @@
-//
-// Tooltips
-// --------------------------------------------------
-
-
-// Base class
-.tooltip {
-  position: absolute;
-  z-index: $zindex-tooltip;
-  display: block;
-  visibility: visible;
-  font-size: $font-size-small;
-  line-height: 1.4;
-  @include opacity(0);
-
-  &.in     { @include opacity($tooltip-opacity); }
-  &.top    { margin-top:  -3px; padding: $tooltip-arrow-width 0; }
-  &.right  { margin-left:  3px; padding: 0 $tooltip-arrow-width; }
-  &.bottom { margin-top:   3px; padding: $tooltip-arrow-width 0; }
-  &.left   { margin-left: -3px; padding: 0 $tooltip-arrow-width; }
-}
-
-// Wrapper for the tooltip content
-.tooltip-inner {
-  max-width: $tooltip-max-width;
-  padding: 3px 8px;
-  color: $tooltip-color;
-  text-align: center;
-  text-decoration: none;
-  background-color: $tooltip-bg;
-  border-radius: $border-radius-base;
-}
-
-// Arrows
-.tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-.tooltip {
-  &.top .tooltip-arrow {
-    bottom: 0;
-    left: 50%;
-    margin-left: -$tooltip-arrow-width;
-    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
-    border-top-color: $tooltip-arrow-color;
-  }
-  &.top-left .tooltip-arrow {
-    bottom: 0;
-    left: $tooltip-arrow-width;
-    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
-    border-top-color: $tooltip-arrow-color;
-  }
-  &.top-right .tooltip-arrow {
-    bottom: 0;
-    right: $tooltip-arrow-width;
-    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
-    border-top-color: $tooltip-arrow-color;
-  }
-  &.right .tooltip-arrow {
-    top: 50%;
-    left: 0;
-    margin-top: -$tooltip-arrow-width;
-    border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
-    border-right-color: $tooltip-arrow-color;
-  }
-  &.left .tooltip-arrow {
-    top: 50%;
-    right: 0;
-    margin-top: -$tooltip-arrow-width;
-    border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
-    border-left-color: $tooltip-arrow-color;
-  }
-  &.bottom .tooltip-arrow {
-    top: 0;
-    left: 50%;
-    margin-left: -$tooltip-arrow-width;
-    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
-    border-bottom-color: $tooltip-arrow-color;
-  }
-  &.bottom-left .tooltip-arrow {
-    top: 0;
-    left: $tooltip-arrow-width;
-    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
-    border-bottom-color: $tooltip-arrow-color;
-  }
-  &.bottom-right .tooltip-arrow {
-    top: 0;
-    right: $tooltip-arrow-width;
-    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
-    border-bottom-color: $tooltip-arrow-color;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_type.scss b/_sass/p2pu-css-framework/bootstrap/_type.scss
deleted file mode 100644
index bfdf2bb19..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_type.scss
+++ /dev/null
@@ -1,294 +0,0 @@
-//
-// Typography
-// --------------------------------------------------
-
-
-// Headings
-// -------------------------
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
-  font-family: $headings-font-family;
-  font-weight: $headings-font-weight;
-  line-height: $headings-line-height;
-  color: $headings-color;
-
-  small,
-  .small {
-    font-weight: normal;
-    line-height: 1;
-    color: $headings-small-color;
-  }
-}
-
-h1, .h1,
-h2, .h2,
-h3, .h3 {
-  margin-top: $line-height-computed;
-  margin-bottom: ($line-height-computed / 2);
-
-  small,
-  .small {
-    font-size: 65%;
-  }
-}
-h4, .h4,
-h5, .h5,
-h6, .h6 {
-  margin-top: ($line-height-computed / 2);
-  margin-bottom: ($line-height-computed / 2);
-
-  small,
-  .small {
-    font-size: 75%;
-  }
-}
-
-h1, .h1 { font-size: $font-size-h1; }
-h2, .h2 { font-size: $font-size-h2; }
-h3, .h3 { font-size: $font-size-h3; }
-h4, .h4 { font-size: $font-size-h4; }
-h5, .h5 { font-size: $font-size-h5; }
-h6, .h6 { font-size: $font-size-h6; }
-
-
-// Body text
-// -------------------------
-
-p {
-  margin: 0 0 ($line-height-computed / 2);
-}
-
-.lead {
-  margin-bottom: $line-height-computed;
-  font-size: floor(($font-size-base * 1.15));
-  font-weight: 200;
-  line-height: 1.4;
-
-  @media (min-width: $screen-sm-min) {
-    font-size: ($font-size-base * 1.5);
-  }
-}
-
-
-// Emphasis & misc
-// -------------------------
-
-// Ex: 14px base font * 85% = about 12px
-small,
-.small  { font-size: 85%; }
-
-// Undo browser default styling
-cite    { font-style: normal; }
-
-mark,
-.mark {
-  background-color: $state-warning-bg;
-  padding: .2em;
-}
-
-// Alignment
-.text-left           { text-align: left; }
-.text-right          { text-align: right; }
-.text-center         { text-align: center; }
-.text-justify        { text-align: justify; }
-
-// Contextual colors
-.text-muted {
-  color: $text-muted;
-}
-
-@include text-emphasis-variant('.text-primary', $brand-primary);
-
-@include text-emphasis-variant('.text-success', $state-success-text);
-
-@include text-emphasis-variant('.text-info', $state-info-text);
-
-@include text-emphasis-variant('.text-warning', $state-warning-text);
-
-@include text-emphasis-variant('.text-danger', $state-danger-text);
-
-// Contextual backgrounds
-// For now we'll leave these alongside the text classes until v4 when we can
-// safely shift things around (per SemVer rules).
-.bg-primary {
-  // Given the contrast here, this is the only class to have its color inverted
-  // automatically.
-  color: #fff;
-}
-@include bg-variant('.bg-primary', $brand-primary);
-
-@include bg-variant('.bg-success', $state-success-bg);
-
-@include bg-variant('.bg-info', $state-info-bg);
-
-@include bg-variant('.bg-warning', $state-warning-bg);
-
-@include bg-variant('.bg-danger', $state-danger-bg);
-
-
-// Page header
-// -------------------------
-
-.page-header {
-  padding-bottom: (($line-height-computed / 2) - 1);
-  margin: ($line-height-computed * 2) 0 $line-height-computed;
-  border-bottom: 1px solid $page-header-border-color;
-}
-
-
-// Lists
-// -------------------------
-
-// Unordered and Ordered lists
-ul,
-ol {
-  margin-top: 0;
-  margin-bottom: ($line-height-computed / 2);
-  ul,
-  ol {
-    margin-bottom: 0;
-  }
-}
-
-// List options
-
-// Unstyled keeps list items block level, just removes default browser padding and list-style
-.list-unstyled {
-  padding-left: 0;
-  list-style: none;
-}
-
-// Inline turns list items into inline-block
-.list-inline {
-  @extend .list-unstyled;
-  margin-left: -5px;
-
-  > li {
-    display: inline-block;
-    padding-left: 5px;
-    padding-right: 5px;
-  }
-}
-
-// Description Lists
-dl {
-  margin-top: 0; // Remove browser default
-  margin-bottom: $line-height-computed;
-}
-dt,
-dd {
-  line-height: $line-height-base;
-}
-dt {
-  font-weight: bold;
-}
-dd {
-  margin-left: 0; // Undo browser default
-}
-
-// Horizontal description lists
-//
-// Defaults to being stacked without any of the below styles applied, until the
-// grid breakpoint is reached (default of ~768px).
-
-.dl-horizontal {
-  dd {
-    @include clearfix(); // Clear the floated `dt` if an empty `dd` is present
-  }
-
-  @media (min-width: $grid-float-breakpoint) {
-    dt {
-      float: left;
-      width: ($component-offset-horizontal - 20);
-      clear: left;
-      text-align: right;
-      @include text-overflow();
-    }
-    dd {
-      margin-left: $component-offset-horizontal;
-    }
-  }
-}
-
-
-// Misc
-// -------------------------
-
-// Abbreviations and acronyms
-abbr[title],
-// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
-abbr[data-original-title] {
-  cursor: help;
-  border-bottom: 1px dotted $abbr-border-color;
-}
-.initialism {
-  font-size: 90%;
-  text-transform: uppercase;
-}
-
-// Blockquotes
-blockquote {
-  padding: ($line-height-computed / 2) $line-height-computed;
-  margin: 0 0 $line-height-computed;
-  font-size: $blockquote-font-size;
-  border-left: 5px solid $blockquote-border-color;
-
-  p,
-  ul,
-  ol {
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  // Note: Deprecated small and .small as of v3.1.0
-  // Context: https://github.com/twbs/bootstrap/issues/11660
-  footer,
-  small,
-  .small {
-    display: block;
-    font-size: 80%; // back to default font-size
-    line-height: $line-height-base;
-    color: $blockquote-small-color;
-
-    &:before {
-      content: '\2014 \00A0'; // em dash, nbsp
-    }
-  }
-}
-
-// Opposite alignment of blockquote
-//
-// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
-.blockquote-reverse,
-blockquote.pull-right {
-  padding-right: 15px;
-  padding-left: 0;
-  border-right: 5px solid $blockquote-border-color;
-  border-left: 0;
-  text-align: right;
-
-  // Account for citation
-  footer,
-  small,
-  .small {
-    &:before { content: ''; }
-    &:after {
-      content: '\00A0 \2014'; // nbsp, em dash
-    }
-  }
-}
-
-// Quotes
-blockquote:before,
-blockquote:after {
-  content: "";
-}
-
-// Addresses
-address {
-  margin-bottom: $line-height-computed;
-  font-style: normal;
-  line-height: $line-height-base;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_utilities.scss b/_sass/p2pu-css-framework/bootstrap/_utilities.scss
deleted file mode 100644
index 85cb62ea7..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_utilities.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-//
-// Utility classes
-// --------------------------------------------------
-
-
-// Floats
-// -------------------------
-
-.clearfix {
-  @include clearfix();
-}
-.center-block {
-  @include center-block();
-}
-.pull-right {
-  float: right !important;
-}
-.pull-left {
-  float: left !important;
-}
-
-
-// Toggling content
-// -------------------------
-
-// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
-.hide {
-  display: none !important;
-}
-.show {
-  display: block !important;
-}
-.invisible {
-  visibility: hidden;
-}
-.text-hide {
-  @include text-hide();
-}
-
-
-// Hide from screenreaders and browsers
-//
-// Credit: HTML5 Boilerplate
-
-.hidden {
-  display: none !important;
-  visibility: hidden !important;
-}
-
-
-// For Affix plugin
-// -------------------------
-
-.affix {
-  position: fixed;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/_variables.scss b/_sass/p2pu-css-framework/bootstrap/_variables.scss
deleted file mode 100644
index 98af6798f..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_variables.scss
+++ /dev/null
@@ -1,849 +0,0 @@
-// a flag to toggle asset pipeline / compass integration
-// defaults to true if twbs-font-path function is present (no function => twbs-font-path('') parsed as string == right side)
-// in Sass 3.3 this can be improved with: function-exists(twbs-font-path)
-$bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
-//
-// Variables
-// --------------------------------------------------
-
-
-//== Colors
-//
-//## Gray and brand colors for use across Bootstrap.
-
-$gray-darker:            lighten(#000, 13.5%) !default; // #222
-$gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   lighten(#000, 33.5%) !default; // #555
-$gray-light:             lighten(#000, 60%) !default;   // #999
-$gray-lighter:           lighten(#000, 93.5%) !default; // #eee
-
-$brand-primary:         #428bca !default;
-$brand-success:         #5cb85c !default;
-$brand-info:            #5bc0de !default;
-$brand-warning:         #f0ad4e !default;
-$brand-danger:          #d9534f !default;
-
-
-//== Scaffolding
-//
-//## Settings for some of the most global styles.
-
-//** Background color for `<body>`.
-$body-bg:               #fff !default;
-//** Global text color on `<body>`.
-$text-color:            $gray-dark !default;
-
-//** Global textual link color.
-$link-color:            $brand-primary !default;
-//** Link hover color set via `darken()` function.
-$link-hover-color:      darken($link-color, 15%) !default;
-
-
-//== Typography
-//
-//## Font, line-height, and color for body text, headings, and more.
-
-$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif !default;
-$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
-//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
-$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
-$font-family-base:        $font-family-sans-serif !default;
-
-$font-size-base:          14px !default;
-$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
-$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
-
-$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
-$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
-$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
-$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
-$font-size-h5:            $font-size-base !default;
-$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px
-
-//** Unit-less `line-height` for use in components like buttons.
-$line-height-base:        1.428571429 !default; // 20/14
-//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
-$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px
-
-//** By default, this inherits from the `<body>`.
-$headings-font-family:    inherit !default;
-$headings-font-weight:    500 !default;
-$headings-line-height:    1.1 !default;
-$headings-color:          inherit !default;
-
-
-//== Iconography
-//
-//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
-
-//** Load fonts from this directory.
-$icon-font-path: "bootstrap/" !default;
-//** File name for all font files.
-$icon-font-name:          "glyphicons-halflings-regular" !default;
-//** Element ID within SVG icon file.
-$icon-font-svg-id:        "glyphicons_halflingsregular" !default;
-
-
-//== Components
-//
-//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-
-$padding-base-vertical:     6px !default;
-$padding-base-horizontal:   12px !default;
-
-$padding-large-vertical:    10px !default;
-$padding-large-horizontal:  16px !default;
-
-$padding-small-vertical:    5px !default;
-$padding-small-horizontal:  10px !default;
-
-$padding-xs-vertical:       1px !default;
-$padding-xs-horizontal:     5px !default;
-
-$line-height-large:         1.33 !default;
-$line-height-small:         1.5 !default;
-
-$border-radius-base:        4px !default;
-$border-radius-large:       6px !default;
-$border-radius-small:       3px !default;
-
-//** Global color for active items (e.g., navs or dropdowns).
-$component-active-color:    #fff !default;
-//** Global background color for active items (e.g., navs or dropdowns).
-$component-active-bg:       $brand-primary !default;
-
-//** Width of the `border` for generating carets that indicator dropdowns.
-$caret-width-base:          4px !default;
-//** Carets increase slightly in size for larger components.
-$caret-width-large:         5px !default;
-
-
-//== Tables
-//
-//## Customizes the `.table` component with basic values, each used across all table variations.
-
-//** Padding for `<th>`s and `<td>`s.
-$table-cell-padding:            8px !default;
-//** Padding for cells in `.table-condensed`.
-$table-condensed-cell-padding:  5px !default;
-
-//** Default background color used for all tables.
-$table-bg:                      transparent !default;
-//** Background color used for `.table-striped`.
-$table-bg-accent:               #f9f9f9 !default;
-//** Background color used for `.table-hover`.
-$table-bg-hover:                #f5f5f5 !default;
-$table-bg-active:               $table-bg-hover !default;
-
-//** Border color for table and cell borders.
-$table-border-color:            #ddd !default;
-
-
-//== Buttons
-//
-//## For each of Bootstrap's buttons, define text, background and border color.
-
-$btn-font-weight:                normal !default;
-
-$btn-default-color:              #333 !default;
-$btn-default-bg:                 #fff !default;
-$btn-default-border:             #ccc !default;
-
-$btn-primary-color:              #fff !default;
-$btn-primary-bg:                 $brand-primary !default;
-$btn-primary-border:             darken($btn-primary-bg, 5%) !default;
-
-$btn-success-color:              #fff !default;
-$btn-success-bg:                 $brand-success !default;
-$btn-success-border:             darken($btn-success-bg, 5%) !default;
-
-$btn-info-color:                 #fff !default;
-$btn-info-bg:                    $brand-info !default;
-$btn-info-border:                darken($btn-info-bg, 5%) !default;
-
-$btn-warning-color:              #fff !default;
-$btn-warning-bg:                 $brand-warning !default;
-$btn-warning-border:             darken($btn-warning-bg, 5%) !default;
-
-$btn-danger-color:               #fff !default;
-$btn-danger-bg:                  $brand-danger !default;
-$btn-danger-border:              darken($btn-danger-bg, 5%) !default;
-
-$btn-link-disabled-color:        $gray-light !default;
-
-
-//== Forms
-//
-//##
-
-//** `<input>` background color
-$input-bg:                       #fff !default;
-//** `<input disabled>` background color
-$input-bg-disabled:              $gray-lighter !default;
-
-//** Text color for `<input>`s
-$input-color:                    $gray !default;
-//** `<input>` border color
-$input-border:                   #ccc !default;
-//** `<input>` border radius
-$input-border-radius:            $border-radius-base !default;
-//** Border color for inputs on focus
-$input-border-focus:             #66afe9 !default;
-
-//** Placeholder text color
-$input-color-placeholder:        $gray-light !default;
-
-//** Default `.form-control` height
-$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
-//** Large `.form-control` height
-$input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
-//** Small `.form-control` height
-$input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
-
-$legend-color:                   $gray-dark !default;
-$legend-border-color:            #e5e5e5 !default;
-
-//** Background color for textual input addons
-$input-group-addon-bg:           $gray-lighter !default;
-//** Border color for textual input addons
-$input-group-addon-border-color: $input-border !default;
-
-
-//== Dropdowns
-//
-//## Dropdown menu container and contents.
-
-//** Background for the dropdown menu.
-$dropdown-bg:                    #fff !default;
-//** Dropdown menu `border-color`.
-$dropdown-border:                rgba(0,0,0,.15) !default;
-//** Dropdown menu `border-color` **for IE8**.
-$dropdown-fallback-border:       #ccc !default;
-//** Divider color for between dropdown items.
-$dropdown-divider-bg:            #e5e5e5 !default;
-
-//** Dropdown link text color.
-$dropdown-link-color:            $gray-dark !default;
-//** Hover color for dropdown links.
-$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
-//** Hover background for dropdown links.
-$dropdown-link-hover-bg:         #f5f5f5 !default;
-
-//** Active dropdown menu item text color.
-$dropdown-link-active-color:     $component-active-color !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
-
-//** Disabled dropdown menu item background color.
-$dropdown-link-disabled-color:   $gray-light !default;
-
-//** Text color for headers within dropdown menus.
-$dropdown-header-color:          $gray-light !default;
-
-// Note: Deprecated $dropdown-caret-color as of v3.1.0
-$dropdown-caret-color:           #000 !default;
-
-
-//-- Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-//
-// Note: These variables are not generated into the Customizer.
-
-$zindex-navbar:            1000 !default;
-$zindex-dropdown:          1000 !default;
-$zindex-popover:           1060 !default;
-$zindex-tooltip:           1070 !default;
-$zindex-navbar-fixed:      1030 !default;
-$zindex-modal-background:  1040 !default;
-$zindex-modal:             1050 !default;
-
-
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-// Note: Deprecated $screen-xs and $screen-phone as of v3.0.1
-// Note: Deprecated $screen-xs-min as of v3.2.0
-$screen-xs:                  480px !default;
-$screen-xs-min:              $screen-xs !default;
-$screen-phone:               $screen-xs-min !default;
-
-// Small screen / tablet
-// Note: Deprecated $screen-sm and $screen-tablet as of v3.0.1
-$screen-sm:                  768px !default;
-$screen-sm-min:              $screen-sm !default;
-$screen-tablet:              $screen-sm-min !default;
-
-// Medium screen / desktop
-// Note: Deprecated $screen-md and $screen-desktop as of v3.0.1
-$screen-md:                  992px !default;
-$screen-md-min:              $screen-md !default;
-$screen-desktop:             $screen-md-min !default;
-
-// Large screen / wide desktop
-// Note: Deprecated $screen-lg and $screen-lg-desktop as of v3.0.1
-$screen-lg:                  1200px !default;
-$screen-lg-min:              $screen-lg !default;
-$screen-lg-desktop:          $screen-lg-min !default;
-
-// So media queries don't overlap when required, provide a maximum
-$screen-xs-max:              ($screen-sm-min - 1) !default;
-$screen-sm-max:              ($screen-md-min - 1) !default;
-$screen-md-max:              ($screen-lg-min - 1) !default;
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-$grid-columns:              12 !default;
-//** Padding between columns. Gets divided in half for the left and right.
-$grid-gutter-width:         30px !default;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-$grid-float-breakpoint:     $screen-sm-min !default;
-//** Point at which the navbar begins collapsing.
-$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
-
-
-//== Container sizes
-//
-//## Define the maximum width of `.container` for different screen sizes.
-
-// Small screen / tablet
-$container-tablet:             ((720px + $grid-gutter-width)) !default;
-//** For `$screen-sm-min` and up.
-$container-sm:                 $container-tablet !default;
-
-// Medium screen / desktop
-$container-desktop:            ((940px + $grid-gutter-width)) !default;
-//** For `$screen-md-min` and up.
-$container-md:                 $container-desktop !default;
-
-// Large screen / wide desktop
-$container-large-desktop:      ((1140px + $grid-gutter-width)) !default;
-//** For `$screen-lg-min` and up.
-$container-lg:                 $container-large-desktop !default;
-
-
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-$navbar-height:                    50px !default;
-$navbar-margin-bottom:             $line-height-computed !default;
-$navbar-border-radius:             $border-radius-base !default;
-$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
-$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
-$navbar-collapse-max-height:       340px !default;
-
-$navbar-default-color:             #777 !default;
-$navbar-default-bg:                #f8f8f8 !default;
-$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
-
-// Navbar links
-$navbar-default-link-color:                #777 !default;
-$navbar-default-link-hover-color:          #333 !default;
-$navbar-default-link-hover-bg:             transparent !default;
-$navbar-default-link-active-color:         #555 !default;
-$navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;
-$navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          transparent !default;
-
-// Navbar brand label
-$navbar-default-brand-color:               $navbar-default-link-color !default;
-$navbar-default-brand-hover-color:         darken($navbar-default-brand-color, 10%) !default;
-$navbar-default-brand-hover-bg:            transparent !default;
-
-// Navbar toggle
-$navbar-default-toggle-hover-bg:           #ddd !default;
-$navbar-default-toggle-icon-bar-bg:        #888 !default;
-$navbar-default-toggle-border-color:       #ddd !default;
-
-
-// Inverted navbar
-// Reset inverted navbar basics
-$navbar-inverse-color:                      $gray-light !default;
-$navbar-inverse-bg:                         #222 !default;
-$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;
-
-// Inverted navbar links
-$navbar-inverse-link-color:                 $gray-light !default;
-$navbar-inverse-link-hover-color:           #fff !default;
-$navbar-inverse-link-hover-bg:              transparent !default;
-$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;
-$navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           transparent !default;
-
-// Inverted navbar brand label
-$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-color:          #fff !default;
-$navbar-inverse-brand-hover-bg:             transparent !default;
-
-// Inverted navbar toggle
-$navbar-inverse-toggle-hover-bg:            #333 !default;
-$navbar-inverse-toggle-icon-bar-bg:         #fff !default;
-$navbar-inverse-toggle-border-color:        #333 !default;
-
-
-//== Navs
-//
-//##
-
-//=== Shared nav styles
-$nav-link-padding:                          10px 15px !default;
-$nav-link-hover-bg:                         $gray-lighter !default;
-
-$nav-disabled-link-color:                   $gray-light !default;
-$nav-disabled-link-hover-color:             $gray-light !default;
-
-$nav-open-link-hover-color:                 #fff !default;
-
-//== Tabs
-$nav-tabs-border-color:                     #ddd !default;
-
-$nav-tabs-link-hover-border-color:          $gray-lighter !default;
-
-$nav-tabs-active-link-hover-bg:             $body-bg !default;
-$nav-tabs-active-link-hover-color:          $gray !default;
-$nav-tabs-active-link-hover-border-color:   #ddd !default;
-
-$nav-tabs-justified-link-border-color:            #ddd !default;
-$nav-tabs-justified-active-link-border-color:     $body-bg !default;
-
-//== Pills
-$nav-pills-border-radius:                   $border-radius-base !default;
-$nav-pills-active-link-hover-bg:            $component-active-bg !default;
-$nav-pills-active-link-hover-color:         $component-active-color !default;
-
-
-//== Pagination
-//
-//##
-
-$pagination-color:                     $link-color !default;
-$pagination-bg:                        #fff !default;
-$pagination-border:                    #ddd !default;
-
-$pagination-hover-color:               $link-hover-color !default;
-$pagination-hover-bg:                  $gray-lighter !default;
-$pagination-hover-border:              #ddd !default;
-
-$pagination-active-color:              #fff !default;
-$pagination-active-bg:                 $brand-primary !default;
-$pagination-active-border:             $brand-primary !default;
-
-$pagination-disabled-color:            $gray-light !default;
-$pagination-disabled-bg:               #fff !default;
-$pagination-disabled-border:           #ddd !default;
-
-
-//== Pager
-//
-//##
-
-$pager-bg:                             $pagination-bg !default;
-$pager-border:                         $pagination-border !default;
-$pager-border-radius:                  15px !default;
-
-$pager-hover-bg:                       $pagination-hover-bg !default;
-
-$pager-active-bg:                      $pagination-active-bg !default;
-$pager-active-color:                   $pagination-active-color !default;
-
-$pager-disabled-color:                 $pagination-disabled-color !default;
-
-
-//== Jumbotron
-//
-//##
-
-$jumbotron-padding:              30px !default;
-$jumbotron-color:                inherit !default;
-$jumbotron-bg:                   $gray-lighter !default;
-$jumbotron-heading-color:        inherit !default;
-$jumbotron-font-size:            ceil(($font-size-base * 1.5)) !default;
-
-
-//== Form states and alerts
-//
-//## Define colors for form feedback states and, by default, alerts.
-
-$state-success-text:             #3c763d !default;
-$state-success-bg:               #dff0d8 !default;
-$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;
-
-$state-info-text:                #31708f !default;
-$state-info-bg:                  #d9edf7 !default;
-$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;
-
-$state-warning-text:             #8a6d3b !default;
-$state-warning-bg:               #fcf8e3 !default;
-$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;
-
-$state-danger-text:              #a94442 !default;
-$state-danger-bg:                #f2dede !default;
-$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;
-
-
-//== Tooltips
-//
-//##
-
-//** Tooltip max width
-$tooltip-max-width:           200px !default;
-//** Tooltip text color
-$tooltip-color:               #fff !default;
-//** Tooltip background color
-$tooltip-bg:                  #000 !default;
-$tooltip-opacity:             .9 !default;
-
-//** Tooltip arrow width
-$tooltip-arrow-width:         5px !default;
-//** Tooltip arrow color
-$tooltip-arrow-color:         $tooltip-bg !default;
-
-
-//== Popovers
-//
-//##
-
-//** Popover body background color
-$popover-bg:                          #fff !default;
-//** Popover maximum width
-$popover-max-width:                   276px !default;
-//** Popover border color
-$popover-border-color:                rgba(0,0,0,.2) !default;
-//** Popover fallback border color
-$popover-fallback-border-color:       #ccc !default;
-
-//** Popover title background color
-$popover-title-bg:                    darken($popover-bg, 3%) !default;
-
-//** Popover arrow width
-$popover-arrow-width:                 10px !default;
-//** Popover arrow color
-$popover-arrow-color:                 #fff !default;
-
-//** Popover outer arrow width
-$popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
-//** Popover outer arrow color
-$popover-arrow-outer-color:           rgba($popover-border-color, 0.05) !default;
-//** Popover outer arrow fallback color
-$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;
-
-
-//== Labels
-//
-//##
-
-//** Default label background color
-$label-default-bg:            $gray-light !default;
-//** Primary label background color
-$label-primary-bg:            $brand-primary !default;
-//** Success label background color
-$label-success-bg:            $brand-success !default;
-//** Info label background color
-$label-info-bg:               $brand-info !default;
-//** Warning label background color
-$label-warning-bg:            $brand-warning !default;
-//** Danger label background color
-$label-danger-bg:             $brand-danger !default;
-
-//** Default label text color
-$label-color:                 #fff !default;
-//** Default text color of a linked label
-$label-link-hover-color:      #fff !default;
-
-
-//== Modals
-//
-//##
-
-//** Padding applied to the modal body
-$modal-inner-padding:         15px !default;
-
-//** Padding applied to the modal title
-$modal-title-padding:         15px !default;
-//** Modal title line-height
-$modal-title-line-height:     $line-height-base !default;
-
-//** Background color of modal content area
-$modal-content-bg:                             #fff !default;
-//** Modal content border color
-$modal-content-border-color:                   rgba(0,0,0,.2) !default;
-//** Modal content border color **for IE8**
-$modal-content-fallback-border-color:          #999 !default;
-
-//** Modal backdrop background color
-$modal-backdrop-bg:           #000 !default;
-//** Modal backdrop opacity
-$modal-backdrop-opacity:      .5 !default;
-//** Modal header border color
-$modal-header-border-color:   #e5e5e5 !default;
-//** Modal footer border color
-$modal-footer-border-color:   $modal-header-border-color !default;
-
-$modal-lg:                    900px !default;
-$modal-md:                    600px !default;
-$modal-sm:                    300px !default;
-
-
-//== Alerts
-//
-//## Define alert colors, border radius, and padding.
-
-$alert-padding:               15px !default;
-$alert-border-radius:         $border-radius-base !default;
-$alert-link-font-weight:      bold !default;
-
-$alert-success-bg:            $state-success-bg !default;
-$alert-success-text:          $state-success-text !default;
-$alert-success-border:        $state-success-border !default;
-
-$alert-info-bg:               $state-info-bg !default;
-$alert-info-text:             $state-info-text !default;
-$alert-info-border:           $state-info-border !default;
-
-$alert-warning-bg:            $state-warning-bg !default;
-$alert-warning-text:          $state-warning-text !default;
-$alert-warning-border:        $state-warning-border !default;
-
-$alert-danger-bg:             $state-danger-bg !default;
-$alert-danger-text:           $state-danger-text !default;
-$alert-danger-border:         $state-danger-border !default;
-
-
-//== Progress bars
-//
-//##
-
-//** Background color of the whole progress component
-$progress-bg:                 #f5f5f5 !default;
-//** Progress bar text color
-$progress-bar-color:          #fff !default;
-
-//** Default progress bar color
-$progress-bar-bg:             $brand-primary !default;
-//** Success progress bar color
-$progress-bar-success-bg:     $brand-success !default;
-//** Warning progress bar color
-$progress-bar-warning-bg:     $brand-warning !default;
-//** Danger progress bar color
-$progress-bar-danger-bg:      $brand-danger !default;
-//** Info progress bar color
-$progress-bar-info-bg:        $brand-info !default;
-
-
-//== List group
-//
-//##
-
-//** Background color on `.list-group-item`
-$list-group-bg:                 #fff !default;
-//** `.list-group-item` border color
-$list-group-border:             #ddd !default;
-//** List group border radius
-$list-group-border-radius:      $border-radius-base !default;
-
-//** Background color of single list items on hover
-$list-group-hover-bg:           #f5f5f5 !default;
-//** Text color of active list items
-$list-group-active-color:       $component-active-color !default;
-//** Background color of active list items
-$list-group-active-bg:          $component-active-bg !default;
-//** Border color of active list elements
-$list-group-active-border:      $list-group-active-bg !default;
-//** Text color for content within active list items
-$list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;
-
-//** Text color of disabled list items
-$list-group-disabled-color:      $gray-light !default;
-//** Background color of disabled list items
-$list-group-disabled-bg:         $gray-lighter !default;
-//** Text color for content within disabled list items
-$list-group-disabled-text-color: $list-group-disabled-color !default;
-
-$list-group-link-color:         #555 !default;
-$list-group-link-hover-color:   $list-group-link-color !default;
-$list-group-link-heading-color: #333 !default;
-
-
-//== Panels
-//
-//##
-
-$panel-bg:                    #fff !default;
-$panel-body-padding:          15px !default;
-$panel-heading-padding:       10px 15px !default;
-$panel-footer-padding:        $panel-heading-padding !default;
-$panel-border-radius:         $border-radius-base !default;
-
-//** Border color for elements within panels
-$panel-inner-border:          #ddd !default;
-$panel-footer-bg:             #f5f5f5 !default;
-
-$panel-default-text:          $gray-dark !default;
-$panel-default-border:        #ddd !default;
-$panel-default-heading-bg:    #f5f5f5 !default;
-
-$panel-primary-text:          #fff !default;
-$panel-primary-border:        $brand-primary !default;
-$panel-primary-heading-bg:    $brand-primary !default;
-
-$panel-success-text:          $state-success-text !default;
-$panel-success-border:        $state-success-border !default;
-$panel-success-heading-bg:    $state-success-bg !default;
-
-$panel-info-text:             $state-info-text !default;
-$panel-info-border:           $state-info-border !default;
-$panel-info-heading-bg:       $state-info-bg !default;
-
-$panel-warning-text:          $state-warning-text !default;
-$panel-warning-border:        $state-warning-border !default;
-$panel-warning-heading-bg:    $state-warning-bg !default;
-
-$panel-danger-text:           $state-danger-text !default;
-$panel-danger-border:         $state-danger-border !default;
-$panel-danger-heading-bg:     $state-danger-bg !default;
-
-
-//== Thumbnails
-//
-//##
-
-//** Padding around the thumbnail image
-$thumbnail-padding:           4px !default;
-//** Thumbnail background color
-$thumbnail-bg:                $body-bg !default;
-//** Thumbnail border color
-$thumbnail-border:            #ddd !default;
-//** Thumbnail border radius
-$thumbnail-border-radius:     $border-radius-base !default;
-
-//** Custom text color for thumbnail captions
-$thumbnail-caption-color:     $text-color !default;
-//** Padding around the thumbnail caption
-$thumbnail-caption-padding:   9px !default;
-
-
-//== Wells
-//
-//##
-
-$well-bg:                     #f5f5f5 !default;
-$well-border:                 darken($well-bg, 7%) !default;
-
-
-//== Badges
-//
-//##
-
-$badge-color:                 #fff !default;
-//** Linked badge text color on hover
-$badge-link-hover-color:      #fff !default;
-$badge-bg:                    $gray-light !default;
-
-//** Badge text color in active nav link
-$badge-active-color:          $link-color !default;
-//** Badge background color in active nav link
-$badge-active-bg:             #fff !default;
-
-$badge-font-weight:           bold !default;
-$badge-line-height:           1 !default;
-$badge-border-radius:         10px !default;
-
-
-//== Breadcrumbs
-//
-//##
-
-$breadcrumb-padding-vertical:   8px !default;
-$breadcrumb-padding-horizontal: 15px !default;
-//** Breadcrumb background color
-$breadcrumb-bg:                 #f5f5f5 !default;
-//** Breadcrumb text color
-$breadcrumb-color:              #ccc !default;
-//** Text color of current page in the breadcrumb
-$breadcrumb-active-color:       $gray-light !default;
-//** Textual separator for between breadcrumb elements
-$breadcrumb-separator:          "/" !default;
-
-
-//== Carousel
-//
-//##
-
-$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
-
-$carousel-control-color:                      #fff !default;
-$carousel-control-width:                      15% !default;
-$carousel-control-opacity:                    .5 !default;
-$carousel-control-font-size:                  20px !default;
-
-$carousel-indicator-active-bg:                #fff !default;
-$carousel-indicator-border-color:             #fff !default;
-
-$carousel-caption-color:                      #fff !default;
-
-
-//== Close
-//
-//##
-
-$close-font-weight:           bold !default;
-$close-color:                 #000 !default;
-$close-text-shadow:           0 1px 0 #fff !default;
-
-
-//== Code
-//
-//##
-
-$code-color:                  #c7254e !default;
-$code-bg:                     #f9f2f4 !default;
-
-$kbd-color:                   #fff !default;
-$kbd-bg:                      #333 !default;
-
-$pre-bg:                      #f5f5f5 !default;
-$pre-color:                   $gray-dark !default;
-$pre-border-color:            #ccc !default;
-$pre-scrollable-max-height:   340px !default;
-
-
-//== Type
-//
-//##
-
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-
-
-//== Miscellaneous
-//
-//##
-
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
diff --git a/_sass/p2pu-css-framework/bootstrap/_wells.scss b/_sass/p2pu-css-framework/bootstrap/_wells.scss
deleted file mode 100644
index b8657118a..000000000
--- a/_sass/p2pu-css-framework/bootstrap/_wells.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-//
-// Wells
-// --------------------------------------------------
-
-
-// Base class
-.well {
-  min-height: 20px;
-  padding: 19px;
-  margin-bottom: 20px;
-  background-color: $well-bg;
-  border: 1px solid $well-border;
-  border-radius: $border-radius-base;
-  @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
-  blockquote {
-    border-color: #ddd;
-    border-color: rgba(0,0,0,.15);
-  }
-}
-
-// Sizes
-.well-lg {
-  padding: 24px;
-  border-radius: $border-radius-large;
-}
-.well-sm {
-  padding: 9px;
-  border-radius: $border-radius-small;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/bootstrap.scss b/_sass/p2pu-css-framework/bootstrap/bootstrap.scss
deleted file mode 100644
index 4d6f8aacf..000000000
--- a/_sass/p2pu-css-framework/bootstrap/bootstrap.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-// Core variables and mixins
-@import "variables";
-@import "mixins";
-
-// Reset and dependencies
-@import "normalize";
-@import "print";
-@import "glyphicons";
-
-// Core CSS
-@import "scaffolding";
-@import "type";
-@import "code";
-@import "grid";
-@import "tables";
-@import "forms";
-@import "buttons";
-
-// Components
-@import "component-animations";
-@import "dropdowns";
-@import "button-groups";
-@import "input-groups";
-@import "navs";
-@import "navbar";
-@import "breadcrumbs";
-@import "pagination";
-@import "pager";
-@import "labels";
-@import "badges";
-@import "jumbotron";
-@import "thumbnails";
-@import "alerts";
-@import "progress-bars";
-@import "media";
-@import "list-group";
-@import "panels";
-@import "responsive-embed";
-@import "wells";
-@import "close";
-
-// Components w/ JavaScript
-@import "modals";
-@import "tooltip";
-@import "popovers";
-@import "carousel";
-
-// Utility classes
-@import "utilities";
-@import "responsive-utilities";
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_alerts.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_alerts.scss
deleted file mode 100644
index 3faf0b5a5..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_alerts.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// Alerts
-
-@mixin alert-variant($background, $border, $text-color) {
-  background-color: $background;
-  border-color: $border;
-  color: $text-color;
-
-  hr {
-    border-top-color: darken($border, 5%);
-  }
-  .alert-link {
-    color: darken($text-color, 10%);
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_background-variant.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_background-variant.scss
deleted file mode 100644
index 4993bd2b8..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_background-variant.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// Contextual backgrounds
-
-// [converter] $parent hack
-@mixin bg-variant($parent, $color) {
-  #{$parent} {
-    background-color: $color;
-  }
-  a#{$parent}:hover {
-    background-color: darken($color, 10%);
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_border-radius.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_border-radius.scss
deleted file mode 100644
index ce1949987..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_border-radius.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// Single side border-radius
-
-@mixin border-top-radius($radius) {
-  border-top-right-radius: $radius;
-   border-top-left-radius: $radius;
-}
-@mixin border-right-radius($radius) {
-  border-bottom-right-radius: $radius;
-     border-top-right-radius: $radius;
-}
-@mixin border-bottom-radius($radius) {
-  border-bottom-right-radius: $radius;
-   border-bottom-left-radius: $radius;
-}
-@mixin border-left-radius($radius) {
-  border-bottom-left-radius: $radius;
-     border-top-left-radius: $radius;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_buttons.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_buttons.scss
deleted file mode 100644
index 58ad13e50..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_buttons.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-@mixin button-variant($color, $background, $border) {
-  color: $color;
-  background-color: $background;
-  border-color: $border;
-
-  &:hover,
-  &:focus,
-  &:active,
-  &.active,
-  .open > &.dropdown-toggle {
-    color: $color;
-    background-color: darken($background, 10%);
-        border-color: darken($border, 12%);
-  }
-  &:active,
-  &.active,
-  .open > &.dropdown-toggle {
-    background-image: none;
-  }
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    &,
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      background-color: $background;
-          border-color: $border;
-    }
-  }
-
-  .badge {
-    color: $background;
-    background-color: $color;
-  }
-}
-
-// Button sizes
-@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
-  padding: $padding-vertical $padding-horizontal;
-  font-size: $font-size;
-  line-height: $line-height;
-  border-radius: $border-radius;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_center-block.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_center-block.scss
deleted file mode 100644
index e06fb5e27..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_center-block.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Center-align a block level element
-
-@mixin center-block() {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_clearfix.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_clearfix.scss
deleted file mode 100644
index dc3e2ab42..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_clearfix.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Clearfix
-//
-// For modern browsers
-// 1. The space content is one way to avoid an Opera bug when the
-//    contenteditable attribute is included anywhere else in the document.
-//    Otherwise it causes space to appear at the top and bottom of elements
-//    that are clearfixed.
-// 2. The use of `table` rather than `block` is only necessary if using
-//    `:before` to contain the top-margins of child elements.
-//
-// Source: http://nicolasgallagher.com/micro-clearfix-hack/
-
-@mixin clearfix() {
-  &:before,
-  &:after {
-    content: " "; // 1
-    display: table; // 2
-  }
-  &:after {
-    clear: both;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_forms.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_forms.scss
deleted file mode 100644
index ff72f0efc..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_forms.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-// Form validation states
-//
-// Used in forms.less to generate the form validation CSS for warnings, errors,
-// and successes.
-
-@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
-  // Color the label and help text
-  .help-block,
-  .control-label,
-  .radio,
-  .checkbox,
-  .radio-inline,
-  .checkbox-inline  {
-    color: $text-color;
-  }
-  // Set the border and box shadow on specific inputs to match
-  .form-control {
-    border-color: $border-color;
-    @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
-    &:focus {
-      border-color: darken($border-color, 10%);
-      $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
-      @include box-shadow($shadow);
-    }
-  }
-  // Set validation states also for addons
-  .input-group-addon {
-    color: $text-color;
-    border-color: $border-color;
-    background-color: $background-color;
-  }
-  // Optional feedback icon
-  .form-control-feedback {
-    color: $text-color;
-  }
-}
-
-
-// Form control focus state
-//
-// Generate a customized focus state and for any input with the specified color,
-// which defaults to the `$input-border-focus` variable.
-//
-// We highly encourage you to not customize the default value, but instead use
-// this to tweak colors on an as-needed basis. This aesthetic change is based on
-// WebKit's default styles, but applicable to a wider range of browsers. Its
-// usability and accessibility should be taken into account with any change.
-//
-// Example usage: change the default blue border and shadow to white for better
-// contrast against a dark gray background.
-@mixin form-control-focus($color: $input-border-focus) {
-  $color-rgba: rgba(red($color), green($color), blue($color), .6);
-  &:focus {
-    border-color: $color;
-    outline: 0;
-    @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
-  }
-}
-
-// Form control sizing
-//
-// Relative text size, padding, and border-radii changes for form controls. For
-// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
-// element gets special love because it's special, and that's a fact!
-// [converter] $parent hack
-@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
-  #{$parent} {
-    height: $input-height;
-    padding: $padding-vertical $padding-horizontal;
-    font-size: $font-size;
-    line-height: $line-height;
-    border-radius: $border-radius;
-  }
-
-  select#{$parent} {
-    height: $input-height;
-    line-height: $input-height;
-  }
-
-  textarea#{$parent},
-  select[multiple]#{$parent} {
-    height: auto;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_gradients.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_gradients.scss
deleted file mode 100644
index 743a003a2..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_gradients.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-// Gradients
-
-
-
-// Horizontal gradient, from left to right
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-// Color stops are not available in IE9 and below.
-@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
-  background-image: -webkit-linear-gradient(left, color-stop($start-color $start-percent), color-stop($end-color $end-percent)); // Safari 5.1-6, Chrome 10+
-  background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
-  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
-}
-
-// Vertical gradient, from top to bottom
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-// Color stops are not available in IE9 and below.
-@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
-  background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent);  // Safari 5.1-6, Chrome 10+
-  background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent);  // Opera 12
-  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
-}
-
-@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
-  background-repeat: repeat-x;
-  background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
-  background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
-  background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-}
-@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
-  background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
-  background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
-  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
-  background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
-}
-@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
-  background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
-  background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
-  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
-  background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
-}
-@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
-  background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
-  background-image: radial-gradient(circle, $inner-color, $outer-color);
-  background-repeat: no-repeat;
-}
-@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
-  background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-  background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_grid-framework.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_grid-framework.scss
deleted file mode 100644
index 9db502cc6..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_grid-framework.scss
+++ /dev/null
@@ -1,87 +0,0 @@
-// Framework grid generation
-//
-// Used only by Bootstrap to generate the correct number of grid classes given
-// any value of `$grid-columns`.
-
-// [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin make-grid-columns() {
-  $list: '';
-  $i: 1;
-  $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
-  @for $i from (1 + 1) through $grid-columns {
-    $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
-  }
-  #{$list} {
-    position: relative;
-    // Prevent columns from collapsing when empty
-    min-height: 1px;
-    // Inner gutter via padding
-    padding-left:  ($grid-gutter-width / 2);
-    padding-right: ($grid-gutter-width / 2);
-  }
-}
-
-
-// [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin float-grid-columns($class) {
-  $list: '';
-  $i: 1;
-  $list: ".col-#{$class}-#{$i}";
-  @for $i from (1 + 1) through $grid-columns {
-    $list: "#{$list}, .col-#{$class}-#{$i}";
-  }
-  #{$list} {
-    float: left;
-  }
-}
-
-
-@mixin calc-grid-column($index, $class, $type) {
-  @if ($type == width) and ($index > 0) {
-    .col-#{$class}-#{$index} {
-      width: percentage(($index / $grid-columns));
-    }
-  }
-  @if ($type == push) and ($index > 0) {
-    .col-#{$class}-push-#{$index} {
-      left: percentage(($index / $grid-columns));
-    }
-  }
-  @if ($type == push) and ($index == 0) {
-    .col-#{$class}-push-0 {
-      left: auto;
-    }
-  }
-  @if ($type == pull) and ($index > 0) {
-    .col-#{$class}-pull-#{$index} {
-      right: percentage(($index / $grid-columns));
-    }
-  }
-  @if ($type == pull) and ($index == 0) {
-    .col-#{$class}-pull-0 {
-      right: auto;
-    }
-  }
-  @if ($type == offset) {
-    .col-#{$class}-offset-#{$index} {
-      margin-left: percentage(($index / $grid-columns));
-    }
-  }
-}
-
-// [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin loop-grid-columns($columns, $class, $type) {
-  @for $i from 0 through $columns {
-    @include calc-grid-column($i, $class, $type);
-  }
-}
-
-
-// Create grid for specific class
-@mixin make-grid($class) {
-  @include float-grid-columns($class);
-  @include loop-grid-columns($grid-columns, $class, width);
-  @include loop-grid-columns($grid-columns, $class, pull);
-  @include loop-grid-columns($grid-columns, $class, push);
-  @include loop-grid-columns($grid-columns, $class, offset);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_grid.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_grid.scss
deleted file mode 100644
index c33337543..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_grid.scss
+++ /dev/null
@@ -1,122 +0,0 @@
-// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-// Centered container element
-@mixin container-fixed() {
-  margin-right: auto;
-  margin-left: auto;
-  padding-left:  ($grid-gutter-width / 2);
-  padding-right: ($grid-gutter-width / 2);
-  @include clearfix();
-}
-
-// Creates a wrapper for a series of columns
-@mixin make-row($gutter: $grid-gutter-width) {
-  margin-left:  ($gutter / -2);
-  margin-right: ($gutter / -2);
-  @include clearfix();
-}
-
-// Generate the extra small columns
-@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
-  position: relative;
-  float: left;
-  width: percentage(($columns / $grid-columns));
-  min-height: 1px;
-  padding-left:  ($gutter / 2);
-  padding-right: ($gutter / 2);
-}
-@mixin make-xs-column-offset($columns) {
-  margin-left: percentage(($columns / $grid-columns));
-}
-@mixin make-xs-column-push($columns) {
-  left: percentage(($columns / $grid-columns));
-}
-@mixin make-xs-column-pull($columns) {
-  right: percentage(($columns / $grid-columns));
-}
-
-// Generate the small columns
-@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-left:  ($gutter / 2);
-  padding-right: ($gutter / 2);
-
-  @media (min-width: $screen-sm-min) {
-    float: left;
-    width: percentage(($columns / $grid-columns));
-  }
-}
-@mixin make-sm-column-offset($columns) {
-  @media (min-width: $screen-sm-min) {
-    margin-left: percentage(($columns / $grid-columns));
-  }
-}
-@mixin make-sm-column-push($columns) {
-  @media (min-width: $screen-sm-min) {
-    left: percentage(($columns / $grid-columns));
-  }
-}
-@mixin make-sm-column-pull($columns) {
-  @media (min-width: $screen-sm-min) {
-    right: percentage(($columns / $grid-columns));
-  }
-}
-
-// Generate the medium columns
-@mixin make-md-column($columns, $gutter: $grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-left:  ($gutter / 2);
-  padding-right: ($gutter / 2);
-
-  @media (min-width: $screen-md-min) {
-    float: left;
-    width: percentage(($columns / $grid-columns));
-  }
-}
-@mixin make-md-column-offset($columns) {
-  @media (min-width: $screen-md-min) {
-    margin-left: percentage(($columns / $grid-columns));
-  }
-}
-@mixin make-md-column-push($columns) {
-  @media (min-width: $screen-md-min) {
-    left: percentage(($columns / $grid-columns));
-  }
-}
-@mixin make-md-column-pull($columns) {
-  @media (min-width: $screen-md-min) {
-    right: percentage(($columns / $grid-columns));
-  }
-}
-
-// Generate the large columns
-@mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-left:  ($gutter / 2);
-  padding-right: ($gutter / 2);
-
-  @media (min-width: $screen-lg-min) {
-    float: left;
-    width: percentage(($columns / $grid-columns));
-  }
-}
-@mixin make-lg-column-offset($columns) {
-  @media (min-width: $screen-lg-min) {
-    margin-left: percentage(($columns / $grid-columns));
-  }
-}
-@mixin make-lg-column-push($columns) {
-  @media (min-width: $screen-lg-min) {
-    left: percentage(($columns / $grid-columns));
-  }
-}
-@mixin make-lg-column-pull($columns) {
-  @media (min-width: $screen-lg-min) {
-    right: percentage(($columns / $grid-columns));
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_hide-text.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_hide-text.scss
deleted file mode 100644
index 5e0697218..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_hide-text.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// CSS image replacement
-//
-// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
-// mixins being reused as classes with the same name, this doesn't hold up. As
-// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
-//
-// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
-
-// Deprecated as of v3.0.1 (will be removed in v4)
-@mixin hide-text() {
-  font: #{0/0} a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
-// New mixin to use as of v3.0.1
-@mixin text-hide() {
-  @include hide-text();
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_image.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_image.scss
deleted file mode 100644
index c8dcf5e9c..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_image.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-// Image Mixins
-// - Responsive image
-// - Retina image
-
-
-// Responsive image
-//
-// Keep images from scaling beyond the width of their parents.
-@mixin img-responsive($display: block) {
-  display: $display;
-  max-width: 100%; // Part 1: Set a maximum relative to the parent
-  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
-}
-
-
-// Retina image
-//
-// Short retina mixin for setting background-image and -size. Note that the
-// spelling of `min--moz-device-pixel-ratio` is intentional.
-@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
-  background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
-
-  @media
-  only screen and (-webkit-min-device-pixel-ratio: 2),
-  only screen and (   min--moz-device-pixel-ratio: 2),
-  only screen and (     -o-min-device-pixel-ratio: 2/1),
-  only screen and (        min-device-pixel-ratio: 2),
-  only screen and (                min-resolution: 192dpi),
-  only screen and (                min-resolution: 2dppx) {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
-    background-size: $width-1x $height-1x;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_labels.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_labels.scss
deleted file mode 100644
index d99a65337..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_labels.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Labels
-
-@mixin label-variant($color) {
-  background-color: $color;
-  
-  &[href] {
-    &:hover,
-    &:focus {
-      background-color: darken($color, 10%);
-    }
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_list-group.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_list-group.scss
deleted file mode 100644
index 5f05e7ba2..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_list-group.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-// List Groups
-
-@mixin list-group-item-variant($state, $background, $color) {
-  .list-group-item-#{$state} {
-    color: $color;
-    background-color: $background;
-
-    // [converter] extracted a& to a.list-group-item-#{$state}
-  }
-
-  a.list-group-item-#{$state} {
-    color: $color;
-
-    .list-group-item-heading {
-      color: inherit;
-    }
-
-    &:hover,
-    &:focus {
-      color: $color;
-      background-color: darken($background, 5%);
-    }
-    &.active,
-    &.active:hover,
-    &.active:focus {
-      color: #fff;
-      background-color: $color;
-      border-color: $color;
-    }
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_nav-divider.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_nav-divider.scss
deleted file mode 100644
index 2e6da02a4..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_nav-divider.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Horizontal dividers
-//
-// Dividers (basically an hr) within dropdowns and nav lists
-
-@mixin nav-divider($color: #e5e5e5) {
-  height: 1px;
-  margin: (($line-height-computed / 2) - 1) 0;
-  overflow: hidden;
-  background-color: $color;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_nav-vertical-align.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_nav-vertical-align.scss
deleted file mode 100644
index c8fbf1a7d..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_nav-vertical-align.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Navbar vertical align
-//
-// Vertically center elements in the navbar.
-// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
-
-@mixin navbar-vertical-align($element-height) {
-  margin-top: (($navbar-height - $element-height) / 2);
-  margin-bottom: (($navbar-height - $element-height) / 2);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_opacity.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_opacity.scss
deleted file mode 100644
index df088adfe..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_opacity.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Opacity
-
-@mixin opacity($opacity) {
-  opacity: $opacity;
-  // IE8 filter
-  $opacity-ie: ($opacity * 100);
-  filter: #{alpha(opacity=$opacity-ie)};
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_pagination.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_pagination.scss
deleted file mode 100644
index 43fff6863..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_pagination.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-// Pagination
-
-@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) {
-  > li {
-    > a,
-    > span {
-      padding: $padding-vertical $padding-horizontal;
-      font-size: $font-size;
-    }
-    &:first-child {
-      > a,
-      > span {
-        @include border-left-radius($border-radius);
-      }
-    }
-    &:last-child {
-      > a,
-      > span {
-        @include border-right-radius($border-radius);
-      }
-    }
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_panels.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_panels.scss
deleted file mode 100644
index 361aafb82..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_panels.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// Panels
-
-@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
-  border-color: $border;
-
-  & > .panel-heading {
-    color: $heading-text-color;
-    background-color: $heading-bg-color;
-    border-color: $heading-border;
-
-    + .panel-collapse > .panel-body {
-      border-top-color: $border;
-    }
-  }
-  & > .panel-footer {
-    + .panel-collapse > .panel-body {
-      border-bottom-color: $border;
-    }
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_progress-bar.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_progress-bar.scss
deleted file mode 100644
index 4303d702a..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_progress-bar.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Progress bars
-
-@mixin progress-bar-variant($color) {
-  background-color: $color;
-  .progress-striped & {
-    @include gradient-striped();
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_reset-filter.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_reset-filter.scss
deleted file mode 100644
index bf7305120..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_reset-filter.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Reset filters for IE
-//
-// When you need to remove a gradient background, do not forget to use this to reset
-// the IE filter for IE9 and below.
-
-@mixin reset-filter() {
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_responsive-visibility.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_responsive-visibility.scss
deleted file mode 100644
index 9867db013..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_responsive-visibility.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// Responsive utilities
-
-//
-// More easily include all the states for responsive-utilities.less.
-// [converter] $parent hack
-@mixin responsive-visibility($parent) {
-  #{$parent} {
-    display: block !important;
-  }
-  table#{$parent}  { display: table; }
-  tr#{$parent}     { display: table-row !important; }
-  th#{$parent},
-  td#{$parent}     { display: table-cell !important; }
-}
-
-// [converter] $parent hack
-@mixin responsive-invisibility($parent) {
-  #{$parent} {
-    display: none !important;
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_size.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_size.scss
deleted file mode 100644
index abbe2463c..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_size.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Sizing shortcuts
-
-@mixin size($width, $height) {
-  width: $width;
-  height: $height;
-}
-
-@mixin square($size) {
-  @include size($size, $size);
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_tab-focus.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_tab-focus.scss
deleted file mode 100644
index 7df0ae7ca..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_tab-focus.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// WebKit-style focus
-
-@mixin tab-focus() {
-  // Default
-  outline: thin dotted;
-  // WebKit
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_table-row.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_table-row.scss
deleted file mode 100644
index 136795081..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_table-row.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-// Tables
-
-@mixin table-row-variant($state, $background) {
-  // Exact selectors below required to override `.table-striped` and prevent
-  // inheritance to nested tables.
-  .table > thead > tr,
-  .table > tbody > tr,
-  .table > tfoot > tr {
-    > td.#{$state},
-    > th.#{$state},
-    &.#{$state} > td,
-    &.#{$state} > th {
-      background-color: $background;
-    }
-  }
-
-  // Hover states for `.table-hover`
-  // Note: this is not available for cells or rows within `thead` or `tfoot`.
-  .table-hover > tbody > tr {
-    > td.#{$state}:hover,
-    > th.#{$state}:hover,
-    &.#{$state}:hover > td,
-    &:hover > .#{$state},
-    &.#{$state}:hover > th {
-      background-color: darken($background, 5%);
-    }
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_text-emphasis.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_text-emphasis.scss
deleted file mode 100644
index 1101e0366..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_text-emphasis.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// Typography
-
-// [converter] $parent hack
-@mixin text-emphasis-variant($parent, $color) {
-  #{$parent} {
-    color: $color;
-  }
-  a#{$parent}:hover {
-    color: darken($color, 10%);
-  }
-}
diff --git a/_sass/p2pu-css-framework/bootstrap/mixins/_vendor-prefixes.scss b/_sass/p2pu-css-framework/bootstrap/mixins/_vendor-prefixes.scss
deleted file mode 100644
index 9f0408b3b..000000000
--- a/_sass/p2pu-css-framework/bootstrap/mixins/_vendor-prefixes.scss
+++ /dev/null
@@ -1,224 +0,0 @@
-// Vendor Prefixes
-//
-// All vendor mixins are deprecated as of v3.2 due to the introduction of
-// Autoprefixer in our Gruntfile. They will be removed in v4.
-
-// - Animations
-// - Backface visibility
-// - Box shadow
-// - Box sizing
-// - Content columns
-// - Hyphens
-// - Placeholder text
-// - Transformations
-// - Transitions
-// - User Select
-
-
-// Animations
-@mixin animation($animation) {
-  -webkit-animation: $animation;
-       -o-animation: $animation;
-          animation: $animation;
-}
-@mixin animation-name($name) {
-  -webkit-animation-name: $name;
-          animation-name: $name;
-}
-@mixin animation-duration($duration) {
-  -webkit-animation-duration: $duration;
-          animation-duration: $duration;
-}
-@mixin animation-timing-function($timing-function) {
-  -webkit-animation-timing-function: $timing-function;
-          animation-timing-function: $timing-function;
-}
-@mixin animation-delay($delay) {
-  -webkit-animation-delay: $delay;
-          animation-delay: $delay;
-}
-@mixin animation-iteration-count($iteration-count) {
-  -webkit-animation-iteration-count: $iteration-count;
-          animation-iteration-count: $iteration-count;
-}
-@mixin animation-direction($direction) {
-  -webkit-animation-direction: $direction;
-          animation-direction: $direction;
-}
-@mixin animation-fill-mode($fill-mode) {
-  -webkit-animation-fill-mode: $fill-mode;
-          animation-fill-mode: $fill-mode;
-}
-
-// Backface visibility
-// Prevent browsers from flickering when using CSS 3D transforms.
-// Default value is `visible`, but can be changed to `hidden`
-
-@mixin backface-visibility($visibility){
-  -webkit-backface-visibility: $visibility;
-     -moz-backface-visibility: $visibility;
-          backface-visibility: $visibility;
-}
-
-// Drop shadows
-//
-// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
-// supported browsers that have box shadow capabilities now support it.
-
-@mixin box-shadow($shadow...) {
-  -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
-          box-shadow: $shadow;
-}
-
-// Box sizing
-@mixin box-sizing($boxmodel) {
-  -webkit-box-sizing: $boxmodel;
-     -moz-box-sizing: $boxmodel;
-          box-sizing: $boxmodel;
-}
-
-// CSS3 Content Columns
-@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
-  -webkit-column-count: $column-count;
-     -moz-column-count: $column-count;
-          column-count: $column-count;
-  -webkit-column-gap: $column-gap;
-     -moz-column-gap: $column-gap;
-          column-gap: $column-gap;
-}
-
-// Optional hyphenation
-@mixin hyphens($mode: auto) {
-  word-wrap: break-word;
-  -webkit-hyphens: $mode;
-     -moz-hyphens: $mode;
-      -ms-hyphens: $mode; // IE10+
-       -o-hyphens: $mode;
-          hyphens: $mode;
-}
-
-// Placeholder text
-@mixin placeholder($color: $input-color-placeholder) {
-  &::-moz-placeholder           { color: $color;   // Firefox
-                                  opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
-  &:-ms-input-placeholder       { color: $color; } // Internet Explorer 10+
-  &::-webkit-input-placeholder  { color: $color; } // Safari and Chrome
-}
-
-// Transformations
-@mixin scale($ratio...) {
-  -webkit-transform: scale($ratio);
-      -ms-transform: scale($ratio); // IE9 only
-       -o-transform: scale($ratio);
-          transform: scale($ratio);
-}
-@mixin scale($ratioX, $ratioY...) {
-  -webkit-transform: scale($ratioX, $ratioY);
-      -ms-transform: scale($ratioX, $ratioY); // IE9 only
-       -o-transform: scale($ratioX, $ratioY);
-          transform: scale($ratioX, $ratioY);
-}
-@mixin scaleX($ratio) {
-  -webkit-transform: scaleX($ratio);
-      -ms-transform: scaleX($ratio); // IE9 only
-       -o-transform: scaleX($ratio);
-          transform: scaleX($ratio);
-}
-@mixin scaleY($ratio) {
-  -webkit-transform: scaleY($ratio);
-      -ms-transform: scaleY($ratio); // IE9 only
-       -o-transform: scaleY($ratio);
-          transform: scaleY($ratio);
-}
-@mixin skew($x, $y) {
-  -webkit-transform: skew($x, $y);
-      -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-       -o-transform: skew($x, $y);
-          transform: skew($x, $y);
-}
-@mixin translate($x, $y) {
-  -webkit-transform: translate($x, $y);
-      -ms-transform: translate($x, $y); // IE9 only
-       -o-transform: translate($x, $y);
-          transform: translate($x, $y);
-}
-@mixin translate3d($x, $y, $z) {
-  -webkit-transform: translate3d($x, $y, $z);
-          transform: translate3d($x, $y, $z);
-}
-@mixin rotate($degrees) {
-  -webkit-transform: rotate($degrees);
-      -ms-transform: rotate($degrees); // IE9 only
-       -o-transform: rotate($degrees);
-          transform: rotate($degrees);
-}
-@mixin rotateX($degrees) {
-  -webkit-transform: rotateX($degrees);
-      -ms-transform: rotateX($degrees); // IE9 only
-       -o-transform: rotateX($degrees);
-          transform: rotateX($degrees);
-}
-@mixin rotateY($degrees) {
-  -webkit-transform: rotateY($degrees);
-      -ms-transform: rotateY($degrees); // IE9 only
-       -o-transform: rotateY($degrees);
-          transform: rotateY($degrees);
-}
-@mixin perspective($perspective) {
-  -webkit-perspective: $perspective;
-     -moz-perspective: $perspective;
-          perspective: $perspective;
-}
-@mixin perspective-origin($perspective) {
-  -webkit-perspective-origin: $perspective;
-     -moz-perspective-origin: $perspective;
-          perspective-origin: $perspective;
-}
-@mixin transform-origin($origin) {
-  -webkit-transform-origin: $origin;
-     -moz-transform-origin: $origin;
-      -ms-transform-origin: $origin; // IE9 only
-          transform-origin: $origin;
-}
-
-
-// Transitions
-
-@mixin transition($transition...) {
-  -webkit-transition: $transition;
-       -o-transition: $transition;
-          transition: $transition;
-}
-@mixin transition-property($transition-property...) {
-  -webkit-transition-property: $transition-property;
-          transition-property: $transition-property;
-}
-@mixin transition-delay($transition-delay) {
-  -webkit-transition-delay: $transition-delay;
-          transition-delay: $transition-delay;
-}
-@mixin transition-duration($transition-duration...) {
-  -webkit-transition-duration: $transition-duration;
-          transition-duration: $transition-duration;
-}
-@mixin transition-timing-function($timing-function) {
-  -webkit-transition-timing-function: $timing-function;
-          transition-timing-function: $timing-function;
-}
-@mixin transition-transform($transition...) {
-  -webkit-transition: -webkit-transform $transition;
-     -moz-transition: -moz-transform $transition;
-       -o-transition: -o-transform $transition;
-          transition: transform $transition;
-}
-
-
-// User select
-// For selecting text on the page
-
-@mixin user-select($select) {
-  -webkit-user-select: $select;
-     -moz-user-select: $select;
-      -ms-user-select: $select; // IE10+
-          user-select: $select;
-}
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_bordered-pulled.scss b/_sass/p2pu-css-framework/fontawesome/scss/_bordered-pulled.scss
deleted file mode 100644
index 9d3fdf3a0..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_bordered-pulled.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// Bordered & Pulled
-// -------------------------
-
-.#{$fa-css-prefix}-border {
-  padding: .2em .25em .15em;
-  border: solid .08em $fa-border-color;
-  border-radius: .1em;
-}
-
-.pull-right { float: right; }
-.pull-left { float: left; }
-
-.#{$fa-css-prefix} {
-  &.pull-left { margin-right: .3em; }
-  &.pull-right { margin-left: .3em; }
-}
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_core.scss b/_sass/p2pu-css-framework/fontawesome/scss/_core.scss
deleted file mode 100644
index 861ccd9dc..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_core.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Base Class Definition
-// -------------------------
-
-.#{$fa-css-prefix} {
-  display: inline-block;
-  font-family: FontAwesome;
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_fixed-width.scss b/_sass/p2pu-css-framework/fontawesome/scss/_fixed-width.scss
deleted file mode 100644
index b221c9813..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_fixed-width.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Fixed Width Icons
-// -------------------------
-.#{$fa-css-prefix}-fw {
-  width: (18em / 14);
-  text-align: center;
-}
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_icons.scss b/_sass/p2pu-css-framework/fontawesome/scss/_icons.scss
deleted file mode 100644
index efb443597..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_icons.scss
+++ /dev/null
@@ -1,506 +0,0 @@
-/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
-   readers do not read off random characters that represent icons */
-
-.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
-.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
-.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
-.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
-.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
-.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
-.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
-.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
-.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
-.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
-.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
-.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
-.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
-.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
-.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
-.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
-.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
-.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
-.#{$fa-css-prefix}-gear:before,
-.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
-.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
-.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
-.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
-.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
-.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
-.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
-.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
-.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
-.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
-.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
-.#{$fa-css-prefix}-rotate-right:before,
-.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
-.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
-.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
-.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
-.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
-.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
-.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
-.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
-.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
-.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
-.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
-.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
-.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
-.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
-.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
-.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
-.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
-.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
-.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
-.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
-.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
-.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
-.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
-.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
-.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
-.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
-.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
-.#{$fa-css-prefix}-dedent:before,
-.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
-.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
-.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
-.#{$fa-css-prefix}-photo:before,
-.#{$fa-css-prefix}-image:before,
-.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
-.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
-.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
-.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
-.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
-.#{$fa-css-prefix}-edit:before,
-.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
-.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
-.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
-.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
-.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
-.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
-.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
-.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
-.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
-.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
-.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
-.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
-.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
-.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
-.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
-.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
-.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
-.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
-.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
-.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
-.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
-.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
-.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
-.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
-.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
-.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
-.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
-.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
-.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
-.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
-.#{$fa-css-prefix}-mail-forward:before,
-.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
-.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
-.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
-.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
-.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
-.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
-.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
-.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
-.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
-.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
-.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
-.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
-.#{$fa-css-prefix}-warning:before,
-.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
-.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
-.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
-.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
-.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
-.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
-.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
-.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
-.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
-.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
-.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
-.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
-.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
-.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
-.#{$fa-css-prefix}-bar-chart-o:before { content: $fa-var-bar-chart-o; }
-.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
-.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
-.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
-.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
-.#{$fa-css-prefix}-gears:before,
-.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
-.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
-.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
-.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
-.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
-.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
-.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
-.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
-.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
-.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
-.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
-.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
-.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
-.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
-.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
-.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
-.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
-.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
-.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
-.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
-.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
-.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
-.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
-.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
-.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
-.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
-.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
-.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
-.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
-.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
-.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
-.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
-.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
-.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
-.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
-.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
-.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
-.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
-.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
-.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
-.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
-.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
-.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
-.#{$fa-css-prefix}-group:before,
-.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
-.#{$fa-css-prefix}-chain:before,
-.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
-.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
-.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
-.#{$fa-css-prefix}-cut:before,
-.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
-.#{$fa-css-prefix}-copy:before,
-.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
-.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
-.#{$fa-css-prefix}-save:before,
-.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
-.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
-.#{$fa-css-prefix}-navicon:before,
-.#{$fa-css-prefix}-reorder:before,
-.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
-.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
-.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
-.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
-.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
-.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
-.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
-.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
-.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
-.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
-.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
-.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
-.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
-.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
-.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
-.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
-.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
-.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
-.#{$fa-css-prefix}-unsorted:before,
-.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
-.#{$fa-css-prefix}-sort-down:before,
-.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
-.#{$fa-css-prefix}-sort-up:before,
-.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
-.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
-.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
-.#{$fa-css-prefix}-rotate-left:before,
-.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
-.#{$fa-css-prefix}-legal:before,
-.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
-.#{$fa-css-prefix}-dashboard:before,
-.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
-.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
-.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
-.#{$fa-css-prefix}-flash:before,
-.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
-.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
-.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
-.#{$fa-css-prefix}-paste:before,
-.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
-.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
-.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
-.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
-.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
-.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
-.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
-.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
-.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
-.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
-.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
-.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
-.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
-.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
-.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
-.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
-.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
-.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
-.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
-.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
-.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
-.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
-.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
-.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
-.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
-.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
-.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
-.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
-.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
-.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
-.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
-.#{$fa-css-prefix}-mobile-phone:before,
-.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
-.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
-.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
-.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
-.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
-.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
-.#{$fa-css-prefix}-mail-reply:before,
-.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
-.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
-.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
-.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
-.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
-.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
-.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
-.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
-.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
-.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
-.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
-.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
-.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
-.#{$fa-css-prefix}-mail-reply-all:before,
-.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
-.#{$fa-css-prefix}-star-half-empty:before,
-.#{$fa-css-prefix}-star-half-full:before,
-.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
-.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
-.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
-.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
-.#{$fa-css-prefix}-unlink:before,
-.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
-.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
-.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
-.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
-.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
-.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
-.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
-.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
-.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
-.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
-.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
-.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
-.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
-.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
-.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
-.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
-.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
-.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
-.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
-.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
-.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
-.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
-.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
-.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
-.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
-.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
-.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
-.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
-.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
-.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
-.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
-.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
-.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
-.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
-.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
-.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
-.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
-.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
-.#{$fa-css-prefix}-toggle-down:before,
-.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
-.#{$fa-css-prefix}-toggle-up:before,
-.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
-.#{$fa-css-prefix}-toggle-right:before,
-.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
-.#{$fa-css-prefix}-euro:before,
-.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
-.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
-.#{$fa-css-prefix}-dollar:before,
-.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
-.#{$fa-css-prefix}-rupee:before,
-.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
-.#{$fa-css-prefix}-cny:before,
-.#{$fa-css-prefix}-rmb:before,
-.#{$fa-css-prefix}-yen:before,
-.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
-.#{$fa-css-prefix}-ruble:before,
-.#{$fa-css-prefix}-rouble:before,
-.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
-.#{$fa-css-prefix}-won:before,
-.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
-.#{$fa-css-prefix}-bitcoin:before,
-.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
-.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
-.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
-.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
-.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
-.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
-.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
-.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
-.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
-.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
-.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
-.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
-.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
-.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
-.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
-.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
-.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
-.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
-.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
-.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
-.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
-.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
-.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
-.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
-.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
-.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
-.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
-.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
-.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
-.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
-.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
-.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
-.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
-.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
-.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
-.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
-.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
-.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
-.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
-.#{$fa-css-prefix}-gittip:before { content: $fa-var-gittip; }
-.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
-.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
-.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
-.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
-.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
-.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
-.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
-.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
-.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
-.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
-.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
-.#{$fa-css-prefix}-toggle-left:before,
-.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
-.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
-.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
-.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
-.#{$fa-css-prefix}-turkish-lira:before,
-.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
-.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
-.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
-.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
-.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
-.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
-.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
-.#{$fa-css-prefix}-institution:before,
-.#{$fa-css-prefix}-bank:before,
-.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
-.#{$fa-css-prefix}-mortar-board:before,
-.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
-.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
-.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
-.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
-.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
-.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
-.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
-.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
-.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
-.#{$fa-css-prefix}-pied-piper-square:before,
-.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
-.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
-.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
-.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
-.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
-.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
-.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
-.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
-.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
-.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
-.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
-.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
-.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
-.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
-.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
-.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
-.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
-.#{$fa-css-prefix}-automobile:before,
-.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
-.#{$fa-css-prefix}-cab:before,
-.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
-.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
-.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
-.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
-.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
-.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
-.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
-.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
-.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
-.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
-.#{$fa-css-prefix}-file-photo-o:before,
-.#{$fa-css-prefix}-file-picture-o:before,
-.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
-.#{$fa-css-prefix}-file-zip-o:before,
-.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
-.#{$fa-css-prefix}-file-sound-o:before,
-.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
-.#{$fa-css-prefix}-file-movie-o:before,
-.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
-.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
-.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
-.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
-.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
-.#{$fa-css-prefix}-life-bouy:before,
-.#{$fa-css-prefix}-life-saver:before,
-.#{$fa-css-prefix}-support:before,
-.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
-.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
-.#{$fa-css-prefix}-ra:before,
-.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
-.#{$fa-css-prefix}-ge:before,
-.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
-.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
-.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
-.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
-.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
-.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
-.#{$fa-css-prefix}-wechat:before,
-.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
-.#{$fa-css-prefix}-send:before,
-.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
-.#{$fa-css-prefix}-send-o:before,
-.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
-.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
-.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
-.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
-.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
-.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
-.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
-.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
-.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_larger.scss b/_sass/p2pu-css-framework/fontawesome/scss/_larger.scss
deleted file mode 100644
index 41e9a8184..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_larger.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-// Icon Sizes
-// -------------------------
-
-/* makes the font 33% larger relative to the icon container */
-.#{$fa-css-prefix}-lg {
-  font-size: (4em / 3);
-  line-height: (3em / 4);
-  vertical-align: -15%;
-}
-.#{$fa-css-prefix}-2x { font-size: 2em; }
-.#{$fa-css-prefix}-3x { font-size: 3em; }
-.#{$fa-css-prefix}-4x { font-size: 4em; }
-.#{$fa-css-prefix}-5x { font-size: 5em; }
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_list.scss b/_sass/p2pu-css-framework/fontawesome/scss/_list.scss
deleted file mode 100644
index 7d1e4d54d..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_list.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// List Icons
-// -------------------------
-
-.#{$fa-css-prefix}-ul {
-  padding-left: 0;
-  margin-left: $fa-li-width;
-  list-style-type: none;
-  > li { position: relative; }
-}
-.#{$fa-css-prefix}-li {
-  position: absolute;
-  left: -$fa-li-width;
-  width: $fa-li-width;
-  top: (2em / 14);
-  text-align: center;
-  &.#{$fa-css-prefix}-lg {
-    left: -$fa-li-width + (4em / 14);
-  }
-}
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_mixins.scss b/_sass/p2pu-css-framework/fontawesome/scss/_mixins.scss
deleted file mode 100644
index 3354e6953..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_mixins.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// Mixins
-// --------------------------
-
-@mixin fa-icon-rotate($degrees, $rotation) {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-  -webkit-transform: rotate($degrees);
-     -moz-transform: rotate($degrees);
-      -ms-transform: rotate($degrees);
-       -o-transform: rotate($degrees);
-          transform: rotate($degrees);
-}
-
-@mixin fa-icon-flip($horiz, $vert, $rotation) {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-  -webkit-transform: scale($horiz, $vert);
-     -moz-transform: scale($horiz, $vert);
-      -ms-transform: scale($horiz, $vert);
-       -o-transform: scale($horiz, $vert);
-          transform: scale($horiz, $vert);
-}
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_path.scss b/_sass/p2pu-css-framework/fontawesome/scss/_path.scss
deleted file mode 100644
index fd21c3515..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_path.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-/* FONT PATH
- * -------------------------- */
-
-@font-face {
-  font-family: 'FontAwesome';
-  src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
-  src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
-    url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
-    url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
-    url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
-  //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
-  font-weight: normal;
-  font-style: normal;
-}
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_rotated-flipped.scss b/_sass/p2pu-css-framework/fontawesome/scss/_rotated-flipped.scss
deleted file mode 100644
index 343fa5507..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_rotated-flipped.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Rotated & Flipped Icons
-// -------------------------
-
-.#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
-.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
-.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
-
-.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
-.#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_spinning.scss b/_sass/p2pu-css-framework/fontawesome/scss/_spinning.scss
deleted file mode 100644
index c37874463..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_spinning.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-// Spinning Icons
-// --------------------------
-
-.#{$fa-css-prefix}-spin {
-  -webkit-animation: spin 2s infinite linear;
-  -moz-animation: spin 2s infinite linear;
-  -o-animation: spin 2s infinite linear;
-  animation: spin 2s infinite linear;
-}
-
-@-moz-keyframes spin {
-  0% { -moz-transform: rotate(0deg); }
-  100% { -moz-transform: rotate(359deg); }
-}
-@-webkit-keyframes spin {
-  0% { -webkit-transform: rotate(0deg); }
-  100% { -webkit-transform: rotate(359deg); }
-}
-@-o-keyframes spin {
-  0% { -o-transform: rotate(0deg); }
-  100% { -o-transform: rotate(359deg); }
-}
-@keyframes spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_stacked.scss b/_sass/p2pu-css-framework/fontawesome/scss/_stacked.scss
deleted file mode 100644
index aef740366..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_stacked.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// Stacked Icons
-// -------------------------
-
-.#{$fa-css-prefix}-stack {
-  position: relative;
-  display: inline-block;
-  width: 2em;
-  height: 2em;
-  line-height: 2em;
-  vertical-align: middle;
-}
-.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
-  position: absolute;
-  left: 0;
-  width: 100%;
-  text-align: center;
-}
-.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
-.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
-.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/_variables.scss b/_sass/p2pu-css-framework/fontawesome/scss/_variables.scss
deleted file mode 100644
index ac2b5051b..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/_variables.scss
+++ /dev/null
@@ -1,515 +0,0 @@
-// Variables
-// --------------------------
-
-$fa-font-path:        "../fonts" !default;
-//$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts" !default; // for referencing Bootstrap CDN font files directly
-$fa-css-prefix:       fa !default;
-$fa-version:          "4.1.0" !default;
-$fa-border-color:     #eee !default;
-$fa-inverse:          #fff !default;
-$fa-li-width:         (30em / 14) !default;
-
-$fa-var-adjust: "\f042";
-$fa-var-adn: "\f170";
-$fa-var-align-center: "\f037";
-$fa-var-align-justify: "\f039";
-$fa-var-align-left: "\f036";
-$fa-var-align-right: "\f038";
-$fa-var-ambulance: "\f0f9";
-$fa-var-anchor: "\f13d";
-$fa-var-android: "\f17b";
-$fa-var-angle-double-down: "\f103";
-$fa-var-angle-double-left: "\f100";
-$fa-var-angle-double-right: "\f101";
-$fa-var-angle-double-up: "\f102";
-$fa-var-angle-down: "\f107";
-$fa-var-angle-left: "\f104";
-$fa-var-angle-right: "\f105";
-$fa-var-angle-up: "\f106";
-$fa-var-apple: "\f179";
-$fa-var-archive: "\f187";
-$fa-var-arrow-circle-down: "\f0ab";
-$fa-var-arrow-circle-left: "\f0a8";
-$fa-var-arrow-circle-o-down: "\f01a";
-$fa-var-arrow-circle-o-left: "\f190";
-$fa-var-arrow-circle-o-right: "\f18e";
-$fa-var-arrow-circle-o-up: "\f01b";
-$fa-var-arrow-circle-right: "\f0a9";
-$fa-var-arrow-circle-up: "\f0aa";
-$fa-var-arrow-down: "\f063";
-$fa-var-arrow-left: "\f060";
-$fa-var-arrow-right: "\f061";
-$fa-var-arrow-up: "\f062";
-$fa-var-arrows: "\f047";
-$fa-var-arrows-alt: "\f0b2";
-$fa-var-arrows-h: "\f07e";
-$fa-var-arrows-v: "\f07d";
-$fa-var-asterisk: "\f069";
-$fa-var-automobile: "\f1b9";
-$fa-var-backward: "\f04a";
-$fa-var-ban: "\f05e";
-$fa-var-bank: "\f19c";
-$fa-var-bar-chart-o: "\f080";
-$fa-var-barcode: "\f02a";
-$fa-var-bars: "\f0c9";
-$fa-var-beer: "\f0fc";
-$fa-var-behance: "\f1b4";
-$fa-var-behance-square: "\f1b5";
-$fa-var-bell: "\f0f3";
-$fa-var-bell-o: "\f0a2";
-$fa-var-bitbucket: "\f171";
-$fa-var-bitbucket-square: "\f172";
-$fa-var-bitcoin: "\f15a";
-$fa-var-bold: "\f032";
-$fa-var-bolt: "\f0e7";
-$fa-var-bomb: "\f1e2";
-$fa-var-book: "\f02d";
-$fa-var-bookmark: "\f02e";
-$fa-var-bookmark-o: "\f097";
-$fa-var-briefcase: "\f0b1";
-$fa-var-btc: "\f15a";
-$fa-var-bug: "\f188";
-$fa-var-building: "\f1ad";
-$fa-var-building-o: "\f0f7";
-$fa-var-bullhorn: "\f0a1";
-$fa-var-bullseye: "\f140";
-$fa-var-cab: "\f1ba";
-$fa-var-calendar: "\f073";
-$fa-var-calendar-o: "\f133";
-$fa-var-camera: "\f030";
-$fa-var-camera-retro: "\f083";
-$fa-var-car: "\f1b9";
-$fa-var-caret-down: "\f0d7";
-$fa-var-caret-left: "\f0d9";
-$fa-var-caret-right: "\f0da";
-$fa-var-caret-square-o-down: "\f150";
-$fa-var-caret-square-o-left: "\f191";
-$fa-var-caret-square-o-right: "\f152";
-$fa-var-caret-square-o-up: "\f151";
-$fa-var-caret-up: "\f0d8";
-$fa-var-certificate: "\f0a3";
-$fa-var-chain: "\f0c1";
-$fa-var-chain-broken: "\f127";
-$fa-var-check: "\f00c";
-$fa-var-check-circle: "\f058";
-$fa-var-check-circle-o: "\f05d";
-$fa-var-check-square: "\f14a";
-$fa-var-check-square-o: "\f046";
-$fa-var-chevron-circle-down: "\f13a";
-$fa-var-chevron-circle-left: "\f137";
-$fa-var-chevron-circle-right: "\f138";
-$fa-var-chevron-circle-up: "\f139";
-$fa-var-chevron-down: "\f078";
-$fa-var-chevron-left: "\f053";
-$fa-var-chevron-right: "\f054";
-$fa-var-chevron-up: "\f077";
-$fa-var-child: "\f1ae";
-$fa-var-circle: "\f111";
-$fa-var-circle-o: "\f10c";
-$fa-var-circle-o-notch: "\f1ce";
-$fa-var-circle-thin: "\f1db";
-$fa-var-clipboard: "\f0ea";
-$fa-var-clock-o: "\f017";
-$fa-var-cloud: "\f0c2";
-$fa-var-cloud-download: "\f0ed";
-$fa-var-cloud-upload: "\f0ee";
-$fa-var-cny: "\f157";
-$fa-var-code: "\f121";
-$fa-var-code-fork: "\f126";
-$fa-var-codepen: "\f1cb";
-$fa-var-coffee: "\f0f4";
-$fa-var-cog: "\f013";
-$fa-var-cogs: "\f085";
-$fa-var-columns: "\f0db";
-$fa-var-comment: "\f075";
-$fa-var-comment-o: "\f0e5";
-$fa-var-comments: "\f086";
-$fa-var-comments-o: "\f0e6";
-$fa-var-compass: "\f14e";
-$fa-var-compress: "\f066";
-$fa-var-copy: "\f0c5";
-$fa-var-credit-card: "\f09d";
-$fa-var-crop: "\f125";
-$fa-var-crosshairs: "\f05b";
-$fa-var-css3: "\f13c";
-$fa-var-cube: "\f1b2";
-$fa-var-cubes: "\f1b3";
-$fa-var-cut: "\f0c4";
-$fa-var-cutlery: "\f0f5";
-$fa-var-dashboard: "\f0e4";
-$fa-var-database: "\f1c0";
-$fa-var-dedent: "\f03b";
-$fa-var-delicious: "\f1a5";
-$fa-var-desktop: "\f108";
-$fa-var-deviantart: "\f1bd";
-$fa-var-digg: "\f1a6";
-$fa-var-dollar: "\f155";
-$fa-var-dot-circle-o: "\f192";
-$fa-var-download: "\f019";
-$fa-var-dribbble: "\f17d";
-$fa-var-dropbox: "\f16b";
-$fa-var-drupal: "\f1a9";
-$fa-var-edit: "\f044";
-$fa-var-eject: "\f052";
-$fa-var-ellipsis-h: "\f141";
-$fa-var-ellipsis-v: "\f142";
-$fa-var-empire: "\f1d1";
-$fa-var-envelope: "\f0e0";
-$fa-var-envelope-o: "\f003";
-$fa-var-envelope-square: "\f199";
-$fa-var-eraser: "\f12d";
-$fa-var-eur: "\f153";
-$fa-var-euro: "\f153";
-$fa-var-exchange: "\f0ec";
-$fa-var-exclamation: "\f12a";
-$fa-var-exclamation-circle: "\f06a";
-$fa-var-exclamation-triangle: "\f071";
-$fa-var-expand: "\f065";
-$fa-var-external-link: "\f08e";
-$fa-var-external-link-square: "\f14c";
-$fa-var-eye: "\f06e";
-$fa-var-eye-slash: "\f070";
-$fa-var-facebook: "\f09a";
-$fa-var-facebook-square: "\f082";
-$fa-var-fast-backward: "\f049";
-$fa-var-fast-forward: "\f050";
-$fa-var-fax: "\f1ac";
-$fa-var-female: "\f182";
-$fa-var-fighter-jet: "\f0fb";
-$fa-var-file: "\f15b";
-$fa-var-file-archive-o: "\f1c6";
-$fa-var-file-audio-o: "\f1c7";
-$fa-var-file-code-o: "\f1c9";
-$fa-var-file-excel-o: "\f1c3";
-$fa-var-file-image-o: "\f1c5";
-$fa-var-file-movie-o: "\f1c8";
-$fa-var-file-o: "\f016";
-$fa-var-file-pdf-o: "\f1c1";
-$fa-var-file-photo-o: "\f1c5";
-$fa-var-file-picture-o: "\f1c5";
-$fa-var-file-powerpoint-o: "\f1c4";
-$fa-var-file-sound-o: "\f1c7";
-$fa-var-file-text: "\f15c";
-$fa-var-file-text-o: "\f0f6";
-$fa-var-file-video-o: "\f1c8";
-$fa-var-file-word-o: "\f1c2";
-$fa-var-file-zip-o: "\f1c6";
-$fa-var-files-o: "\f0c5";
-$fa-var-film: "\f008";
-$fa-var-filter: "\f0b0";
-$fa-var-fire: "\f06d";
-$fa-var-fire-extinguisher: "\f134";
-$fa-var-flag: "\f024";
-$fa-var-flag-checkered: "\f11e";
-$fa-var-flag-o: "\f11d";
-$fa-var-flash: "\f0e7";
-$fa-var-flask: "\f0c3";
-$fa-var-flickr: "\f16e";
-$fa-var-floppy-o: "\f0c7";
-$fa-var-folder: "\f07b";
-$fa-var-folder-o: "\f114";
-$fa-var-folder-open: "\f07c";
-$fa-var-folder-open-o: "\f115";
-$fa-var-font: "\f031";
-$fa-var-forward: "\f04e";
-$fa-var-foursquare: "\f180";
-$fa-var-frown-o: "\f119";
-$fa-var-gamepad: "\f11b";
-$fa-var-gavel: "\f0e3";
-$fa-var-gbp: "\f154";
-$fa-var-ge: "\f1d1";
-$fa-var-gear: "\f013";
-$fa-var-gears: "\f085";
-$fa-var-gift: "\f06b";
-$fa-var-git: "\f1d3";
-$fa-var-git-square: "\f1d2";
-$fa-var-github: "\f09b";
-$fa-var-github-alt: "\f113";
-$fa-var-github-square: "\f092";
-$fa-var-gittip: "\f184";
-$fa-var-glass: "\f000";
-$fa-var-globe: "\f0ac";
-$fa-var-google: "\f1a0";
-$fa-var-google-plus: "\f0d5";
-$fa-var-google-plus-square: "\f0d4";
-$fa-var-graduation-cap: "\f19d";
-$fa-var-group: "\f0c0";
-$fa-var-h-square: "\f0fd";
-$fa-var-hacker-news: "\f1d4";
-$fa-var-hand-o-down: "\f0a7";
-$fa-var-hand-o-left: "\f0a5";
-$fa-var-hand-o-right: "\f0a4";
-$fa-var-hand-o-up: "\f0a6";
-$fa-var-hdd-o: "\f0a0";
-$fa-var-header: "\f1dc";
-$fa-var-headphones: "\f025";
-$fa-var-heart: "\f004";
-$fa-var-heart-o: "\f08a";
-$fa-var-history: "\f1da";
-$fa-var-home: "\f015";
-$fa-var-hospital-o: "\f0f8";
-$fa-var-html5: "\f13b";
-$fa-var-image: "\f03e";
-$fa-var-inbox: "\f01c";
-$fa-var-indent: "\f03c";
-$fa-var-info: "\f129";
-$fa-var-info-circle: "\f05a";
-$fa-var-inr: "\f156";
-$fa-var-instagram: "\f16d";
-$fa-var-institution: "\f19c";
-$fa-var-italic: "\f033";
-$fa-var-joomla: "\f1aa";
-$fa-var-jpy: "\f157";
-$fa-var-jsfiddle: "\f1cc";
-$fa-var-key: "\f084";
-$fa-var-keyboard-o: "\f11c";
-$fa-var-krw: "\f159";
-$fa-var-language: "\f1ab";
-$fa-var-laptop: "\f109";
-$fa-var-leaf: "\f06c";
-$fa-var-legal: "\f0e3";
-$fa-var-lemon-o: "\f094";
-$fa-var-level-down: "\f149";
-$fa-var-level-up: "\f148";
-$fa-var-life-bouy: "\f1cd";
-$fa-var-life-ring: "\f1cd";
-$fa-var-life-saver: "\f1cd";
-$fa-var-lightbulb-o: "\f0eb";
-$fa-var-link: "\f0c1";
-$fa-var-linkedin: "\f0e1";
-$fa-var-linkedin-square: "\f08c";
-$fa-var-linux: "\f17c";
-$fa-var-list: "\f03a";
-$fa-var-list-alt: "\f022";
-$fa-var-list-ol: "\f0cb";
-$fa-var-list-ul: "\f0ca";
-$fa-var-location-arrow: "\f124";
-$fa-var-lock: "\f023";
-$fa-var-long-arrow-down: "\f175";
-$fa-var-long-arrow-left: "\f177";
-$fa-var-long-arrow-right: "\f178";
-$fa-var-long-arrow-up: "\f176";
-$fa-var-magic: "\f0d0";
-$fa-var-magnet: "\f076";
-$fa-var-mail-forward: "\f064";
-$fa-var-mail-reply: "\f112";
-$fa-var-mail-reply-all: "\f122";
-$fa-var-male: "\f183";
-$fa-var-map-marker: "\f041";
-$fa-var-maxcdn: "\f136";
-$fa-var-medkit: "\f0fa";
-$fa-var-meh-o: "\f11a";
-$fa-var-microphone: "\f130";
-$fa-var-microphone-slash: "\f131";
-$fa-var-minus: "\f068";
-$fa-var-minus-circle: "\f056";
-$fa-var-minus-square: "\f146";
-$fa-var-minus-square-o: "\f147";
-$fa-var-mobile: "\f10b";
-$fa-var-mobile-phone: "\f10b";
-$fa-var-money: "\f0d6";
-$fa-var-moon-o: "\f186";
-$fa-var-mortar-board: "\f19d";
-$fa-var-music: "\f001";
-$fa-var-navicon: "\f0c9";
-$fa-var-openid: "\f19b";
-$fa-var-outdent: "\f03b";
-$fa-var-pagelines: "\f18c";
-$fa-var-paper-plane: "\f1d8";
-$fa-var-paper-plane-o: "\f1d9";
-$fa-var-paperclip: "\f0c6";
-$fa-var-paragraph: "\f1dd";
-$fa-var-paste: "\f0ea";
-$fa-var-pause: "\f04c";
-$fa-var-paw: "\f1b0";
-$fa-var-pencil: "\f040";
-$fa-var-pencil-square: "\f14b";
-$fa-var-pencil-square-o: "\f044";
-$fa-var-phone: "\f095";
-$fa-var-phone-square: "\f098";
-$fa-var-photo: "\f03e";
-$fa-var-picture-o: "\f03e";
-$fa-var-pied-piper: "\f1a7";
-$fa-var-pied-piper-alt: "\f1a8";
-$fa-var-pied-piper-square: "\f1a7";
-$fa-var-pinterest: "\f0d2";
-$fa-var-pinterest-square: "\f0d3";
-$fa-var-plane: "\f072";
-$fa-var-play: "\f04b";
-$fa-var-play-circle: "\f144";
-$fa-var-play-circle-o: "\f01d";
-$fa-var-plus: "\f067";
-$fa-var-plus-circle: "\f055";
-$fa-var-plus-square: "\f0fe";
-$fa-var-plus-square-o: "\f196";
-$fa-var-power-off: "\f011";
-$fa-var-print: "\f02f";
-$fa-var-puzzle-piece: "\f12e";
-$fa-var-qq: "\f1d6";
-$fa-var-qrcode: "\f029";
-$fa-var-question: "\f128";
-$fa-var-question-circle: "\f059";
-$fa-var-quote-left: "\f10d";
-$fa-var-quote-right: "\f10e";
-$fa-var-ra: "\f1d0";
-$fa-var-random: "\f074";
-$fa-var-rebel: "\f1d0";
-$fa-var-recycle: "\f1b8";
-$fa-var-reddit: "\f1a1";
-$fa-var-reddit-square: "\f1a2";
-$fa-var-refresh: "\f021";
-$fa-var-renren: "\f18b";
-$fa-var-reorder: "\f0c9";
-$fa-var-repeat: "\f01e";
-$fa-var-reply: "\f112";
-$fa-var-reply-all: "\f122";
-$fa-var-retweet: "\f079";
-$fa-var-rmb: "\f157";
-$fa-var-road: "\f018";
-$fa-var-rocket: "\f135";
-$fa-var-rotate-left: "\f0e2";
-$fa-var-rotate-right: "\f01e";
-$fa-var-rouble: "\f158";
-$fa-var-rss: "\f09e";
-$fa-var-rss-square: "\f143";
-$fa-var-rub: "\f158";
-$fa-var-ruble: "\f158";
-$fa-var-rupee: "\f156";
-$fa-var-save: "\f0c7";
-$fa-var-scissors: "\f0c4";
-$fa-var-search: "\f002";
-$fa-var-search-minus: "\f010";
-$fa-var-search-plus: "\f00e";
-$fa-var-send: "\f1d8";
-$fa-var-send-o: "\f1d9";
-$fa-var-share: "\f064";
-$fa-var-share-alt: "\f1e0";
-$fa-var-share-alt-square: "\f1e1";
-$fa-var-share-square: "\f14d";
-$fa-var-share-square-o: "\f045";
-$fa-var-shield: "\f132";
-$fa-var-shopping-cart: "\f07a";
-$fa-var-sign-in: "\f090";
-$fa-var-sign-out: "\f08b";
-$fa-var-signal: "\f012";
-$fa-var-sitemap: "\f0e8";
-$fa-var-skype: "\f17e";
-$fa-var-slack: "\f198";
-$fa-var-sliders: "\f1de";
-$fa-var-smile-o: "\f118";
-$fa-var-sort: "\f0dc";
-$fa-var-sort-alpha-asc: "\f15d";
-$fa-var-sort-alpha-desc: "\f15e";
-$fa-var-sort-amount-asc: "\f160";
-$fa-var-sort-amount-desc: "\f161";
-$fa-var-sort-asc: "\f0de";
-$fa-var-sort-desc: "\f0dd";
-$fa-var-sort-down: "\f0dd";
-$fa-var-sort-numeric-asc: "\f162";
-$fa-var-sort-numeric-desc: "\f163";
-$fa-var-sort-up: "\f0de";
-$fa-var-soundcloud: "\f1be";
-$fa-var-space-shuttle: "\f197";
-$fa-var-spinner: "\f110";
-$fa-var-spoon: "\f1b1";
-$fa-var-spotify: "\f1bc";
-$fa-var-square: "\f0c8";
-$fa-var-square-o: "\f096";
-$fa-var-stack-exchange: "\f18d";
-$fa-var-stack-overflow: "\f16c";
-$fa-var-star: "\f005";
-$fa-var-star-half: "\f089";
-$fa-var-star-half-empty: "\f123";
-$fa-var-star-half-full: "\f123";
-$fa-var-star-half-o: "\f123";
-$fa-var-star-o: "\f006";
-$fa-var-steam: "\f1b6";
-$fa-var-steam-square: "\f1b7";
-$fa-var-step-backward: "\f048";
-$fa-var-step-forward: "\f051";
-$fa-var-stethoscope: "\f0f1";
-$fa-var-stop: "\f04d";
-$fa-var-strikethrough: "\f0cc";
-$fa-var-stumbleupon: "\f1a4";
-$fa-var-stumbleupon-circle: "\f1a3";
-$fa-var-subscript: "\f12c";
-$fa-var-suitcase: "\f0f2";
-$fa-var-sun-o: "\f185";
-$fa-var-superscript: "\f12b";
-$fa-var-support: "\f1cd";
-$fa-var-table: "\f0ce";
-$fa-var-tablet: "\f10a";
-$fa-var-tachometer: "\f0e4";
-$fa-var-tag: "\f02b";
-$fa-var-tags: "\f02c";
-$fa-var-tasks: "\f0ae";
-$fa-var-taxi: "\f1ba";
-$fa-var-tencent-weibo: "\f1d5";
-$fa-var-terminal: "\f120";
-$fa-var-text-height: "\f034";
-$fa-var-text-width: "\f035";
-$fa-var-th: "\f00a";
-$fa-var-th-large: "\f009";
-$fa-var-th-list: "\f00b";
-$fa-var-thumb-tack: "\f08d";
-$fa-var-thumbs-down: "\f165";
-$fa-var-thumbs-o-down: "\f088";
-$fa-var-thumbs-o-up: "\f087";
-$fa-var-thumbs-up: "\f164";
-$fa-var-ticket: "\f145";
-$fa-var-times: "\f00d";
-$fa-var-times-circle: "\f057";
-$fa-var-times-circle-o: "\f05c";
-$fa-var-tint: "\f043";
-$fa-var-toggle-down: "\f150";
-$fa-var-toggle-left: "\f191";
-$fa-var-toggle-right: "\f152";
-$fa-var-toggle-up: "\f151";
-$fa-var-trash-o: "\f014";
-$fa-var-tree: "\f1bb";
-$fa-var-trello: "\f181";
-$fa-var-trophy: "\f091";
-$fa-var-truck: "\f0d1";
-$fa-var-try: "\f195";
-$fa-var-tumblr: "\f173";
-$fa-var-tumblr-square: "\f174";
-$fa-var-turkish-lira: "\f195";
-$fa-var-twitter: "\f099";
-$fa-var-twitter-square: "\f081";
-$fa-var-umbrella: "\f0e9";
-$fa-var-underline: "\f0cd";
-$fa-var-undo: "\f0e2";
-$fa-var-university: "\f19c";
-$fa-var-unlink: "\f127";
-$fa-var-unlock: "\f09c";
-$fa-var-unlock-alt: "\f13e";
-$fa-var-unsorted: "\f0dc";
-$fa-var-upload: "\f093";
-$fa-var-usd: "\f155";
-$fa-var-user: "\f007";
-$fa-var-user-md: "\f0f0";
-$fa-var-users: "\f0c0";
-$fa-var-video-camera: "\f03d";
-$fa-var-vimeo-square: "\f194";
-$fa-var-vine: "\f1ca";
-$fa-var-vk: "\f189";
-$fa-var-volume-down: "\f027";
-$fa-var-volume-off: "\f026";
-$fa-var-volume-up: "\f028";
-$fa-var-warning: "\f071";
-$fa-var-wechat: "\f1d7";
-$fa-var-weibo: "\f18a";
-$fa-var-weixin: "\f1d7";
-$fa-var-wheelchair: "\f193";
-$fa-var-windows: "\f17a";
-$fa-var-won: "\f159";
-$fa-var-wordpress: "\f19a";
-$fa-var-wrench: "\f0ad";
-$fa-var-xing: "\f168";
-$fa-var-xing-square: "\f169";
-$fa-var-yahoo: "\f19e";
-$fa-var-yen: "\f157";
-$fa-var-youtube: "\f167";
-$fa-var-youtube-play: "\f16a";
-$fa-var-youtube-square: "\f166";
-
diff --git a/_sass/p2pu-css-framework/fontawesome/scss/font-awesome.scss b/_sass/p2pu-css-framework/fontawesome/scss/font-awesome.scss
deleted file mode 100644
index 2307dbda2..000000000
--- a/_sass/p2pu-css-framework/fontawesome/scss/font-awesome.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-/*!
- *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
- *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- */
-
-@import "variables";
-@import "mixins";
-@import "path";
-@import "core";
-@import "larger";
-@import "fixed-width";
-@import "list";
-@import "bordered-pulled";
-@import "spinning";
-@import "rotated-flipped";
-@import "stacked";
-@import "icons";
diff --git a/_sass/p2pu-css-framework/p2pustrap.scss b/_sass/p2pu-css-framework/p2pustrap.scss
deleted file mode 100644
index 06f167a98..000000000
--- a/_sass/p2pu-css-framework/p2pustrap.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-// Core variables and mixins
-@import "bootstrap/variables";
-@import "variables";
-@import "bootstrap/mixins";
-
-// Reset and dependencies
-@import "bootstrap/normalize";
-@import "bootstrap/print";
-@import "bootstrap/glyphicons";
-
-// Core CSS
-@import "bootstrap/scaffolding";
-@import "bootstrap/type";
-@import "type";
-@import "bootstrap/code";
-@import "bootstrap/grid";
-@import "bootstrap/tables";
-@import "bootstrap/forms";
-@import "forms";
-@import "bootstrap/buttons";
-@import "buttons";
-
-// Components
-@import "bootstrap/component-animations";
-@import "bootstrap/dropdowns";
-@import "bootstrap/button-groups";
-@import "bootstrap/input-groups";
-@import "bootstrap/navs";
-@import "bootstrap/navbar";
-@import "navigations";
-@import "bootstrap/breadcrumbs";
-@import "bootstrap/pagination";
-@import "bootstrap/pager";
-@import "pager";
-@import "bootstrap/labels";
-@import "labels";
-@import "bootstrap/badges";
-@import "bootstrap/jumbotron";
-@import "bootstrap/thumbnails";
-@import "bootstrap/alerts";
-@import "bootstrap/progress-bars";
-@import "bootstrap/media";
-@import "bootstrap/list-group";
-@import "bootstrap/panels";
-@import "bootstrap/responsive-embed";
-@import "bootstrap/wells";
-@import "wells";
-@import "bootstrap/close";
-
-// Components w/ JavaScript
-@import "bootstrap/modals";
-@import "bootstrap/tooltip";
-@import "bootstrap/popovers";
-@import "bootstrap/carousel";
-
-// Utility classes
-@import "bootstrap/utilities";
-@import "bootstrap/responsive-utilities";
-
-@import "footer";
-
-// import fontawesome font
-@import "fontawesome/scss/font-awesome";
-// Import of the fonts
-@import "fonts";
-
-
-
diff --git a/_sass/p2pu-theme/_buttons.scss b/_sass/p2pu-theme/_buttons.scss
new file mode 100644
index 000000000..ce7a260a2
--- /dev/null
+++ b/_sass/p2pu-theme/_buttons.scss
@@ -0,0 +1,209 @@
+.p2pu-btn {
+  border-radius: 2em;
+  text-transform: uppercase;
+  font-size: 0.8em;
+  font-family: $font-family-sans-serif;
+  font-weight: $font-weight-bold;
+  padding: 10px 20px;
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  transition: color 0.3s linear;
+  display: inline-block;
+  margin: 2px;
+
+  &:before {
+    content: "";
+    position: absolute;
+    border-radius: 2em;
+    z-index: -1;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    transform: scaleX(0);
+    transform-origin: 50%;
+    transition-property: transform;
+    transition-duration: 0.3s;
+    transition-timing-function: ease-out;
+  }
+
+  &:hover:before, &:focus:before, &:active:before {
+    transform: scaleX(1);
+  }
+
+
+  &.dark {
+    background: $gray-darker;
+    border: 2px solid $gray-darker;
+    color: $white;
+
+    &:before {
+      background: lighten($gray-darker, 5%);
+    }
+
+    &.secondary {
+      background: $white;
+      color: $gray-darker;
+      border: 2px solid $gray-darker;
+      &:before {
+        background: transparentize($gray-darker, 0.95);
+      }
+
+      &:hover {
+        color: $gray-darker;
+      }
+    }
+  }
+
+  &.light {
+    background: $gray-lighter;
+    border: 2px solid $gray-lighter;
+    color: $gray-darker;
+
+    &:before {
+      background: $white;
+    }
+  }
+
+  &.arrow {
+    padding: 0.7em 1em;
+    font-size: 1em;
+    align-self: center;
+  }
+
+  &.transparent {
+    background: transparent;
+    color: $white;
+    border: 2px solid $white;
+    &:before {
+      background: transparentize($white, 0.9);
+    }
+  }
+
+  &.blue {
+    background: $p2pu-blue;
+    border: 2px solid $p2pu-blue;
+    color: $white;
+
+    &:before {
+      background: lighten($p2pu-blue, 1%);
+    }
+
+    &.secondary {
+      background: $white;
+      color: $p2pu-blue;
+      border: 2px solid $p2pu-blue;
+      &:before {
+        background: transparentize($p2pu-blue, 0.95);
+      }
+
+      &:hover {
+        color: $p2pu-blue;
+      }
+    }
+  }
+
+  &.orange {
+    background: $p2pu-orange;
+    border: 2px solid $p2pu-orange;
+    color: $white;
+
+    &:before {
+      background: lighten($p2pu-orange, 1%);
+    }
+
+    &.secondary {
+      background: $white;
+      color: $p2pu-orange;
+      border: 2px solid $p2pu-orange;
+      &:before {
+        background: transparentize($p2pu-orange, 0.95);
+      }
+
+      &:hover {
+        color: $p2pu-orange;
+      }
+    }
+  }
+
+  &.yellow {
+    background: $p2pu-yellow;
+    border: 2px solid $p2pu-yellow;
+    color: $white;
+
+    &:before {
+      background: lighten($p2pu-yellow, 3%);
+    }
+
+    &.secondary {
+      background: $white;
+      color: $p2pu-yellow;
+      border: 2px solid $p2pu-yellow;
+      &:before {
+        background: transparentize($p2pu-yellow, 0.95);
+      }
+
+      &:hover {
+        color: $p2pu-yellow;
+      }
+    }
+  }
+
+  &.green {
+    background: $p2pu-green;
+    border: 2px solid $p2pu-green;
+    color: $white;
+
+    &:before {
+      background: lighten($p2pu-green, 1%);
+    }
+
+    &.secondary {
+      background: $white;
+      color: $p2pu-green;
+      border: 2px solid $p2pu-green;
+      &:before {
+        background: transparentize($p2pu-green, 0.95);
+      }
+
+      &:hover {
+        color: $p2pu-green;
+      }
+    }
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:active {
+    outline: none;
+  }
+
+  &.with-outline {
+    border: 2px solid $gray-lighter;;
+  }
+
+  @media (max-width: map-get($grid-breakpoints, "sm")) {
+    padding: 0.4em 1em;
+
+    &.dark {
+      background: $gray-darker;
+      color: $white;
+
+      &:before {
+        background: $gray-darker;
+      }
+    }
+
+    &.light {
+      background: $white;
+      color: $gray-darker;
+
+      &:before {
+        background: $white;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/_sass/p2pu-theme/_custom.scss b/_sass/p2pu-theme/_custom.scss
new file mode 100644
index 000000000..a6dd250b3
--- /dev/null
+++ b/_sass/p2pu-theme/_custom.scss
@@ -0,0 +1,77 @@
+.page-header {
+  text-align: center;
+  text-transform: uppercase;
+  margin-bottom: 3em;
+  border-bottom: none;
+  padding: 50px 25px;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAAVCAYAAAD8WoSNAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8xMy8xNEyuoVwAAAAfdEVYdFNvZnR3YXJlAE1hY3JvbWVkaWEgRmlyZXdvcmtzIDi1aNJ4AAAIRHByVld4nO1Z3W7byBUeKwkax5sGi172JkBR9GoFUpQo8lKURFu1LBkWkzi5CWRJ3GjjVQzZUZASfJC8TB+gyLv0DZp+58yQIilLdQyLSXc5jDLk/JzvzJkz52f8r//889/iQjS/fPny+fPnT58++b6Pd1H8it/v6Zd3KfAL/AK/wC/wC/wCv8Av8Av8Ar/AL/A3lJ1SqUQ/euWCFzTQo1qEat0O/j2JCgYISTBeSbWJCHyL+AQMCWDNMdYOf5bEcvFbxGdRyxUL9U+UhJIACUSIreITmIgQFVZi4SJiYlv4O6x9JaViLHTBAikpJoS4ofqt4u9sfOL1K50jZqSolfBLy/Wr0ZsJ3m79rPwlhucTp1gqMUfR/t9u/TcqpZ1o62NFj85eHvg4f/ckeaVz8vyXhGpTarg9fMKTWDELJW5WPN34+N3S/pWk8RXRmVf6oLoj07A1/J0l+cj8pAz+jVf/f+r/CvwC/47KlWiJqbhEPRQzMcod//AyEE/EQJyLd+JCTHLHfyc+YN0O8Ceox7njB2JPHGAHzvG7+gbrv8TjYu9HwG5CGnkX0jusO2w1n0MTbmq1764E4m/iV/FWnEEKtAv54z+C9r+BFMasi3mXHWGHEH57EbSadBbzLm3h45lA/67E0TfQvw+s9WR95qyDeeOT1u/BBs/Z/j3NG57x77P9ew8JhK288X1hYe818ZOoCx2nMO8yFx9TOph3+RNWXRYGJCCfvEvo9ntQgQeiAVFMYYZyLkf7i6DbPDwLtPC07/q5G6AXx6fToKKHB6rOGz90jruLoNnwsAm730D/pxC80xhMA2NihU6rkze+47WZBW/A1eCIq6asOo2zQA97rQ59tfr6NLBQVaZobPUNrlw0VlBVZGVQFbpLmT7EyR6J1/Cx7zjGGoed3hEr/LLl2UrLSatPGul6jhSM23aJBZfY0/HlcXXS4kEnJ7LvQFanVIXeqbMIIqh9nK0hCM/Co8HhImCdszSpc6i9wSvQ0/DSAd9epzUN6v646oMMEXLvhlB4PDj1A6us23atZuHrpR/ouqaXDdMwq/XwuI3ueqVs6rVK3cBntt9NTXepWzPjbufkmGTv9j0WSqM7DWxUkFS1Qi8QUm2EGhKt1vSw7cZbtMem9zXc/3uI/wrLu6BwXG2UCNvHA4pO4hDlScpgdxDAPucUZorjcx6HkvfRNwfFSSq82VsJOIag0FJz/opwrM69JsyyDnNcgWMyOTimN2ob4/cTO606eqTRrvHIOv7X0UNfYQp1Fw52Ihb4nQsPDuciEfBqqZGPEiNfkCqCyzfxWD019nFiLAUxM17xkJI5NaMEnmqZOW3Q/BlzPASdc9SXqEntx2s4egzPMMMMSpDogPhAmfG8yzV8/QC5Ehdv147PInSx0p/BRzYZjaR0j/ciK6nlrJjDxHgjs/LdRJKZ3YM0/8l0NK2TU7TM187qYyylcPPMviyDy0D8QfwF8vcjd5+i8EesPpuOZufvYr6WeAzhZ2R5wInkZgp+4slSSKej1/GfmJ2ZmUxkrpuZ4DwjuzaSsDOMzqajm9a+qhED1uUP2Ikz8Ys842ruA3A7BLXLFXvg8K5d8fkZrKSjaYQfYYDPGUGOnK/V2OzM3Xjm6qlOj0ynoxPYxRccmdFu9IFxDt19DQ2eYNwFSYf5SAexzzC+h/ZfY372YOVmfA7nSDJi/SS3kA0Az8Njb+AHhhk6/S75347XJZP+rMfu7u8DjxzcwaAJ+x+eHPZ8fHXbLfrqtthvN7xDmudJ9+01GtToNeCpR1TDVVdR9wfkzjvZAFALX8rqtNvkL1mxq6vWpKtDza7OSns6y9fozHuNRRB+HeFEAHgdYdsnF6oIh68G3iJ4NehxdEGK8JE36imZfnQiUtB9Hy99egmPGxjtNOEOfd9GQZcrvzQU07zbYEX7DYUqFHtwtFFVwYpm11PBim7WOFqxVLCS7HczBGS4UqtvCFdoL2S8UpPxypmt4pXqOBmvPMT5mrFPuOKNj3ZptT0buaSvejZ7ofTYKEGPxlYzniM5dp1Fqm+w1qse1IAPra1Y6e3FXUPEKrao4hmDnnUncddmj5T1J+OMVLdliZeXPQnufluW+AwpxDYs8WRkWeaNLLG52RKbJlnfpSX2UZKp+EPsO1lihyPZqRipM/4E7TNloSmyfSpO8PaeI61JbJ1/WNuvbLXT6GUTb7JGzhF2bYIKzUMkw0iNbWw+LwTVAVdOl6c6hzJT7ikK0uw7J2zvHdeRFdt7pycbBzB5xgi5tiNT7q/KvIe3zbxdmV4g/I9cw7Ll2UrL7ZyZJZ0Zqv0Y/0egE750RGMO3sk8x2Yg5ugxxs14s8859HyLg/5GHnQQfL4I3F6TncV+B+/7x6Ss7n6TNEd68TDZVbbtql2LBmiaHIDvlzRCuytq+iZC0bhll75CIvx+Pb9hVcpVq1YzatE1hWGVNVuzqxXp+WumUbbrumbayvVX9HpZt/S6aUjXn6SgXL99nc8fxXcUhvT5uh5dUlTP7sbpF9cVv7frihJkan3VZUV1JV1cf1mRTZ2Ly4rv9bIiyXlxWXEXlxX52tYKqAxhIekvkxXoHtnRCh4ttq3URmNIjyJtsdga+5zIkIUNv9oKmhkr+L8tVP2Wp3udjm9Hd4wcdOdRSncUL9dozn2MSc5L/g18OeohUPiMwWITBx83jt6uNvrQpRHH1BPolq7+Ym7hK+vpLdZRDRTIz1fRMua/sRtIsMMc9uB66fwZq3JAzWcsqZ2vQXXOGkre6gO+r2JOSG7/iGk+4FU+pf+v2c3NFyvXWd7iYiW/i5VhZr3f88XKfwHRL4pfqczKSAAAAEhta0JG+t7K/gAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKaQzoQAAHbtta1RTeJztXVtz20aWxmbiOPLdydTsw76oamtrn+LFlQQfRZGUNKYkDkHZsl9cIEjY3NhyRpKV8bLw3/ec041bswECEC9KDCtRk2g00P2d09+5dAM6ftm+mfeG+7O5Fgz/cTKbmw3Xs1v+ODjv7/tzNXjDitdHHX+u2XZweDTy5zqc3HX8eVMPhs7ZDOrbB3AJn/8LBv3+zbw9gF/7e6OrufKjMlY85Z3SVlzlSpkpXnB0cgzHH8HxCzh+CMcvlYmyq/Sh9kKZBsPO6Rgvu3dCV99zZnNjagftzhF0MWgfH8/mUyjgsBu0nS6d5PRwFG3nkL61+6x4ScX+Cb9At0ffhyM6t9emb70hFSfsoDOAc72gPWKVI3b1kcNucsyux4qjPezlCfZKDTqnGnanc6rjZTqnBhU9OKhDobPCwCIogM3TBWyGymflCxybKFNlcluEtD8+QqH2OICLr1zfRns036ysP9ot0dHWqz8xOrfUHxGjMhq0ZYwecYz2AJ9LQKINv78AWh84Vj9yrGIM89DBfifgaZgMH6pfio9tpvBRU/gYehqhyS3nmM4Q0hlCJkPIZAiZgTN4y6TqOPDBG8OBUzYMxzmlA2UwfMgxHIF2/Qv07QvUL9MzQ5cpWj6QWotDqY+9ElB6NoOSjq8NTL1VDMwnHMx9ULiP8DNT3gNcrvKb8kH5ygHdSSjlJ/j8WfmcC6bGZ61mFKZ9TTXl01bNmbaWypAkPkAkfbfwzNXtwlgats6wNLRJaezyJ3RzwqCzPYbcdEUOhZpnLvWKZFcMsqoA/QPm6QzPSgFkWgwgbSzols8hUhlGXt5ERbVYrltEiAmckE0RJ1KqNQC1qFvRRK06QYdQO6YJepGrZlprtXq2WqO6Hj37gWP0GmzBtRSdpqBigtOR55dh0xQ++tbxcQZtxv5Oe4H0H0Z4fSCf3gONAeQEbdonu4mU/7UQ3XO8NN2TIiYQftMrr1Jmg0HmcsyMiVnYdlaflHBD3XIZkGhqyiM5IPK/BjQ/lkLSNwtYTj+0nOhPFAQy4jYOJPkkq8cR4XNCbwTJjbkl4QdElvkl4YdhaYjvp4OLMvCSzVgaTpA6l8Z3yj0TbIwAtxqrBngIuOrTKcNMNBr5mFVxkOWkqFu5DrKnl5/jkXts6Qw6hmEx7LRpYWqMFE/3U9DtRNChBflKtrRKbJYOzShEqJj7KDKRdZt7KRSUFETL0GVoNRhaDYZWg01lRoD4YewLUxltzPCwBI73I2/FVX5dkiOxGYothiK5aAkU1duiaDIUmYpJYbRchqOeg6Ol8jRAi+cBWhxJrngNrnkNMwtMdiQBJjid5ZRyBDMdVFL5tcwsLqSVxbxnuVrSZEZDPV45/5GBoTkcAjlMWhpme5arZ4cm8wfiv3S6KlFTeNJLswh3IF2lVUxXZaP0TIpShxJ7Y3DB86f1XcVJ3xBOI5jHMwhP/qg4GSvHaSfC6TN4JNcbTAzn8VjLMysGadwkqAwalUGjMmhUBo1aEJonUhXiqzHl1SfN9ermV1/yyMhiCFkMIetWlH1I0evNkuj1rq4wcJTAYhNMFoPJYjC5DCaXweRKff8ehpu03DJCrpEo0yW4X7vKMf80VS6LuGJlXAfNmhZZbFClQX7pKSd3HLg7azOobOb8s7WG7MRIPnaHlGD6wBNNH4it0tih10hpS4yASJpqypFlcdOCIyudjKSLRTPi7lqxKw5VOCP7EUTZiibm3zzZjMSsdSZtxTF6hWTS2vQs6dfHmST0VCmTZE9L4Hk/5eZfrHbNveBClmAaNzBNI7AQxyRYP3CwTnHJgEP0IArP0bfCdNsy78qtujkBo5llMBlCaBmGQmGqjRR6IbDUCqQz8Ch5WBws3WaxD0U6exSwkfI1GizyMbGkdOJSDJ8nMMSMEW72cMhPdblXlm8jXGmCrQCkmMnKWZrxXAaqzkH1dCG/NuE5Ima4l0SYoLoMVpvjajNgPZsB63FgPVuM1/HDMPyQmuCsKvoQJpgGQx6TDodhitNZTNfJRBEm6TYCvzEpBL+QoovQz113zciVmNzvMxn24CAR9lQaVBLSDEUp0mTEEWBS9CFT/KLwPojgvaacCm5GuSri/4SL2uFmC82dFsC3iP9jCYyRZlbkWwRXywG3YZYDNwRO86McCQGoL2eKn+U5ZL4doxj/NivybyEzxVN7vivsEeBwmuMU/Zoy+g3hFHnC4nGcxQM5KNObLlgWasgAdYacmvl3BFrzpZQcRjgDgPICPi2qq6b8ArUzgHzpWlJ6nbxy9jkv9ivhA6QV1a6aOFhE5t9lyIAa7sHRa/j+C3xCRx0jw6WLHKvFbLV+0woxC838Phj5j/B/OHWTZ8rCGQpbMl1Mt3xioYSDWdzEFAKK5iny36JtQc8TaxxWFoM0NNcH0caDGRrs9Wwf9oq76aV2mwneJ6c/lwHpMiDtBUedu57J3WYpQJMAPuYAviaPZsqXJkkHhQWNYtkbYd9eFFcXS+DgEmNJbYx8HnKZbrUsKUUyWjOPF9ooVxF+GJ4mzLbKrImgpMUxLrZopNsyPWUJoBUiHK4ZGeG6r1UcYHlMacjWjGhmZ839cjCWCcp97j36ae/RdwuAWCTcvG0CSK6iugxBFpUno6BosU3cIRny5ZB72J+VTwJfogm6UHzclIXmWoahZpkMw0YaQ7cEhA2pHkqdGrb0W8WrCbUwTZg6V0MqDSrZ7G3w6VsctFDh2CJJfrhiyCatsE1Sbl3U4t418e0iVmNz+aJ5FKsIi+ZIsIQX+2CwD8y/tqfcv8YPgxBDJwz9hiFHsqRHMUzDfYE9DGFkiI7NVHAdal+Z6DrXXhOGss0I8viPY2rIMPVsecDS4tm1Ft/U0WqwTBGFJeEaeTsOU8I1cyE7ng1iHE3/E2B0yaHMV0+rqu9TwqKwmC+ReyuxCwviQ6l64vEeP95jxyMoyVo3ubFuMg0NISUFPWShYbnJ/obwzLcuaQtdaN9gGV+Sa+ZYuhgqRNJS65KVmMjaIZPegclVkSLmjGdBzgCqCzLUX8gBD93yexxEQ+lU2N7WLPIcTZGQxki7OGkAQVUkqYhiaTPdluSCD5mNLoPTgxgniAMPyM35PR8xqYEp9uhRCJm2XOc8qYHRpjIy1DYK2aPIg/lAm6Qx7TBd2HovwtaouuagFV8FjGIVo1F+U2DoCC6L+g5D1/lw0XVeBt3zyOZ+pKc+yi4zyFcIb696tJ88sc7gSr3pUPmKZGJFSyxVvtCjGUaLBYsOTNEJfArHrynhtezx01VMYKt4AlbAsLXcaITbUwV3ekXTN9RB3Js/o1zh2nVwYSelIVXClp1e7PKlVkO+fihs8PXkFCjzB8U0TrzMxb2YZB6bqSsMsGkxs9wop62Po8j5M4UyHwB4/ohEvs6ubkNcnp22pY/IYR4kgbheZgUmS2uZf+MsBoHLEHySQPBflMTZpUxFaQwpMVjiYdcIR3N5KF15fQBj5QJGiJIQXlOyIZ02+dCB8EO4/DLgziQOkS3IJrxLceVwmRT+xqXwila8PNr9ekWLD8jAmCPejQmmPJ2wR6mKKraUTdKKLXhTlGpb5JJSHqjBc0QGT61DSVzCxZO0bwMunFQyk6SVWCqz0ytl6O8HvX7nZt5LvmnAJ7E4lJCbJTaR+iSOE1rT+ESCOsus4eLoMUB6jBt6DIdel7S4N+zQKcMhqztkxTkWQS8ZxbEO8dc+YMQmdClZc5ZZU61LOusSFAdRj55Df7xoPWLCtfE6seRzFXGxx/d8oOnzlF+BR8LVi97BKwD+ZJ9d/Ag+HwzwJSw99pIVlf4FiSotrOLvX8G6N1in3v46WsVLhFX4r5fccOXzZypmlNv9QuMX5Tbk6C2qUrKmmtwMJjejllsZuT3hchsCMh6MFvMm7wXpPYlkJDvnrMA51STqMom6tUTLSPRBNBNxLQB9mWRc4yfWCcK6s5y6apIzmeTMWnJV5iKTwDX5P5chXsJclJ9zVuCcW7GrptUiLSPS2Ldyaf9M/KChz1P84fGzjOPVxGUxcVm1tKpIa0BOpJd4j5TPsxvh8bOM49Wk1WTSatbSqiKtHiEyifAIpRIfP8s4Xk1aNpOWXUurjLQec2l1+TtlfiN+Szonj7l8ZGecLT2jmixbTJatWpZlZHmfy7JNi6lX0RKrH73R4TKadeLRanLymJy8Wk5l5LQTBXc4V9gD0mJAHteIAXlcU01mEyazSS2zKlbtNe3XnC5Ytfj4WcbxatKaMmlNa2lVCbYH8TpX5OM/iLzDZN1ZTl01yflMcn6qY48iNZoqY6VDovhAy3DhenuoNmL92ZL6ap3UeKYXy46WQLTX0VPfjNQ3M/VthFcNggNKYNdqmq+mlQB6lgDoC5w1pGcZ3tB2DLaLJYbJkPatpapjPdk39YUVDzBv7B51XMBwXTfZFsDPBYAT0IbHsiB+EXdirOqumzX+iQ/V6cqW2DIX5hXfaFtQP+FQY80YYwTalbAIckPeL8PGuZgcnG7HtXrLbaZrTSuuHTfEto28ps2cpprYI1F0f7zub0shdhIKga4tWrNYDUxZb1pNs6EJE8CIJsB4YntWutKOahuePtUa0oFM/cnYmyyKcjtd2JY4nnJxMBtzQNuc8dwlNJjN8wluUlX8P7Pbsnm0rptsW9sdehH0jaDtUtZoGS0wrVmsYer4k8UaY2tsjLUM1mjQvyzWmEzxRwqCreJPQdK7093flho8jNTgN740i+/3/7RMFWSKrycrRQthJiyEm2M+xCkDfBVfNnM+hd0ppAd3t+/bplrcWfWZdlZfK6f8TQ3vl8c+ekt1rVbG4JpSv/0W19kWSGFwGIWEcZi4DKAwcsvrVRGAil1n28Fhl/bn08492mweme5lpKKrhrcwMaMppI1bTW2cRdDa1PRNK2NqNtyppwrsHRP04oU1sUeFeOVOd39bSvGAK0XirexQt9S6LBrUGEm0mQsUHcHRaIhzJIEkNmz6WUiyG2fxD/xX2MDc4e5vWxGYO7/oxGcQXnZ/eJKnIHEWuc4qkr/dXudm3u0l1jWnBNARbWpGWmzD7xt6o0y4LjaNns9xleugO3Bu5p39Lv56Sca5q/j00DZ6Z0cwi9gG6Bl/9W9n/xWc9T333MDRTLR9mGp7TK8ZO1I6vM1/KXOlSbUNRYMfVdGVX+CzB0fwEx6b0LtebDjWhBqVfiw6swm/NajBb0HqrjvxGJWR8hU9S37Hf1PU1JkPEme+pmeTrpUP/NzvsEepsx8nzg43L10yXonaNBVLaNOFq4ITQy8OoEdloaQV/ow+Paa32bwnNyj8K2oX1O4qamGkWjyity1eKb9mni/eIX5TY4e/vsmlHSIhTn8haYhYxa2iHibON4SR70BvPlIqY7pECk8TZx7Tpsxr/sLkGYWFYStNaMUef0rpdDzxeav7yn8C/j7XnPR9n9Cz9b/zmB5nwWSh/Q60VxM/huILWB6SN5Z/BT/xI17hIV3hI/fpZP1PtBZaOvQ44oRGIWuZ6LmAXZf/cS/QEpj5Ls25ZWNf1AiHdPl3kMRY+V82y3nbe9BbdMCuFhihTVK7pvnjkOZdZ2rG8/DpVH7mZabGii13opbivBbP/G9A4lfof4+kMCUP+5JL4xTu8RF0l7367BPo5Gea8ZdwLMlsZ3D+CXswlN/lYYJxdxOcSxRdgp13ODu/pbn3Fu7xvmbomqHXztBGzdA1Q9cMXYChHywytKLXHF1z9No52qw5uubomqNL5DiG9CRE7UHX7Lx+drZqdq7ZuWbnEjmOIaCG98M5VzN0zdDrZuhGzdA1Q9cMXYChf+IM7cC1w5d4sfNp457C/oRjzdk1Z6+bs/Was2vOrjm7hFed4OyaoWuGXjtDi1xbM3TN0N8yQ0s0+ZvceafV7HwH2LneeVez85+dnWPtvA07f3s772qGvgsMXe+8qxm6ZugiDP0t7ryrOfoucHS9867m6Jqjy+Q4vo2ddzU73wV2rnfe1excs3OZHMe3s/OuZui7wND1zruaoWuGLsLQ9c67mrPvBmfXO+9qzq45u4xX/e3svKsZ+i4wdL3zrmbomqFjhu7AWaj/CXlGL5xlDB3/oY13qbM2y9Yu8FtLMeFnAtezV8LW+Vos6qAreHcPUq2X7bNOnsterBiziylwQ/LcLJ1r5oxkkSMNQMDaiO6F+rSb0pWyuheuiHCr8s3pWkPI/qxO1+zSuobeiP4H1rYnXNuSdkf0Rn/k+oY5A7Abf/p9xoagMdm+qBjT/nE9UXEc2/ZE613Gf0RPVBPmdu2JZvPzo5hPgaETaN+CoYdwhxkh+udmaNHXrBm6ZuiaoetcwWoZ+nHMp8okl6OfpqS4S+NifzjkYyJue5B66i+s2yxT6/SXAm3gOIhbQI+RlXX4USOmxmN4Do4m1BmbuN2nmA/5OijNqQ2BWZbznbhDtihTZGn6evTQ3IAeyvWmigY+Sl1pe/kqi3sBPtl/9BKa8GPC+dW1sGy+ypLwYJ2vWvRQZdpSRfee0kz/SDModTXlBf4saOByLRorLZCkB7/Re5yS12mSpxBqEWanUId8YjgmdzwbOQ91bwLnBxtActnYkz34DxhrG+7hUw8Y472De10S66E39Tt8v476h3Py/6I73aOx7+Lv1FXvKa6gR9/B2NNa9KMyKZjjuge1+R4SsW9KSx6BJk/Aw/hCd9hNzNDw7/jtEcN/hrp+xPBXFfQC2cGEep8iDo3YRQOZmgvRiM31wiUWQv6ZwP/oIbY2ohdZY04zyBXUA8OQf/eOW6J38P29Ms70xtNtPnCvP93qLzBma8EuT8gOXxe80+PE+cXvsgP1iMMn+C1eXys4+mlm9JU3+rhV8dFn3ylr9Pl3EUefvH569M8yRv9eCf8gXZbPnYWA2FLWvycSFJbd8akUiSJ3e5hCY/E+YsQoR2SssD/HJe+diGPcw3Q7Wf8eS9DIv9sTKRbL7/QghYR4D21dVqIUS/8N7noZ5RC4z678j+j3V7bpBrAwsu+Y/D3mD7YAKy3lGWI9YqyS3UfublG2Y0K2XcwkrYe7yyGRnp1jSct3dHXU0osoblqcZZ5w9SKttqUrDxJ/RG+Xo/9xw5HGhHTCJH/LoyjXpaxjS4g0UMfcVGaSsjy0xjkV9OleZoZHFnfeBx37jbIzqHFfE9k28cydRAYKZTrJZJh1xZkyeZWT+Q4cQZ69Ia1eDQtMIxYw7hwLyMab5nTybmi+fVZmNHevgoMBAHowGN3Mz/v7+Cca37AiiI/plsWO4odg4ZqYkVrlNR/Flnel130Y2rGVXnVbjPZcOaSx/A/EcJjz/EJagvdBVl6Ntk8ibdfvnLYXGX9aUz9w2S+3UuizLl6zSMtnFFmXt6aPoMVHOjeKZgU9kee/t6V9PySf2qgUF+tkCzWuO79Q9m2iNCRxcZgt2U5cnB7pXcB+JxmfV57p6cyEHmUmrDuXmZCNt85K1FmJOitRZyU2n5W4B0yGzy1OIz5+xuPs8BnGXZ5F3YMr/4b59QrsjFbRgN/oUbnEzh6UJq0iJNnZonWoYrtY1sPOy0e/Hak8oHFe8NVytmemSgbfp51CKsnDJ9R9WreJ1wdVkgTG5tu1k/IRbwL976OVR4Z9/L0K3hrU+cRDZrRiEkbed8kviUe5DYx3wu9w9jH1eXGnXVm09TuMtmy828D9mXIA/fpCkd2MVid3o56txhdXI1/cuHNSWD76ZB/+SvY6eXZotS/Jr3NplfdLtNPmJxjRC+La7J/GVqT+hOQWZgJuL3ELJGaTpW4AIg2yKj6Pf02agT7lhzXaVWDR7gLc1Yqen01nuIqYC16PxPNHviZZpDz1T4n7J/VncRdBS/Az/5rZNnt3gbhXYFEThlxvMR+zirmPDGzQThrGwDpd3yZNwNUmizQBZ7hPujAhX8QkNvBp9nsb0oS8ka9fE36KGAPvn9YEMb/2HSCU1oWfM1v/E0pX+ZhaE/kOeXaJJjxS3ir4RPynFWhBiz/DhgzQiHKsOtlhfL5tTHyAjNGgFaQxcYFPa0o6ZWXR89+EFmSPev0a8AzOYfcuK/3n0pZFJX+f75O6pD3lF9Gzj+mj5aXukTXHaAL3wrLYgj2XsBhbNLdq98WxbsIGy1F/lD56K+9Xo914PmUaWBa6RbOwueB3hXs/t4V/9qi3J4mn0M8Lev6E1exG+6irsmA6GjHvcDSybOzr58KfifHiHryjrNgVPf2/Cs867/oyxrUExv1bTvvrvGeXhLzOCa3U4rpXOP/3yOrtxjWV9W1KmoN7v9HCepRlU8nX+oVqxnxHhgGj08hjZ88noK2dksVGn2wz8z9r1Gn76NJZ7+A+4VnFpPWztOUXXoo7bDe9GvmDsk/3/wI9vIpWIJPHqnCNT5EU43WP+1mtxM5ctmNbBVlvd8d2eqTrZ5aH0I/wfouyx/1FIWMYwpODOzS/v+a08il72iog3+f0hALD5ZJsHlqF3VtKfUI+dZN8rBZJvUGxVCsl9TFF262U1PF/n87dTNxdZPx/Rl34mVYOZtzLceAaM/4Jn+B0aYWhr3Sjp42jTPctInCb8ixTmtnMC7cpL5P0wpswwibF6E2K1fF3g/TIIubYhE4sjnYT7PsTrSd85drHnqj5Cp9NPj+S8kg+f4fxIXsidL2SadAqmEFZMfzNvps0wzc1W/PGfddktEO+6iXb07o12Uzo2GZWDhbHe9dk8lTIso5obHjH7cnH2tgTaflj30yEy95skX5OMHz35QmNBeOXTe8Z3/TbLNJPjK7+3Zfis9dF3mehCS2Wvc8CM3jlnvBefKqwfqdFuFOnfqfFt/hOi0080/19xvsD5FwcvmnwkDD7XPPwLXlYbHMXeFjUu5qFaxb+87GwXZiFN/FGlxQLB8cO0HAw2BvdzNv7/dnc9z0Lf4Ie+9ZUm01bD9qDiK1/pMw5vn3YJbb1oohmrCTeDAte95BnoXHv7yQ4i1bz5PXDzul4rgbtvZMZFc5sbkztoN05ms21oH18PJtPoYDDbtB2unDQN+FDj2qdQyrafWrbfknF/gm/RLdH34cjOqnXZsWQDp6wg84AzvWC9qhNR0ddVjhUOMfseqw42htDixPslxp0TjXsUOdUx8t0Tg0qenBQh0JnhYFFMDpv38wZVvdABizmuQAJvLyZvx6cz+a2GhzycuS8hQup8OEIgB8ddWbzpj8xfVouGZ33VnOhoHs+uJn3jkfYv/3+EItBnwAZ7JFe9EkYA6zCiwxG/PspQrA36LPCQcHt7e3Tt70OFc4I5TXod7DBAV5UDf4++MdsbmHpsK+nrBhg+4PeERZ/d/AcF8ou+zrCy/3daeO3Xn+ALXon2LkDp4/H+s4ZFh1W9J0OFvvOMTbr7js4mJM3Dn7rO/TtcERyPByNrsI31U5phvxOJe1rDs571MXzY+r/aEiXg5ZYnHdIA7q9c7iAEpwcmzdz+DWbNwIqfFZorFCFAsoeng86aQVUgPXonuxjOdojBR4NXtPNsaNQeXwCDY5POnS3oP8GBt/fewMT9uUBjvVsyHDgXlMfxvBVYe/N0XB+Y+XxPomqc0RA7PdxNnfxOvsvsbrbPwaNOj6IDpyf9ujBSFbQI5ENPXxOknTM1JmOaRbTMTutYl6jMRFS/mdARGcw/bvgaIVLOsljooP3PVBD9Y3nP9IiPlLle6LGrxH9xxvHRcOzzlef1dv7l6ZnOqM9mNZAMoeRHtaG6ds0TO3hgKzQiOxG73SEEhiewEmaMfHcYHR67s8Nw4APb/z5L3ojGOz3cPQDByq0lv6ipVlN/ErV1gsrGHTTNd24ppeu6cU1bejboA1G8sjZJyVw+siAg8E+2cp2+Ly4ZtiMHTUVmlFHJ1MXhOF0fLR47bdwofZbIvn23ltU82RrW9Za3gra7WOnUO95p8LeDOS9GQwd+BS86mLXX2i6FXTOSMXibp6ekO1OXsIudQk1ukQ4jbunPXbJejbXs7nIbNZaDT6bTSs1my2LJibOcZrNphnO5kRNN67ppWt6cU3h2XyLuWzJGt9iKt92IlulrpA9j+HfqyNQiFfMhQQ/VHRBNe6C7oAfMoVZuhu7oswN1Zgbqua7oQs3Cg6GnZv5AeoIRAmoIVCgYhgNKN+wktFIg/5Biw64kgcdutlB5yVWqSr+D98OMXTovMIbnTo0DU+dPXLM/x93PZYw7VDjrQAAAL5ta0JTeJxdTssOgjAQ7M3f8BMAg+ARysOGrRqoEbyBsQlXTZqYzf67LSAH5zKTmZ3NyCo1WNR8RJ9a4Bo96ma6iUxjEO7pKJRGPwqozhuNjpvraA/S0rb0AoIODELSGUyrcrDxtQZHcJJvZBsGrGcf9mQvtmU+yWYKOdgSz12TV87IQRoUslyN9lxMm2b6W3hp7WzPo6MT/YNUcx8x9kgJ+1GJbMRIH4LYp0WH0dD/dB/s9qsO45AoU4lBWvAFp6ZfWSDtBFgAAAq1bWtCVPrOyv4Af1e6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4nO2djZHbOAxGU0gaSSEpJI2kkBSSRlJIbpCbd/PuC0jJWa8d23gzntXqh6QIEqIAkPr5cxiGYRiGYRiGYRiGYXhJvn///tvvx48f/x27J1WOe5fh2fnw4cNvv69fv/6q99q+Z/1XOaoMw/uBvM/i9vCW/rm7to7Vbyd/rkdXDXs+fvzY1tVK/u7/bH/69OnX32/fvv388uXLf/qi9he1r/IpKi/O5RjnkU79XK7az7Hab/mTdp1baVpf1bFhz0rOnf4vOvl//vz51zb1T/8tuZQMkDkyYj/nVP7IFJnX/mwX9GvOJT+3E9oC5Rv27ORfMvL4r+jkzzHkQn+1DJFztRX3WeTHNeA+vjqGPgDKYz0x7NnJ/6z+T/l37wzoeeRef6stINfatiz9zFjJ33oA6PuVnnXD0HNN+SPXklVd6z5IX/eYwHn4WZLHdroh24n1jOVfbcRpDP9SdeL+c7QfXc1YnG0fp19n+ylZWd4pD/pt5l3XeSyXsqxt2iB6hjHJ6pphGIZhGIZheEUYx9+TR7DXp//zby/vWfLd+h5c6mu6NvWueITL6O1qB8/mZ0id8Jb2vruW9/Od/M/Y8Y98hnme93W+xC69lfz/hv7zFlz+9LNhz8Omjk0m/Xfp28MX5GvpI53PkPokP85d+QNN52+kjFyP/ci+LNsv7d/apZfytx/iUdtAyt9+Nh9zPyl9ic4suSAbbL7s55z0C9hnWCAj7HYF51HntA+T9me3HdoM90KemRby7uzZmV7K33X0qOOBrv8DdWi94L5tP459e12M0C5+yH3Qdl/3/0o763jnb8xnSvbr9Fldkt6z639AtukDLuyrKZnhb3F/Q5b8v5M/fd8+QMf7WJ/Azt+Y8ict/ADk08n/KL1XkT/P9vqbsrG8i/TF2xfn+t7pBvSJ2wm6xboYdv7GlL/P6+RPnMqZ9FL+nNf5w/527FtLP1tBfaU/Lf139u3ltdRt0dWR/X08R8hj5UuElb8xfYi8p3Xl8XjmTHreph4eVf7DMAzDMAzDUGNb7Jv8PD6/Z1w99oAZY78ftn3xs02+iwu9FX/D/MNnZ2fT6vzg1gnoDseE59zA9C1CXuvza19nP8zyoK9GP5yjs6sg/5Xd13YwfHzYjtAb2H89x6dIv1DG7ttn53Pst+Mvx2gf2JHxSQ3HdP3cfhfXe5Hy5/puXqd9gbbvWub4D7p5RJ7rl/PP7LfzNeiI6f/nWMl/pf9XdvD0padPHRsp7SL7sWMwzhzLdlngk9jFCwz/51ry73x+4LlfJS/PBSzO9H9wXIDLybl5zrDnWvIv0MnpOy94hhfW4c5z9fxf6Qa3OT//HatQzNyvNd27XO1bveN5fN7ZAhjD5/XEjTid1M/d+J9nAOT7v8vKsUx75D8MwzAMwzAM5xhf4GszvsDnhj60kuP4Ap8b29zGF/h65BqryfgCX4Od/McX+PxcU/7jC3w8rin/YnyBj8XK5ze+wGEYhmEYhmF4bi61lXTrhhxhfxI/bMT3XkPjld8RdmutrNi9I67g/dx+ZfuQ7in/tDM8M17XB9sbtrnCa/CsZGz5Y3/BJrdqSyubnOVvfyJl8vo8LuPKnmCbwepeKDN6zPLP9uh1Cp/BpmzbKza7+t92tO6bPJmG1xDDr4cNvms3Xf8vbNNjG1tg/U/a9vnQbn291+fymoSr7wuRR8rf646xBprXxHp0kBG4Xnbf5DIpfz87V23GcvU1nfwdb+Rj9h+zn/5Jeuw/+r6Yj5FP7vd6ePeMe7km2Mch+4VluXou/qn8u/2d/NMX1MUi0a/R7aR/9A253TH8FNbz5MHxR2fX/+17K9KPA7eSf9cebPt3PAH9PX1H3b3s2kbGqJBe+ikf9Z2Btux6SR1w5Ee/lfwLr+NL7ACs1pzOe8172cnfZcjvC/uaR5V/kTEy6cfbra/Pca+nmWl1bWYXl5M+vy6/1f7dfayuzevynK5+nmHsPwzDMAzDMAywmlt1tL+bK/A3+FN2cazD7+zm1q32ec6F5wodvT/egpF/j30YtqHlnBpY+ed37cW2kdp2zD/f5bDfqfD3RPD/gY/5WtuT8C1xL5Y/37PxPb/qPBHLzH62jJuHI/3f2eat/9nmuz6209lGa/+M2yJx/vh6sAFyrb9R6G8JOcbEcqYs+IjuraduzVlbOxztp2/mOgEpf0APuC1g16ct2DeL/Ch7zhux36+bU9Ltp936u0CvwrXl3/WfS+TvOR/o7vzWoL/JuJN/Pg86n27BM+kV5wpfW/9fKn/rbXSwY23sw0M+5HGk/1P+tI1Mk/gQxwg8sj/nEjxuoo/Rr24h/8I+Pffn3TzyvDbHfzv548er9HP89+j+3GEYhmEYhmEYhnvgeMuMmVzFf96K3fvqcB1457Y/MNeLvBcj/zWe3+D4eubH0Y+Zg2O/XaazsqF4Dl766myH8ryglQ/QxygT12b5sf86fh+fpsvT2aNeAWygaQ/Fbuc1Gjmvs6kXnlfHz363XDsU2z92/m6Ol+279ueSNmXMcqXf0f2/81ViU352+af+o16591UMTzdPKOl8Oyv5U8/pR/T8NHw/2GbtH7T/0Pe2Kj/Hco6X91d+zzLPb8VO/pbZn8p/pf9T/jn/135kjmGr55jn8u7Wh9zJ320USIs29uxtwFj/W//dSv6F/ZB+znMu4xLaA3mc0f+QbYM02bZP3O3vFXxCHv+tZPye8vf4L+f42QeY/sFiNf7byb/Ief7d+O9V5D8MwzAMwzAMwzAMwzAMwzAMwzAMwzC8LsRQFpd+DwQf/irWzjFAR1zin7/k3EvK8N4Q33JLWP+YtXMyf+KxKN+l8ue6jkrr7LcWujiUjownPuKSWEDilrwOzlGs+1H9GmKj4Npx9I6d8nd4iQvsYvcpk7/r7rhfykt8lY+Rds4XIN7cMeeO1U28NhBrCGWfZS0yx5vv+jX5nzmX8x0/S16ORbqkfok58s+xUe+xrlmu10a5OJbrfxEPTj/lfjs6PUo8l+/b3/6hLex0APG6xJJ5TkHeG8fpZ7v+Q/6OCVzh+0794ljKS+qXcykn6V5L/2dcfuLnMn2bNu191LO/t+HvKbke3G5dT7v7ct4dXhvM97Nqh36GIrfuex9w5rni+TI5d4A2lBzVL9AuHJ96LXbtOvsr/cf/o/OyTXveV5ce/Y/7Slm5r1r3rcrqtaJgJbeMDe3SpGw5j4W8EueV7Z62mRzVr88jT89VeivowVX/Pzvu/RP5c47n3GSafh528eBOt5uHRJ3nNyouWeerGyt2OtN5ZTv0+DjLfaZ+6f/dfIW3sivDkd6FTv45f6Pg3cB9lXtCxp4jdAav6ZjXeO6Q49Wtc49Yyb9rr4xTrB9W7Zv8L9Xnu3VKPW/qDEf9v/A8i9W7TCf/o7LzTKzyOg/kRF2yNtxqrGadmfJnTJjrBHqdL68r2L1be46Z3x26cvDdQ/RNrlnXcaZ+4ehbuxx7j3mLvKOu8s15GgljBch6Qb+n3vS79JHeO9Pud++Eq7GAxzmXrBN6yXN6V7+U+0iunPPs81aHYXgz/wCggvog4L8lowAADtdta0JU+s7K/gB/koEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHic7Z2NkRwpDIUdiBNxIA7EiTgQB+JEHMhe6eo+17tnSUDPz/5Yr2pqZ7tpEBII0IOel5fBYDAYDAaDwWAwGAwGg8HgP/z69evl58+ff3ziOveq5+JzpawAZfj3wf9R6fmK/jN8//795dOnT3984jr3Mnz58uXfzy6+ffv2O++wN2UE9PtHRtT7tJ6Vnk/1vwI20f6u9l/1Ufp2laaT1+3f+Z1dVPKs5ARdGr1epcuuZ+28ez5wauereuvsH+Vr33W5tG97HpoPeQWq/q95ZfWO+58/f/73e+gt0v348eP3vXiGuqgvC0Q6vR7pM0T+nibyiLy5F2WrXkgX1/V56qBpIy9PRx30evyNz6r/x9+vX7/+fu4KOvtzTWXR8iNNlM8zWZ8jPfcy+7sMUZ7bCJvH39CZponvjFtccz1FGp3zOLR9RT6kRxfIqelU7vigC9qyyh3XVB+qZy2f8X3X/vrMFaz8f1Zm1v/pf528gcz+6m+oU1Z37Bx6Vn3RLuKDL9A+qH6BPFZydrpAPsohP/cVVZ39+ZDPy98Z/+8xF7jF/ug8+iP17uSl/pX9fR3iwLbYPf5GWyB//vd+hqz0UdqLQvOhTpku8LcuK+2RuV5lf2TU5738TG8rW1zFLfanHWu77+QNZPZXf4fvzfoofd39j+o27nHd/SS+I7M/etA2lulC06nNaRfI7/bHP/JM/OUZzTeuIeMz7E9fUX3QnwF19e/qbxnfHJoemelb+j2epQ90a6XIi/v4TcD/kcbvISd9LwP1xodkutByMvnJX8dD+of/77Ko/DqXqfTpuh0MBoPBYDAYDDo495fdf83yb8E9uIQrOC3zNH3F257CY+XEpVjPZHGBe2JV/urZFZ/WcZiPwqnOrui44m3vIavGtqtnKs6q8h9VXHq3/Fv5tEdB5dY9E16nK3J18fx7tetMVuXV/P4J51WlPyn/Vj6t0pPzhs4p+h4F53iQhXycA1nprNKBxhW7Zx5pf/TjnFzFeWncXmPmVfrT8m/h0yo9EaMLwLPC8yHzyv7E7VQWlbPTWaUDtT9yZvJn/v/KHpoT+1ecl3PWyr1WHNlu+dT1Kp9W2R/uWPkj5RQ9/8xGyNz9f6oDz6uSf5crW6Eaq+BG9H7FeQVIq1xMl363/Fv5tM5P0oejjGgP9DWe3bW/jhme9lQHp/a/Fepv4BqUd698U2YXrvvcwdOflH8rn9bpKbO3zjsZF7TszEYB5RaztDs6eA3769jJx/fiKS+IT1POC3my61X6k/Jv4dMy3s5lA8opVmUzJ3eulOeRZ0dnmY4970r+rl6DwWAwGAwGg8EKxL6I+ZyCdSBrmFUsqksTc9sd/uce2JE1gG4eWeauLPcG52JYd3sMfwXiH6y/d9Ym3fr1mfsZM65R15SB+E6s8FFldtcfCY9dB6ivxre69q9nY0iv+sue5xnuab2d94p77pf0zEGmM57p9El/8ziGx2iz8nfyymTM0nXXd8vI9LiDVRxJ9+RX53GUg/A4re7V1+dJoz4HnSuXo/FA5eyUD3CZ9BxRxZ/h88hHY/5al6r8nfJcxqrM6vqOvMQbVcYTrOzfnbcEXczS+S/4Ou3/6MrPM2TnO8mrOmdCOchSnY3I9O98R1d+lZfu13cZqzKr6zvyZno8QcePkd+KZ+zsX+l/52wR+fqnyxd50P2Oz9L+nsXis/I9r52zhFWZ1fUdeTM9niAb/5Vb9DZf7fu52v8zXVX9X8vu7O8c9Kr/a95d/6/mf13/17KrMqvrO/Leav+Aji0+huGfdHzp+CuXaTX+q9xu/4Ce4avOn2e6Ws1ZfDz1MU55xax8RTf+a/qqzOr6jrz3sD/1rtb/ei9rm9zXPuQ8ms//PY3OkX1On83luxiBzoX5ngEZ/D7ldeVXea1krMqsrq/SZHocDAaDwWAwGAwq6NxcP1c4wEejksvXHx8Bz+ICWbv7HszVOoL90s9EFWer9mO+ZzyLC8z2MiuyuIDu2dX9/yfrV7UVsTa9nnFu2J97ngdy6HXnIne4PNJUa/TOLpke9FygcqSVvm7lG0/g++/VPlXsj5gTfmOHI1Q/o/Erruueefbve7xR+cIsjyxenXFGHS9Yxft2OLou1qlnE+HXM33tyLjiAk9Q+X/sjwx+biXjaFUH3kc0Dqfn+Chf+4VzbnxXfVRnJnheY+v0kyxG7f2Ftsf5FbDD0a24DvKr9LUr44oLPMHK/yMrfS/jVXc4Qs5SaF/Pyu/k0Xy7MzMhD22Wclw3VTmMberfKHvF0Z1wnZm+dmXc5QJ30Olb+6z6eK/rDkeo77XM+r+O313/37E/Zzv1LOdu39K9A9pvdzi6Xa6z0teV/q/P32J/9//I7uM/+sdPVum8Pfm4Wtlf887G/x37oyO/dmX8P+HodrnOTl9Xxv+ds44VqvW/ct5ZTIDr2m87jhD5sJ/OMbNnsjlwVl6VR7V+PplbX+HodrhOT7dT9x0ZnxUzGAwGg8FgMBi8f8Dn6NrvUbiSt75b4x7vvtfYwAl2ZX9PXBRrXjgA1pSPqAN2PAHrWmJ6uq+y2wdcAY7hFBpP7HCljq8FYha+biR+FvB9rL4Ox2/oepUzGPHRmA1tS+ML6KvjdlXGzv5dXrtptE66D97luFcdQfa7I7T3eI7rlKvpApHmat/KdMT17BwLcQuNszoHo7/PRT3QDXol1oXfcfkpQ2Px1VkBtUXF0e2kcZm0rsp5Ukf9LaErdQwoD0tcD/torFDTESel3Cpe2KGyv16v7K/xcdo9bRI9eXxL8/L4dsWrZfyJ21z9mHLIip00AbWfxx89jpvxe1fquPrdMdL7+wSdOz3dt+XyeBza6xNw+ztvQD76m5TImOkGVFzUjv0rHkOxkwY9Ku+Zyat8mL9H8EodT7hDyuUDV135lhV4jjEus5nvtaAPOV9Fn9CxqeINvf1W/XHH/gH1f8rjKXbSKOeo46DKkX3P7L9bR+UE8fkdd6icn+7HugId2/Tjey3ig2/0vRzcUx1k15Vfy57vzteDyv74MuXUHTtpVCafdyrfznf6h7eZkzoG1Aa6p8fHZ9ettpNT/k+h4wdzzOzeao/d6rrvJVqNW35fy69k6daut6TxsiudnNbx9LnMd13Z/zcYDAaDwWAw+Lug6xhdz9xrHtntSYx1kL4rZadMXasS787Wgu8Bb0Fej+ew7js9R1Khsz+cAOl27K+xFtY7PPcW9HmCtyBvFo8kTu4xG+e0iD0636VQ7lbjFQGedZ+jPLTHIDwmq/y/6jNLq3kTQ6m4GC8X+TSWoxxyxylpPbX+Ki98zo5ekF3LUblO0J0xcY5HuQiNpXc+w7l75ZXhCzxGqvXz843OwVb+n3KyMr1u2d5sb//Yjdinx3yxbbZvm7YCJ+JxYuyt7aLTi8vucp1gZX/s6mVmsf8Vj+g2CjAHqGx6kp9zQd5fsryrGLDuD9J4N7HW7LejKu5VfY3urVKuJfMZK724v0OuE6z8v9tf5wm32p9+SVz9UfbXfrFrf/wGeanPI1+3/2pvB35EeVXlD8CuXqr6nmA1/6OecIy6B+UW+2u57odvtT86pBzVy679yUPHDrW57nfZyQd/rvyfy+s+P9NLds/lOkG2/vN9RTq3yM5fq24cK3vR/nX/wz3sr/O/6txyoLOb93HNk77Ms10+Pv/LZNF9GCu9+PzP5Rp8TLyF9eLg9TD2/7sx/P5gMBgM7oVs/beKZYC39K75jmc6ha7XuvG2ip2eYFfX9ywzy0/jP6u9kQFdl74FXDn7UIH41+5+zVuwo2tP/wj7V/lp7EdjFX7GKeMIHcQtPJ4Od6a8Lv2PM3HMfZUP455/J3aqdfB3JFaxkqxuGpPRduHyKLJysrrC/7iuNY7vMqm9iFM7V7iLyv9rjF/PS9HPlPOtOEIvB93BnWj56EXP1aAflyeLOep3P39LO9J4OvJ4G/C6BTyW7HxAtg/bY7PEz72uFYen+Vb64HnixhUHu2N/9/9A25aOUx53zThCBxyV8nGuw+7/XfujFz2P6TIH9GyPQtNlNlZ9Zfb3uYieravyUv0ot9jpw8vh3glW/t9lyvZaVByh64Q03fsf72F/ZKKtZTIH3pL9K27xWfbP5n/4QvWXuo8Cn1RxhK5T/H/X/wO7/g7flOk8m8Pv+H+tWybPPfx/Zv+OW3yG//cP9fdzsHruUOcpGUfo5ejZwap9e1rXhc4zq7OZbjfFav4XcPtX87/Od2bldPbvuEW/d8/531vHvdc7g/eFsf9gbD8YDAaDwWAwGAwGg8FgMBgMBoPBYPD34RF70dn79JHBfhP/rPa9s8fS32kRYG9M9nmEPnVvqcPfaVxxiexL83x9/wjvANIP+zeeyVN2dTnNR/ft8ansr79jwr4j9tnpPrcsz2pv8K3yd3v11Yb6HhCH1hvdsodM+wT5PattV+jq8sgydV+k9o2s/zjYr5bl6Z9qb54/u9obsmt/3stE+vjf37Gh9n9tvIb9/XcH1D70ww7sI66gfanbyxbX9bdFOqzsT9uhTzs8/6z/c538eZeb7qHUfZsB2pu+a4l9fvqM7rHVfLVNkobvJzgZQ1QX/q6hrG8rqFtXnvqCzPaMvfiGVZnkqe/vUZn1/XIn9ve97lznf60n55J0nFRZuM939IrMei5E86U9qNxXfNPJfnE9X6G+AHmqvk273PHn2dkBzcf3lq/kx49r/gF0p+9iUz0y5vt8pdKxz3m0TtpffU+v7mXX+ZTmkb3bj/bg/fB0TOCcUzafcWBD/+3Mahxm/bQzliPL6dywsz961TEL/+ntSO2v/l33mpPnif31XCLtV8vM3l3l86zK/vxPO74yJ0C+7ONAfnRHG878Orqr/Krne+XddYHK/uo3AW0xixXomVFd31BXnR9W5xsy+1OujuV6Xc+lep/Scx+d/ZHJ29cz0MVdducWke6q3N14d9Ke9N062pc+2nmKwWDwofEPiCRqout3vRYAAAR5bWtCVPrOyv4Af6I2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4nO2aiW3rMBAFXUgaSSEpJI2kkBSSRlKIPzb4YzxsSNmxZPiaBwx0kOKxy0Mitd8rpZRSSimllFJK/df39/f+6+trSoXfg7Iel0z7EulfU1Wf3W435fPzc//6+vpzfst1px5V1i1Vvn95eTnYY+v0r630//v7+y9Kdax6P6P/afvP4P+ZPj4+ftoAcwFto64rjHbBdYXVkfgVzr1ZmnXMOLO0+rN1ThnSP6RXUD7KMUpzpIpXaVb/5/yR/V91S/BFH/+Jz7iIL3KczPmjwohf4ppnS5VXXdexnpnNRVke8mNsyvMsW6afVJxZG0i7VL7P4P8Otpv5/+3t7fCOiH14pvfHTCN9QZsgvNLinPZH/J5WHcs3vJeRXvd9PpNp0p66si3nHPjo/p9p5v/sO32eTEr4sOxY7SbHVMpQ9zP9VN4jr/TfqB1n/67wSh8f1vlsDiAeZeT9J+89itb4P4XNmG/p5/lugO2xYfbr7Jv0vXw3GI0V+T6a/T/HkPRVliXLO6vvEo+irfyPL/Ft9rWeTn8v6ONJjrXZ92bzUdaD/Hp7yPE802TM6TbpZJlu+Tvor9rK/6WyUb4Dlm37e3v3Ne0k/cD7BGnRpnjmFP9nPMYk8iLNXr4lPer8r5RSSimlnlOX2ufNdO9lL/nWlOsgl7BhfRvNvmv699RftfZ5tT+sOdSayWzNeo3S/31tI7/zR9/8S2shrJv082soyznqR/zjMbu/lN7oepbXLK1RvybubM1pVua/iv2y3PsjX9Y88pz2wjO5zp5tJPdeOWcNl3s5JrB3sya82zrLmeuJdY/1Ztaa+rpShfc61r1MK21Xx/QZkFdeox6nxHol90mXve6lMp+j7pdsb6P+z1obtmY/vms09le83Mct6COs860JP1Yv7JdjXv+3IfchEHsZdcy1yrRVptnzGtm3/xNBnNH9kf9HZT5Hff4/xf8Zf/b+kHbinL0Zjvgz/8lYE35qvfqcl3sC+HpUp/RBt09ez/LKsNE+E/ezP3OdeY/KfK628H/fRymfUKY8LzHWMX4yltGe14afUi/CGDf4jwAb074Qc233fx9zco/ymP/5fyLzKPX73f+zMp+rY/7PuR079H6SdS318Sl9g7+Iyzy2Vfgxu2cYtuT9OudhxnDiYue0NXud+DP3KI+Vg39r8SFtJ23KntnI/6Myn/MuyH5b1il9R9/OumKP0VhF3Eyv59f92fvBmnDCluqVYdSDuaT7N+fy0TcYz/fnRnn1MNpA34tMGxM/856Vufe1S2hpvUA9vvS/UkoppZRSSimllFJKXU07EREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREZE75B+Hl45q2TuOnAAAAVNta0JU+s7K/gB/pYUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHic7dbhaYNgFIZR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Maedl5Dtr1B2o+xG/04w7QN2H0ghe3N/ZN8Bf2Vc/vnzP8jfy8m/lvv/uP1/WPaDsVCDdQ5Oo31XgexNrkM52afBr9vszVoQL5y9n38q2P8T2fc/STeDvM27vjFcP4e5jrqThLLI2dDPP7r/vxo+/1XI+a9C70U7WP/3hvmvYf76wfD8b57/m7DnN6iDaM9G3az/5dZm+2zwiQJrvsn+YDT7eG72r5vn/q6h8/6d0zL/s+f/lPsY8p6tkj3l9r54I1Eu54MieebPzd9/ng/2/x77btd89ufnP0fe9ffknf9rpnj+K5Hns3n5m2e9NCw9z/k+UIp5fjCe3e/nGh2SPeojKL+KMctRX9kZYZ4H9h227/9WyPnuOLJF/k7k+c+9Om+eT2Sd5N+EPGeG7389dQ+sRN994ftfD9f32nF8/jP/Zd/118v5f1jaZu1f8B/ugWqZ433Icx7Kq8x8j+e9D5Jzf/5nwiv2mff/rh6TZ7thzHnz/FcffubrP/9N5t+xVvJsgCJo1tHPebPv+pvtdQ/j/P71zF/9HRk/Bcvk/LcZfYfhI/u+v+m8f58qyXKrebeHjFej/DnarShb0W419QD6HkW5T35meb/JP6E/knf9m+25P+UsQ/0p+/leyt3/X+Y/YN/5e+pizPG7UT4GrVLebfv32OsDsj6sm+LnfzPPTyPrm1AugRWom8+BE6hnUE42/6fhGliGjBd3BgbU4pw2nvvh8SB/O/936Yx9pks6lfYz4KS7BOVNYPrfmuT6X4Lc98g98DYyrUa5CBZHmHa1ve6P22XvB+b/T22+A+DfByNyxs/AiM1/4u97RfM33+s5jflu9vtQXNi2f82MOZOTf0KPIGec893TKEdsmXQ/kDPAbyY5/43pyLRL5vUonEJ7JMK0RyX7LtkHLvTf/0Ir/J0v36lJ5Z8uuLeH+388Iu+6n3+PPuW/z3GCPT/6na83I8/4k1GMZ78DE+z9Qd8hKJ7i+z4RERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERHR/9q/AapGiCgn1IjJAAAqF21rQlT6zsr+AH/U8AAAAAEAAAAAAAAAAAAAAAAAAAAAAAAA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"), none;
+  background-position: center bottom;
+  background-repeat: no-repeat;
+  padding-bottom: 40px;
+}
+
+
+.talk {
+  position: relative;
+  display: block;
+  color: $primary;
+  background-position: top left;
+  background-repeat: no-repeat;
+  background-size: cover;
+  padding: 2em;
+  height: 300px;
+  overflow: hidden;
+  border: 1px solid $white;
+  -webkit-transform-style: preserve-3d;
+  -webkit-perspective: 1000;
+
+  &:before {
+    position: absolute;
+    right: 20%;
+    bottom: 10%;
+    height: 1em;
+    width: 1em;
+    z-index: 1;
+    margin: -0.5em 0 0 -0.5em;
+    font-family: FontAwesome;
+    font-size: 4em;
+    line-height: 1em;
+    text-align: center;
+    color: rgba(81, 86, 101, 0.5);
+  }
+
+  &:after {
+    content: '';
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    display: block;
+    background-color: rgba(255, 255, 255, 0.9);
+    @include transition(background-color 0.25s ease-in-out);
+  }
+
+
+  &:hover {
+    text-decoration: none;
+    color: $white;
+  }
+
+  &:hover:before{
+    color: rgba(255,255,255,0.8);
+  }
+
+  &:hover:after{
+    background-color: rgba(81, 86, 101, 0.8);
+  }
+
+  .talk-overlay {
+    position: relative;
+    z-index: 1;
+  }
+
+  .event{
+    line-height: 1.5;
+  }
+}
\ No newline at end of file
diff --git a/_sass/p2pu-theme/_fonts.scss b/_sass/p2pu-theme/_fonts.scss
new file mode 100644
index 000000000..182f29775
--- /dev/null
+++ b/_sass/p2pu-theme/_fonts.scss
@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css?family=Arvo:400,700|Open+Sans:400,700');
\ No newline at end of file
diff --git a/_sass/p2pu-theme/_footer.scss b/_sass/p2pu-theme/_footer.scss
new file mode 100644
index 000000000..bed8c372f
--- /dev/null
+++ b/_sass/p2pu-theme/_footer.scss
@@ -0,0 +1,140 @@
+footer.home-footer {
+  font-size: $font-size-sm;
+
+  .title {
+    padding-bottom: 10px;
+  }
+
+  .contact-info {
+    background: $gray-darker;
+    color: $white;
+    padding-top: $padding-sm;
+    padding-bottom: $padding-md;
+
+    .columns {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+    }
+  }
+
+  a {
+    color: $white;
+  }
+
+  header {
+    padding-bottom: $padding-sm;
+  }
+
+  .social {
+    .content {
+      display: flex;
+      justify-content: space-between;
+
+      .social-link a {
+        font-size: 22px;
+        height: 40px;
+        width: 40px;
+        border-radius: 40px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        &:hover {
+          background: $white;
+
+          i {
+            color: $gray-darker;
+          }
+        }
+
+        &:focus, &:active {
+          background-color: $p2pu-blue;
+          outline: none;
+          text-decoration: none;
+
+          i {
+            color: $white;
+          }
+        }
+      }
+
+      span {
+        i {
+          margin-right: $padding-sm;
+          width: 14px;
+        }
+      }
+    }
+  }
+
+  .newsletter {
+    form {
+      #mc_embed_signup_scroll {
+        display: flex;
+      }
+
+      input[type="email"], input[type="submit"] {
+        background: none;
+        border: 2px solid $white;
+        color: $white;
+        height: 40px;
+        padding: 0 10px;
+        font-size: 14px;
+
+        &::placeholder {
+          font-style: italic;
+          color: $gray;
+        }
+      }
+
+      input[type="email"] {
+        border-right: none;
+        flex-grow: 1;
+      }
+
+      input[type="submit"]:hover {
+        background: $white;
+        color: $gray-darker;
+      }
+
+      input[type="submit"]:focus {
+        background: $p2pu-blue;
+        color: $white;
+        outline: none;
+      }
+    }
+  }
+
+  .toc {
+    background: $white;
+
+    .container {
+      display: flex;
+
+      > div {
+        padding-top: $padding-sm;
+        padding-bottom: $padding-sm;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        color: $gray-darker;
+        font-size: $font-size-sm;
+
+        > div span {
+          margin-right: 5px;
+        }
+      }
+    }
+
+    a {
+      color: $gray-darker;
+    }
+  }
+}
+
+@media (max-width: map-get($grid-breakpoints, "md")) {
+  .newsletter {
+    margin-bottom: 20px;
+  }
+}
\ No newline at end of file
diff --git a/_sass/p2pu-theme/_forum.scss b/_sass/p2pu-theme/_forum.scss
new file mode 100644
index 000000000..eb7f3e88f
--- /dev/null
+++ b/_sass/p2pu-theme/_forum.scss
@@ -0,0 +1,5 @@
+#main.ember-application {
+    a {
+        font-weight: $font-weight-bold;
+    }
+}
\ No newline at end of file
diff --git a/_sass/p2pu-theme/_layout.scss b/_sass/p2pu-theme/_layout.scss
new file mode 100644
index 000000000..726c47f6a
--- /dev/null
+++ b/_sass/p2pu-theme/_layout.scss
@@ -0,0 +1,18 @@
+html {
+  height: 100%
+}
+
+body {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  main {
+    flex: 1 0 auto;
+  }
+}
+
+main {
+  padding-top: $navbar-height;
+  background-color: $white;
+}
diff --git a/_sass/p2pu-theme/_menu.scss b/_sass/p2pu-theme/_menu.scss
new file mode 100644
index 000000000..a4d67c16a
--- /dev/null
+++ b/_sass/p2pu-theme/_menu.scss
@@ -0,0 +1,234 @@
+body {
+  &.freeze {
+    overflow: hidden;
+  }
+}
+
+nav {
+  z-index: $zindex-navbar-fixed;
+  font-family: $headings-font-family;
+  font-size: $font-size-base;
+
+  button.nav-item {
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    color: $primary;
+
+    i {
+      margin-right: 12px;
+    }
+  }
+
+  .logo {
+    img {
+      height: 1.5em;
+    }
+  }
+
+  &.nav-collapsed {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding: 12px 18px;
+    background-color: #fff;
+    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
+    position: fixed;
+    width: 100%;
+    top: 0;
+  }
+
+  &.collapsed {
+    display: none !important;
+  }
+
+  .nav-items {
+    display: flex;
+    align-items: center;
+
+     > .nav-item {
+      margin: 0 15px;
+      cursor: pointer;
+      white-space: nowrap;
+
+      a, button {
+        color: $primary;
+      }
+
+      i {
+        margin-right: 6px;
+      }
+
+      li {
+        a {
+          color: $primary;
+          display: flex;
+          align-items: center;
+
+          span.bullet {
+            height: 5px;
+            width: 0px;
+            background: $p2pu-yellow;
+            border-radius: 5px;
+            transition: all 0.2s ease-in-out;
+            display: block;
+          }
+
+          span.text {
+            transition: transform 0.2s ease-in-out;
+          }
+
+          &:hover, &:focus {
+            background-color: transparent;
+
+            span.bullet {
+              width: 10px;
+            }
+
+            span.text {
+              transform: translateX(15px);
+            }
+          }
+        }
+      }
+
+      .dropdown-menu {
+        padding: 10px;
+        min-width: 250px;
+
+        li {
+          padding: 3px 20px;
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: map-get($grid-breakpoints, "md")) {
+  nav {
+    .nav-items {
+      > .nav-item {
+        margin: 0 5px;
+      }
+    }
+  }
+}
+
+#close-menu {
+  height: 32px;
+  width: 32px;
+  border-radius: 50%;
+  background-color: $white;
+  color: $p2pu-blue;
+  font-size: 22px;
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+  border: none;
+  z-index: 1;
+
+  &:hover {
+    transform: rotate(90deg);
+  }
+
+  &:focus {
+    box-shadow: 0px 0px 0px 4px transparentize($white, 0.5);
+    outline: none;
+  }
+}
+
+#full-page-menu {
+  height: 100vh;
+  width: 100vw;
+  position: fixed;
+  background: transparentize($p2pu-blue, 0.03);
+  top: 0;
+  left: 0;
+  transition: left 0.5s ease-in-out;
+  z-index: 999;
+  box-shadow: -2px 2px 10px 1px rgba(0,0,0,0.2);
+
+  .content-container {
+    width: inherit;
+    height: inherit;
+    display: flex;
+    justify-content: center;
+    padding-left: 5%;
+    padding-right: 5%;
+    position: fixed;
+    overflow-y: scroll;
+
+    .content {
+      padding-top: 40px;
+      padding-bottom: 20px;
+    }
+  }
+
+  .nav-container {
+    align-items: center;
+  }
+
+  &.collapsed {
+    left: 105%;
+  }
+
+  a {
+    &:hover, &:focus {
+      text-decoration: none;
+    }
+  }
+
+  .menu-section {
+    &.top-level {
+      border-bottom: 1px solid transparentize($white, 0.3);
+    }
+
+    .menu-item {
+      font-size: calc(14px + 1vh);
+      transition: transform 0.2s ease-in-out;
+      padding: 8px;
+      display: flex;
+      align-items: center;
+
+      span.bullet {
+        height: calc(5px + 0.1vh);
+        min-height: 5px;
+        width: 0;
+        background: $p2pu-yellow;
+        border-radius: 100px;
+        transition: all 0.2s ease-in-out;
+        display: block;
+      }
+
+      span.text {
+        color: $white;
+        transition: transform 0.2s ease-in-out;
+      }
+
+      &:hover {
+        span.bullet {
+          width: calc(5px + 0.5vh);
+        }
+
+        span.text {
+          transform: translateX(15px);
+        }
+      }
+
+      &.submenu {
+        font-size: calc(14px + 0.5vh);
+        padding: 4px;
+        padding-left: 40px;
+
+        span.text {
+          color: $white;
+        }
+      }
+    }
+  }
+}
diff --git a/_sass/p2pu-theme/_mixins.scss b/_sass/p2pu-theme/_mixins.scss
new file mode 100644
index 000000000..ca7122fb7
--- /dev/null
+++ b/_sass/p2pu-theme/_mixins.scss
@@ -0,0 +1,72 @@
+@mixin feature-overlay() {
+  &:before {
+    color: transparent;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    height: 1em;
+    width: 1em;
+    z-index: 1;
+    margin: -0.5em 0 0 -0.5em;
+    font-family: FontAwesome;
+    font-size: 6em;
+    line-height: 1em;
+    text-align: center;
+    @include transition(transform 0.1s ease-in-out, font-size 0.1s ease-in-out);
+  }
+  &:hover:before {
+    color:$white;
+    font-size: 7em;
+  }
+
+  &:after {
+    content: '';
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    opacity: 0.2;
+    display: block;
+    background-color: rgba(81, 86, 101, 0.8);
+    @include transition(opacity 0.25s ease-in-out);
+  }
+  &:hover:after {
+    opacity: 1;
+  }
+}
+
+@mixin flex-column-centered {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+@mixin circle-cta {
+  @include flex-column-centered;
+  height: 200px;
+  width: 200px;
+  background: $p2pu-light-blue;
+  border-radius: 50%;
+  text-align: center;
+  padding: $padding-sm;
+  color: $gray-darker;
+}
+
+@keyframes pulse-grow {
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+@mixin grow-on-hover {
+  transform: perspective(1px) translateZ(0);
+  animation-name: pulse-grow;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+}
\ No newline at end of file
diff --git a/_sass/p2pu-theme/_typography.scss b/_sass/p2pu-theme/_typography.scss
new file mode 100644
index 000000000..4a13862d7
--- /dev/null
+++ b/_sass/p2pu-theme/_typography.scss
@@ -0,0 +1,191 @@
+body {
+  font-family: $font-family-sans-serif;
+  font-size: 18px;
+
+  a {
+    color: $p2pu-blue;
+
+    &.light {
+      color: $white;
+    }
+
+    &.dark {
+      color: $gray-darker;
+    }
+
+    &.underline {
+      text-decoration: underline;
+    }
+
+    &:hover, &:focus, &:active {
+      opacity: 0.9;
+    }
+
+    &.undecorated {
+      color: inherit;
+
+      &:hover, &:focus, &:active {
+        opacity: 1;
+        text-decoration: none;
+      }
+    }
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    margin-top: $headings-margin-top;
+  }
+
+  .small {
+    font-size: $font-size-sm;
+  }
+
+  .large {
+    font-size: $font-size-lg;
+  }
+
+  .bold {
+    font-weight: $font-weight-bold;
+  }
+
+  .italic {
+    font-style: italic;
+  }
+
+  .centered {
+    text-align: center;
+  }
+
+  .subtitle {
+    font-size: $h3-font-size;
+
+    .underline {
+      padding-left: 2em;
+      padding-right: 2em;
+      display: inline-block;
+      vertical-align: middle;
+      -webkit-transform: perspective(1px) translateZ(0);
+      transform: perspective(1px) translateZ(0);
+      box-shadow: 0 0 1px transparent;
+      position: relative;
+      overflow: hidden;
+
+      .text {
+        font-family: $headings-font-family;
+        font-weight: bold;
+        text-transform: uppercase;
+        transform: translateY(0.3em);
+      }
+
+      &:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        left: 0;
+        right: 100%;
+        bottom: 0;
+        background: $gray-light;
+        height: 0.6em;
+        -webkit-transition-property: right;
+        transition-property: right;
+        -webkit-transition-duration: 0.3s;
+        transition-duration: 0.3s;
+        -webkit-transition-timing-function: ease-out;
+        transition-timing-function: ease-out;
+      }
+
+      &.light {
+        &:before {
+          background: transparentize($white, 0.6);
+        }
+      }
+
+      &.dark {
+        &:before {
+          background: transparentize($gray-darker, 0.8);
+        }
+      }
+    }
+
+    &.small {
+      font-size: $h4-font-size;
+
+      .text {
+        transform: translateY(0.2em);
+      }
+    }
+
+    &.active {
+      .underline:before {
+        right: 0;
+      }
+    }
+  }
+
+  .headline {
+    font-family: $font-family-sans-serif;
+    font-weight: initial;
+    line-height: normal;
+    text-align: center;
+    padding-top: $padding-sm;
+    padding-bottom: $padding-sm;
+  }
+
+  .caption {
+    small {
+      font-size: $font-size-sm;
+    }
+  }
+
+  .minicaps {
+    font-size: $font-size-sm;
+    font-family: $font-family-sans-serif;
+    text-transform: uppercase;
+    text-align: center;
+  }
+
+  header.page-title {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-transform: uppercase;
+    text-align: center;
+
+    h1 {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.blue-text {
+  color: $p2pu-blue;
+}
+
+.green-text {
+  color: $p2pu-green;
+}
+
+.orange-text {
+  color: $p2pu-orange;
+}
+
+.yellow-text {
+  color: $p2pu-yellow;
+}
+
+.line-height-large {
+  line-height: $line-height-lg;
+}
+
+@media (max-width: 768px) {
+  body {
+    .subtitle {
+      font-size: $h3-font-size;
+
+      .underline {
+        padding-left: 1em;
+        padding-right: 1em;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/_sass/p2pu-theme/_utilities.scss b/_sass/p2pu-theme/_utilities.scss
new file mode 100644
index 000000000..3033fa57d
--- /dev/null
+++ b/_sass/p2pu-theme/_utilities.scss
@@ -0,0 +1,67 @@
+.pos-absolute {
+  position: absolute;
+}
+
+.pos-relative {
+  position: relative;
+}
+
+.text {
+  &-blue {
+    color: $p2pu-blue;
+  }
+
+  &-green {
+    color: $p2pu-green;
+  }
+
+  &-yellow {
+    color: $p2pu-yellow;
+  }
+
+  &-orange {
+    color: $p2pu-orange;
+  }
+
+  &-dark {
+    color: $gray-darker;
+  }
+
+  &-black {
+    color: $black;
+  }
+
+  &-light {
+    color: $gray-snow;
+  }
+
+  &-white {
+    color: $white;
+  }
+}
+
+.bg {
+  &-blue {
+    background-color: $p2pu-blue;
+  }
+
+  &-green {
+    background-color: $p2pu-green;
+  }
+
+  &-yellow {
+    background-color: $p2pu-yellow;
+  }
+
+  &-orange {
+    background-color: $p2pu-orange;
+  }
+
+  &-dark {
+    background-color: $gray-darker;
+  }
+
+  &-light {
+    background-color: $gray-snow;
+  }
+}
diff --git a/_sass/p2pu-theme/_variables.scss b/_sass/p2pu-theme/_variables.scss
new file mode 100644
index 000000000..96c049ab8
--- /dev/null
+++ b/_sass/p2pu-theme/_variables.scss
@@ -0,0 +1,983 @@
+// Variables
+//
+// Variables should follow the `$component-state-property-size` formula for
+// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
+
+
+//
+// Color system
+//
+
+$gray-darker:           #515665;
+$gray-dark:             #707782;
+$gray:                  #AAB0BF;
+$gray-light:            #D3D8E6;
+$gray-lighter:          #F3F4F8;
+$gray-snow:             #FCFCFC;
+
+
+$white:    #fff !default;
+$gray-100: $gray-snow;
+$gray-200: $gray-lighter;
+$gray-300: #dee2e6 !default;
+$gray-400: $gray-light;
+$gray-500: $gray;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: $gray-dark;
+$gray-900: $gray-darker;
+$black:    #000 !default;
+
+$grays: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
+$grays: map-merge(
+  (
+    "100": $gray-100,
+    "200": $gray-200,
+    "300": $gray-300,
+    "400": $gray-400,
+    "500": $gray-500,
+    "600": $gray-600,
+    "700": $gray-700,
+    "800": $gray-800,
+    "900": $gray-900
+  ),
+  $grays
+);
+
+
+$blue:    #007bff !default;
+$indigo:  #6610f2 !default;
+$purple:  #6f42c1 !default;
+$pink:    #e83e8c !default;
+$red:     #dc3545 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #ffc107 !default;
+$green:   #28a745 !default;
+$teal:    #20c997 !default;
+$cyan:    #17a2b8 !default;
+
+$p2pu-blue:     #05C6B4;
+$p2pu-green:    #B7D500;
+$p2pu-yellow:   #FFBC1A;
+$p2pu-orange:   #FC7100;
+
+$p2pu-light-blue:       transparentize($p2pu-blue, 0.85);
+$p2pu-light-green:      transparentize($p2pu-green, 0.85);
+$p2pu-light-yellow:     transparentize($p2pu-yellow, 0.85);
+$p2pu-light-orange:     transparentize($p2pu-orange, 0.85);
+
+$primary:       $gray-darker;
+$secondary:     $gray-lighter;
+$success:       $p2pu-green;
+$info:          $p2pu-blue;
+$warning:       $p2pu-yellow;
+$danger:        $p2pu-orange;
+$light:         $gray-snow;
+$dark:          $gray-darker;
+
+$colors: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
+$colors: map-merge(
+  (
+    "blue":       $blue,
+    "indigo":     $indigo,
+    "purple":     $purple,
+    "pink":       $pink,
+    "red":        $red,
+    "orange":     $orange,
+    "yellow":     $yellow,
+    "green":      $green,
+    "teal":       $teal,
+    "cyan":       $cyan,
+    "white":      $white,
+    "gray":       $gray-600,
+    "gray-dark":  $gray-800
+  ),
+  $colors
+);
+
+$theme-colors: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
+$theme-colors: map-merge(
+  (
+    "primary":    $primary,
+    "secondary":  $secondary,
+    "success":    $success,
+    "info":       $info,
+    "warning":    $warning,
+    "danger":     $danger,
+    "light":      $light,
+    "dark":       $dark
+  ),
+  $theme-colors
+);
+
+// Set a specific jump point for requesting color jumps
+$theme-color-interval:      8% !default;
+
+// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
+$yiq-contrasted-threshold:  150 !default;
+
+// Customize the light and dark text colors for use in our YIQ color contrast function.
+$yiq-text-dark:             $gray-900 !default;
+$yiq-text-light:            $white !default;
+
+// Options
+//
+// Quickly modify global styling by enabling or disabling optional features.
+
+$enable-caret:              true !default;
+$enable-rounded:            true !default;
+$enable-shadows:            false !default;
+$enable-gradients:          false !default;
+$enable-transitions:        true !default;
+$enable-hover-media-query:  false !default; // Deprecated, no longer affects any compiled CSS
+$enable-grid-classes:       true !default;
+$enable-print-styles:       true !default;
+
+
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+// You can add more entries to the $spacers map, should you need more variation.
+
+$padding-xs:                10px;
+$padding-sm:                20px;
+$padding-md:                40px;
+$padding-lg:                60px;
+
+$spacer: 1rem !default;
+$spacers: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
+$spacers: map-merge(
+  (
+    0: 0,
+    1: ($spacer * .25),
+    2: ($spacer * .5),
+    3: $spacer,
+    4: ($spacer * 1.5),
+    5: ($spacer * 3)
+  ),
+  $spacers
+);
+
+// This variable affects the `.h-*` and `.w-*` classes.
+$sizes: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
+$sizes: map-merge(
+  (
+    25: 25%,
+    50: 50%,
+    75: 75%,
+    100: 100%,
+    auto: auto
+  ),
+  $sizes
+);
+
+// Body
+//
+// Settings for the `<body>` element.
+
+$body-bg:                   $white;
+$body-color:                $gray-darker;;
+
+// Links
+//
+// Style anchor elements.
+
+
+$link-color:                $p2pu-blue;
+$link-decoration:           none !default;
+$link-hover-color:          darken($link-color, 15%);
+$link-hover-decoration:     underline !default;
+
+// Paragraphs
+//
+// Style p element.
+
+$paragraph-margin-bottom:   1rem !default;
+
+
+// Grid breakpoints
+//
+// Define the minimum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px
+) !default;
+
+
+// Grid containers
+//
+// Define the maximum width of `.container` for different screen sizes.
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px
+) !default;
+
+
+// Grid columns
+//
+// Set the number of columns and specify the width of the gutters.
+
+$grid-columns:                12 !default;
+$grid-gutter-width:           30px !default;
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$line-height-lg:              2;
+$line-height-sm:              1.2;
+
+$border-width:                1px !default;
+$border-color:                $gray-300 !default;
+
+$border-radius:               .25rem !default;
+$border-radius-lg:            .3rem !default;
+$border-radius-sm:            .2rem !default;
+
+$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;
+$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;
+$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;
+
+$component-active-color:      $white !default;
+$component-active-bg:         $primary;
+
+$caret-width:                 .3em !default;
+
+$transition-base:             all .2s ease-in-out !default;
+$transition-fade:             opacity .15s linear !default;
+$transition-collapse:         height .35s ease !default;
+
+
+// Fonts
+//
+// Font, line-height, and color for body text, headings, and more.
+
+// stylelint-disable value-keyword-case
+
+$fa-font-path:                "~@fortawesome/fontawesome-free/webfonts";
+
+$font-family-serif:           Georgia, "Times New Roman", Times, serif;
+
+$font-family-sans-serif:      "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base:            $font-family-sans-serif !default;
+// stylelint-enable value-keyword-case
+
+$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
+$font-size-lg:                ($font-size-base * 1.25) !default;
+$font-size-sm:                ($font-size-base * .875) !default;
+
+$font-weight-light:           300;
+$font-weight-normal:          400;
+$font-weight-bold:            700;
+
+$font-weight-base:            $font-weight-normal !default;
+$line-height-base:            1.5 !default;
+
+$h1-font-size:                $font-size-base * 2.5 !default;
+$h2-font-size:                $font-size-base * 2 !default;
+$h3-font-size:                $font-size-base * 1.75 !default;
+$h4-font-size:                $font-size-base * 1.5 !default;
+$h5-font-size:                $font-size-base * 1.25 !default;
+$h6-font-size:                $font-size-base !default;
+
+$headings-margin-bottom:      ($spacer / 2);
+$headings-margin-top:         $spacer;
+$headings-font-family:        "Arvo", Helvetica, Arial, sans-serif;
+$headings-font-weight:        $font-weight-bold;
+$headings-line-height:        1.1;
+$headings-color:              inherit !default;
+
+$display1-size:               6rem !default;
+$display2-size:               5.5rem !default;
+$display3-size:               4.5rem !default;
+$display4-size:               3.5rem !default;
+
+$display1-weight:             300 !default;
+$display2-weight:             300 !default;
+$display3-weight:             300 !default;
+$display4-weight:             300 !default;
+$display-line-height:         $headings-line-height !default;
+
+$lead-font-size:              ($font-size-base * 1.25) !default;
+$lead-font-weight:            300 !default;
+
+$small-font-size:             80% !default;
+
+$text-muted:                  $gray;
+
+$blockquote-small-color:      $gray-600 !default;
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+
+$hr-border-color:             rgba($black, .1) !default;
+$hr-border-width:             $border-width !default;
+
+$mark-padding:                .2em !default;
+
+$dt-font-weight:              $font-weight-bold !default;
+
+$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
+$nested-kbd-font-weight:      $font-weight-bold !default;
+
+$list-inline-padding:         .5rem !default;
+
+$mark-bg:                     #fcf8e3 !default;
+
+$hr-margin-y:                 $spacer !default;
+
+
+// Tables
+//
+// Customizes the `.table` component with basic values, each used across all table variations.
+
+$table-cell-padding:          .75rem !default;
+$table-cell-padding-sm:       .3rem !default;
+
+$table-bg:                    transparent !default;
+$table-accent-bg:             rgba($black, .05) !default;
+$table-hover-bg:              rgba($black, .075) !default;
+$table-active-bg:             $table-hover-bg !default;
+
+$table-border-width:          $border-width !default;
+$table-border-color:          $gray-300 !default;
+
+$table-head-bg:               $gray-200 !default;
+$table-head-color:            $gray-700 !default;
+
+$table-dark-bg:               $gray-900 !default;
+$table-dark-accent-bg:        rgba($white, .05) !default;
+$table-dark-hover-bg:         rgba($white, .075) !default;
+$table-dark-border-color:     lighten($gray-900, 7.5%) !default;
+$table-dark-color:            $body-bg !default;
+
+$table-striped-order:         odd !default;
+
+$table-caption-color:         $text-muted !default;
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$input-btn-padding-y:         .375rem !default;
+$input-btn-padding-x:         .75rem !default;
+$input-btn-line-height:       $line-height-base !default;
+
+$input-btn-focus-width:       .2rem !default;
+$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
+$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
+
+$input-btn-padding-y-sm:      .25rem !default;
+$input-btn-padding-x-sm:      .5rem !default;
+$input-btn-line-height-sm:    $line-height-sm !default;
+
+$input-btn-padding-y-lg:      .5rem !default;
+$input-btn-padding-x-lg:      1rem !default;
+$input-btn-line-height-lg:    $line-height-lg !default;
+
+$input-btn-border-width:      $border-width !default;
+
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background, and border color.
+
+$btn-padding-y:               $input-btn-padding-y !default;
+$btn-padding-x:               $input-btn-padding-x !default;
+$btn-line-height:             $input-btn-line-height !default;
+
+$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
+$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
+$btn-line-height-sm:          $input-btn-line-height-sm !default;
+
+$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
+$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
+$btn-line-height-lg:          $input-btn-line-height-lg !default;
+
+$btn-border-width:            $input-btn-border-width !default;
+
+$btn-font-weight:             $font-weight-normal !default;
+$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
+$btn-focus-width:             $input-btn-focus-width !default;
+$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
+$btn-disabled-opacity:        .65 !default;
+$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
+
+$btn-link-disabled-color:     $gray-600 !default;
+
+$btn-block-spacing-y:         .5rem !default;
+
+// Allows for customizing button radius independently from global border radius
+$btn-border-radius:           $border-radius !default;
+$btn-border-radius-lg:        $border-radius-lg !default;
+$btn-border-radius-sm:        $border-radius-sm !default;
+
+$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+
+// Forms
+
+$label-margin-bottom:                   .5rem !default;
+
+$input-padding-y:                       $input-btn-padding-y !default;
+$input-padding-x:                       $input-btn-padding-x !default;
+$input-line-height:                     $input-btn-line-height !default;
+
+$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
+$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
+$input-line-height-sm:                  $input-btn-line-height-sm !default;
+
+$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
+$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
+$input-line-height-lg:                  $input-btn-line-height-lg !default;
+
+$input-bg:                              $white !default;
+$input-disabled-bg:                     $gray-200 !default;
+
+$input-color:                           $gray-700 !default;
+$input-border-color:                    $gray-400 !default;
+$input-border-width:                    $input-btn-border-width !default;
+$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;
+
+$input-border-radius:                   $border-radius !default;
+$input-border-radius-lg:                $border-radius-lg !default;
+$input-border-radius-sm:                $border-radius-sm !default;
+
+$input-focus-bg:                        $input-bg !default;
+$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
+$input-focus-color:                     $input-color !default;
+$input-focus-width:                     $input-btn-focus-width !default;
+$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
+
+$input-placeholder-color:               $gray-600 !default;
+$input-plaintext-color:                 $body-color !default;
+
+$input-height-border:                   $input-border-width * 2 !default;
+
+$input-height-inner:                    ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
+$input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;
+
+$input-height-inner-sm:                 ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
+$input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
+
+$input-height-inner-lg:                 ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
+$input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
+
+$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+$form-text-margin-top:                  .25rem !default;
+
+$form-check-input-gutter:               1.25rem !default;
+$form-check-input-margin-y:             .3rem !default;
+$form-check-input-margin-x:             .25rem !default;
+
+$form-check-inline-margin-x:            .75rem !default;
+$form-check-inline-input-margin-x:      .3125rem !default;
+
+$form-group-margin-bottom:              1rem !default;
+
+$input-group-addon-color:               $input-color !default;
+$input-group-addon-bg:                  $gray-200 !default;
+$input-group-addon-border-color:        $input-border-color !default;
+
+$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+$custom-control-gutter:                 1.5rem !default;
+$custom-control-spacer-x:               1rem !default;
+
+$custom-control-indicator-size:         1rem !default;
+$custom-control-indicator-bg:           $gray-300 !default;
+$custom-control-indicator-bg-size:      50% 50% !default;
+$custom-control-indicator-box-shadow:   inset 0 .25rem .25rem rgba($black, .1) !default;
+
+$custom-control-indicator-disabled-bg:          $gray-200 !default;
+$custom-control-label-disabled-color:           $gray-600 !default;
+
+$custom-control-indicator-checked-color:        $component-active-color !default;
+$custom-control-indicator-checked-bg:           $component-active-bg !default;
+$custom-control-indicator-checked-disabled-bg:  rgba($primary, .5) !default;
+$custom-control-indicator-checked-box-shadow:   none !default;
+
+$custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
+
+$custom-control-indicator-active-color:         $component-active-color !default;
+$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
+$custom-control-indicator-active-box-shadow:    none !default;
+
+$custom-checkbox-indicator-border-radius:       $border-radius !default;
+$custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$custom-checkbox-indicator-indeterminate-bg:          $component-active-bg !default;
+$custom-checkbox-indicator-indeterminate-color:       $custom-control-indicator-checked-color !default;
+$custom-checkbox-indicator-icon-indeterminate:        str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
+$custom-checkbox-indicator-indeterminate-box-shadow:  none !default;
+
+$custom-radio-indicator-border-radius:          50% !default;
+$custom-radio-indicator-icon-checked:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$custom-select-padding-y:           .375rem !default;
+$custom-select-padding-x:           .75rem !default;
+$custom-select-height:              $input-height !default;
+$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
+$custom-select-line-height:         $input-btn-line-height !default;
+$custom-select-color:               $input-color !default;
+$custom-select-disabled-color:      $gray-600 !default;
+$custom-select-bg:                  $input-bg !default;
+$custom-select-disabled-bg:         $gray-200 !default;
+$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
+$custom-select-indicator-color:     $gray-800 !default;
+$custom-select-indicator:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
+$custom-select-border-width:        $input-btn-border-width !default;
+$custom-select-border-color:        $input-border-color !default;
+$custom-select-border-radius:       $border-radius !default;
+$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;
+
+$custom-select-focus-border-color:  $input-focus-border-color !default;
+$custom-select-focus-width:         $input-btn-focus-width !default;
+$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width rgba($custom-select-focus-border-color, .5) !default;
+
+$custom-select-font-size-sm:        75% !default;
+$custom-select-height-sm:           $input-height-sm !default;
+
+$custom-select-font-size-lg:        125% !default;
+$custom-select-height-lg:           $input-height-lg !default;
+
+$custom-range-track-width:          100% !default;
+$custom-range-track-height:         .5rem !default;
+$custom-range-track-cursor:         pointer !default;
+$custom-range-track-bg:             $gray-300 !default;
+$custom-range-track-border-radius:  1rem !default;
+$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;
+
+$custom-range-thumb-width:                   1rem !default;
+$custom-range-thumb-height:                  $custom-range-thumb-width !default;
+$custom-range-thumb-bg:                      $component-active-bg !default;
+$custom-range-thumb-border:                  0 !default;
+$custom-range-thumb-border-radius:           1rem !default;
+$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;
+$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
+$custom-range-thumb-focus-box-shadow-width:  $input-btn-focus-width !default; // For focus box shadow issue in IE/Edge
+$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;
+
+$custom-file-height:                $input-height !default;
+$custom-file-height-inner:          $input-height-inner !default;
+$custom-file-focus-border-color:    $input-focus-border-color !default;
+$custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;
+$custom-file-disabled-bg:           $input-disabled-bg !default;
+
+$custom-file-padding-y:             $input-btn-padding-y !default;
+$custom-file-padding-x:             $input-btn-padding-x !default;
+$custom-file-line-height:           $input-btn-line-height !default;
+$custom-file-color:                 $input-color !default;
+$custom-file-bg:                    $input-bg !default;
+$custom-file-border-width:          $input-btn-border-width !default;
+$custom-file-border-color:          $input-border-color !default;
+$custom-file-border-radius:         $input-border-radius !default;
+$custom-file-box-shadow:            $input-box-shadow !default;
+$custom-file-button-color:          $custom-file-color !default;
+$custom-file-button-bg:             $input-group-addon-bg !default;
+$custom-file-text: (
+  en: "Browse"
+) !default;
+
+
+// Form validation
+$form-feedback-margin-top:          $form-text-margin-top !default;
+$form-feedback-font-size:           $small-font-size !default;
+$form-feedback-valid-color:         $success;
+$form-feedback-invalid-color:       $danger;
+
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+$dropdown-min-width:                10rem !default;
+$dropdown-padding-y:                .5rem !default;
+$dropdown-spacer:                   .125rem !default;
+$dropdown-bg:                       $white !default;
+$dropdown-border-color:             rgba($black, .15) !default;
+$dropdown-border-radius:            $border-radius !default;
+$dropdown-border-width:             $border-width !default;
+$dropdown-divider-bg:               $gray-200 !default;
+$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
+
+$dropdown-link-color:               $gray-900 !default;
+$dropdown-link-hover-color:         darken($gray-900, 5%) !default;
+$dropdown-link-hover-bg:            $gray-100 !default;
+
+$dropdown-link-active-color:        $component-active-color !default;
+$dropdown-link-active-bg:           $component-active-bg !default;
+
+$dropdown-link-disabled-color:      $gray-600 !default;
+
+$dropdown-item-padding-y:           .25rem !default;
+$dropdown-item-padding-x:           1.5rem !default;
+
+$dropdown-header-color:             $gray-600 !default;
+
+
+// Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+
+$zindex-navbar:                     1000;
+$zindex-dropdown:                   1000;
+$zindex-navbar-fixed:               1010;
+$zindex-sticky:                     1020;
+$zindex-fixed:                      1030;
+$zindex-modal-backdrop:             1040;
+$zindex-modal:                      1050;
+$zindex-popover:                    1060;
+$zindex-tooltip:                    1070;
+
+// Navs
+
+$nav-link-padding-y:                .5rem !default;
+$nav-link-padding-x:                1rem !default;
+$nav-link-disabled-color:           $gray-600 !default;
+
+$nav-tabs-border-color:             $gray-300 !default;
+$nav-tabs-border-width:             $border-width !default;
+$nav-tabs-border-radius:            $border-radius !default;
+$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
+$nav-tabs-link-active-color:        $gray-700 !default;
+$nav-tabs-link-active-bg:           $body-bg !default;
+$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
+
+$nav-pills-border-radius:           $border-radius !default;
+$nav-pills-link-active-color:       $component-active-color !default;
+$nav-pills-link-active-bg:          $component-active-bg !default;
+
+$nav-divider-color:                 $gray-200 !default;
+$nav-divider-margin-y:              ($spacer / 2) !default;
+
+// Navbar
+
+$navbar-height:                     52px;
+$navbar-padding-y:                  ($spacer / 2) !default;
+$navbar-padding-x:                  $spacer !default;
+
+$navbar-nav-link-padding-x:         .5rem !default;
+
+$navbar-brand-font-size:            $font-size-lg !default;
+// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+$nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
+$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
+$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
+
+$navbar-toggler-padding-y:          .25rem !default;
+$navbar-toggler-padding-x:          .75rem !default;
+$navbar-toggler-font-size:          $font-size-lg !default;
+$navbar-toggler-border-radius:      $btn-border-radius !default;
+
+$navbar-dark-color:                 rgba($white, .5) !default;
+$navbar-dark-hover-color:           rgba($white, .75) !default;
+$navbar-dark-active-color:          $white !default;
+$navbar-dark-disabled-color:        rgba($white, .25) !default;
+$navbar-dark-toggler-icon-bg:       str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
+$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
+
+$navbar-light-color:                rgba($black, .5) !default;
+$navbar-light-hover-color:          rgba($black, .7) !default;
+$navbar-light-active-color:         rgba($black, .9) !default;
+$navbar-light-disabled-color:       rgba($black, .3) !default;
+$navbar-light-toggler-icon-bg:      str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
+$navbar-light-toggler-border-color: rgba($black, .1) !default;
+
+// Pagination
+
+$pagination-padding-y:              .5rem !default;
+$pagination-padding-x:              .75rem !default;
+$pagination-padding-y-sm:           .25rem !default;
+$pagination-padding-x-sm:           .5rem !default;
+$pagination-padding-y-lg:           .75rem !default;
+$pagination-padding-x-lg:           1.5rem !default;
+$pagination-line-height:            1.25 !default;
+
+$pagination-color:                  $link-color !default;
+$pagination-bg:                     $white !default;
+$pagination-border-width:           $border-width !default;
+$pagination-border-color:           $gray-300 !default;
+
+$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
+$pagination-focus-outline:          0 !default;
+
+$pagination-hover-color:            $link-hover-color !default;
+$pagination-hover-bg:               $gray-200 !default;
+$pagination-hover-border-color:     $gray-300 !default;
+
+$pagination-active-color:           $component-active-color !default;
+$pagination-active-bg:              $component-active-bg !default;
+$pagination-active-border-color:    $pagination-active-bg !default;
+
+$pagination-disabled-color:         $gray-600 !default;
+$pagination-disabled-bg:            $white !default;
+$pagination-disabled-border-color:  $gray-300 !default;
+
+
+// Jumbotron
+
+$jumbotron-padding:                 2rem !default;
+$jumbotron-bg:                      $gray-200 !default;
+
+
+// Cards
+
+$card-spacer-y:                     .75rem !default;
+$card-spacer-x:                     1.25rem !default;
+$card-border-width:                 $border-width !default;
+$card-border-radius:                $border-radius !default;
+$card-border-color:                 rgba($black, .125) !default;
+$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
+$card-cap-bg:                       rgba($black, .03) !default;
+$card-bg:                           $white !default;
+
+$card-img-overlay-padding:          1.25rem !default;
+
+$card-group-margin:                 ($grid-gutter-width / 2) !default;
+$card-deck-margin:                  $card-group-margin !default;
+
+$card-columns-count:                3 !default;
+$card-columns-gap:                  1.25rem !default;
+$card-columns-margin:               $card-spacer-y !default;
+
+
+// Tooltips
+
+$tooltip-font-size:                 $font-size-sm !default;
+$tooltip-max-width:                 200px !default;
+$tooltip-color:                     $white !default;
+$tooltip-bg:                        $black !default;
+$tooltip-border-radius:             $border-radius !default;
+$tooltip-opacity:                   .9 !default;
+$tooltip-padding-y:                 .25rem !default;
+$tooltip-padding-x:                 .5rem !default;
+$tooltip-margin:                    0 !default;
+
+$tooltip-arrow-width:               .8rem !default;
+$tooltip-arrow-height:              .4rem !default;
+$tooltip-arrow-color:               $tooltip-bg !default;
+
+
+// Popovers
+
+$popover-font-size:                 $font-size-sm !default;
+$popover-bg:                        $white !default;
+$popover-max-width:                 276px !default;
+$popover-border-width:              $border-width !default;
+$popover-border-color:              rgba($black, .2) !default;
+$popover-border-radius:             $border-radius-lg !default;
+$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
+
+$popover-header-bg:                 darken($popover-bg, 3%) !default;
+$popover-header-color:              $headings-color !default;
+$popover-header-padding-y:          .5rem !default;
+$popover-header-padding-x:          .75rem !default;
+
+$popover-body-color:                $body-color !default;
+$popover-body-padding-y:            $popover-header-padding-y !default;
+$popover-body-padding-x:            $popover-header-padding-x !default;
+
+$popover-arrow-width:               1rem !default;
+$popover-arrow-height:              .5rem !default;
+$popover-arrow-color:               $popover-bg !default;
+
+$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
+
+
+// Badges
+
+$badge-font-size:                   75% !default;
+$badge-font-weight:                 $font-weight-bold !default;
+$badge-padding-y:                   .25em !default;
+$badge-padding-x:                   .4em !default;
+$badge-border-radius:               $border-radius !default;
+
+$badge-pill-padding-x:              .6em !default;
+// Use a higher than normal value to ensure completely rounded edges when
+// customizing padding or font-size on labels.
+$badge-pill-border-radius:          10rem !default;
+
+
+// Modals
+
+// Padding applied to the modal body
+$modal-inner-padding:               1rem !default;
+
+$modal-dialog-margin:               .5rem !default;
+$modal-dialog-margin-y-sm-up:       1.75rem !default;
+
+$modal-title-line-height:           $line-height-base !default;
+
+$modal-content-bg:                  $white !default;
+$modal-content-border-color:        rgba($black, .2) !default;
+$modal-content-border-width:        $border-width !default;
+$modal-content-border-radius:       $border-radius-lg !default;
+$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;
+$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;
+
+$modal-backdrop-bg:                 $black !default;
+$modal-backdrop-opacity:            .5 !default;
+$modal-header-border-color:         $gray-200 !default;
+$modal-footer-border-color:         $modal-header-border-color !default;
+$modal-header-border-width:         $modal-content-border-width !default;
+$modal-footer-border-width:         $modal-header-border-width !default;
+$modal-header-padding:              1rem !default;
+
+$modal-lg:                          800px !default;
+$modal-md:                          500px !default;
+$modal-sm:                          300px !default;
+
+$modal-transition:                  transform .3s ease-out !default;
+
+
+// Alerts
+//
+// Define alert colors, border radius, and padding.
+
+$alert-padding-y:                   .75rem !default;
+$alert-padding-x:                   1.25rem !default;
+$alert-margin-bottom:               1rem !default;
+$alert-border-radius:               $border-radius !default;
+$alert-link-font-weight:            $font-weight-bold !default;
+$alert-border-width:                $border-width !default;
+
+$alert-bg-level:                    -10 !default;
+$alert-border-level:                -9 !default;
+$alert-color-level:                 6 !default;
+
+
+// Progress bars
+
+$progress-height:                   1rem !default;
+$progress-font-size:                ($font-size-base * .75) !default;
+$progress-bg:                       $gray-200 !default;
+$progress-border-radius:            $border-radius !default;
+$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
+$progress-bar-color:                $white !default;
+$progress-bar-bg:                   $primary;
+$progress-bar-animation-timing:     1s linear infinite !default;
+$progress-bar-transition:           width .6s ease !default;
+
+// List group
+
+$list-group-bg:                     $white !default;
+$list-group-border-color:           rgba($black, .125) !default;
+$list-group-border-width:           $border-width !default;
+$list-group-border-radius:          $border-radius !default;
+
+$list-group-item-padding-y:         .75rem !default;
+$list-group-item-padding-x:         1.25rem !default;
+
+$list-group-hover-bg:               $gray-100 !default;
+$list-group-active-color:           $component-active-color !default;
+$list-group-active-bg:              $component-active-bg !default;
+$list-group-active-border-color:    $list-group-active-bg !default;
+
+$list-group-disabled-color:         $gray-600 !default;
+$list-group-disabled-bg:            $list-group-bg !default;
+
+$list-group-action-color:           $gray-700 !default;
+$list-group-action-hover-color:     $list-group-action-color !default;
+
+$list-group-action-active-color:    $body-color !default;
+$list-group-action-active-bg:       $gray-200 !default;
+
+
+// Image thumbnails
+
+$thumbnail-padding:                 .25rem !default;
+$thumbnail-bg:                      $body-bg !default;
+$thumbnail-border-width:            $border-width !default;
+$thumbnail-border-color:            $gray-300 !default;
+$thumbnail-border-radius:           $border-radius !default;
+$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
+
+
+// Figures
+
+$figure-caption-font-size:          90% !default;
+$figure-caption-color:              $gray-600 !default;
+
+
+// Breadcrumbs
+
+$breadcrumb-padding-y:              .75rem !default;
+$breadcrumb-padding-x:              1rem !default;
+$breadcrumb-item-padding:           .5rem !default;
+
+$breadcrumb-margin-bottom:          1rem !default;
+
+$breadcrumb-bg:                     $gray-200 !default;
+$breadcrumb-divider-color:          $gray-600 !default;
+$breadcrumb-active-color:           $gray-600 !default;
+$breadcrumb-divider:                quote("/") !default;
+
+$breadcrumb-border-radius:          $border-radius !default;
+
+
+// Carousel
+
+$carousel-control-color:            $white !default;
+$carousel-control-width:            15% !default;
+$carousel-control-opacity:          .5 !default;
+
+$carousel-indicator-width:          30px !default;
+$carousel-indicator-height:         3px !default;
+$carousel-indicator-spacer:         3px !default;
+$carousel-indicator-active-bg:      $white !default;
+
+$carousel-caption-width:            70% !default;
+$carousel-caption-color:            $white !default;
+
+$carousel-control-icon-width:       20px !default;
+
+$carousel-control-prev-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
+$carousel-control-next-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$carousel-transition:               transform .6s ease !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
+
+
+// Close
+
+$close-font-size:                   $font-size-base * 1.5 !default;
+$close-font-weight:                 $font-weight-bold !default;
+$close-color:                       $black !default;
+$close-text-shadow:                 0 1px 0 $white !default;
+
+// Code
+
+$code-font-size:                    87.5% !default;
+$code-color:                        $pink !default;
+
+$kbd-padding-y:                     .2rem !default;
+$kbd-padding-x:                     .4rem !default;
+$kbd-font-size:                     $code-font-size !default;
+$kbd-color:                         $white !default;
+$kbd-bg:                            $gray-900 !default;
+
+$pre-color:                         $gray-900 !default;
+$pre-scrollable-max-height:         340px !default;
+
+
+// Printing
+$print-page-size:                   a3 !default;
+$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;
+
+
diff --git a/_sass/p2pu-theme/accordion.scss b/_sass/p2pu-theme/accordion.scss
new file mode 100644
index 000000000..cc3d45d21
--- /dev/null
+++ b/_sass/p2pu-theme/accordion.scss
@@ -0,0 +1,103 @@
+@import "variables";
+
+.accordion {
+  padding-bottom: $padding-sm;
+
+  h2 {
+    padding-bottom: $padding-xs;
+  }
+
+  .accordion-item {
+    .heading {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 4px solid $p2pu-orange;
+      cursor: pointer;
+
+      h4 {
+        font-family: $font-family-sans-serif;
+      }
+
+      a {
+        margin-left: $padding-sm;
+      }
+    }
+
+    &:nth-of-type(4n+1) {
+      .heading {
+        border-bottom: 4px solid $p2pu-orange;
+      }
+
+      a, a:hover, a:focus {
+        color: $p2pu-orange;
+      }
+    }
+
+    &:nth-of-type(4n+2) {
+      .heading {
+        border-bottom: 4px solid $p2pu-yellow;
+      }
+
+      a, a:hover, a:focus {
+        color: $p2pu-yellow;
+      }
+    }
+
+    &:nth-of-type(4n+3) {
+      .heading {
+        border-bottom: 4px solid $p2pu-green;
+      }
+
+      a, a:hover, a:focus {
+        color: $p2pu-green;
+      }
+    }
+
+    &:nth-of-type(4n+4) {
+      .heading {
+        border-bottom: 4px solid $p2pu-blue;
+      }
+
+      a, a:hover, a:focus {
+        color: $p2pu-blue;
+      }
+    }
+
+    .content {
+      margin: 10px 0;
+      max-height: 0;
+      overflow: hidden;
+      transition: max-height 0.5s ease-in-out;
+
+      ul {
+        li {
+          padding-bottom: 4px;
+        }
+      }
+    }
+
+    a.hide-content {
+      display: none;
+    }
+
+    a.show-content {
+      display: block;
+    }
+
+    &.open {
+      .content {
+        max-height: 1000px;
+      }
+
+      a.hide-content {
+        display: block;
+      }
+
+      a.show-content {
+        display: none;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/_sass/p2pu-theme/base.scss b/_sass/p2pu-theme/base.scss
new file mode 100644
index 000000000..6e315b5c8
--- /dev/null
+++ b/_sass/p2pu-theme/base.scss
@@ -0,0 +1,11 @@
+@import "fonts";
+@import "variables";
+@import "bootstrap/scss/bootstrap";
+@import "mixins";
+@import "utilities";
+@import "layout";
+@import "typography";
+@import "buttons";
+@import "menu";
+@import "footer";
+@import "custom";
diff --git a/announcements/_posts/2014-11-17-week-1-community.markdown b/announcements/_posts/2014-11-17-week-1-community.markdown
deleted file mode 100644
index 7b2d6771d..000000000
--- a/announcements/_posts/2014-11-17-week-1-community.markdown
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: Week 1 - Kicking off with community
-layout: course_page
----
-
-# Week 1 - Kicking off with community
-
-Hey!
-
-Welcome to Course in a Box! This is week 1 and we are talking, thinking and reading about community: [http://howto.p2pu.org/modules/community/concepts/](http://howto.p2pu.org/modules/community/concepts/).
-
-![Gif of excited boy]({{site.baseurl}}/img/excited.gif)
-
-The action items for this week are
-
- 1. Follow the instructions at [howto.p2pu.org/modules/start/the-box/](http://howto.p2pu.org/modules/start/the-box/) to create your own copy where you can work if you haven’t already done so
- 1. Find your first 10 community members: [howto.p2pu.org/modules/community/projects/](http://howto.p2pu.org/modules/community/projects/)
- 1. Have a look at community in other courses [howto.p2pu.org/modules/community/projects](http://howto.p2pu.org/modules/community/projects/)
- 1. Join the discussion this [Thursday at 6 PM EST (21:00 UTC)](https://www.google.com/calendar/embed?src=p2pu.org_bdbg1p5olhp0eo83mnqi7fvpfs%40group.calendar.google.com). Let us know if you can make it on the Google event. We'll send an invite.
-
-We are looking for a few more people to help us test Course in a Box. If you know anyone that you think will benefit from the experience or would provide good feedback to make it better, please invite them. Ask them to send us an email or tweet @p2pu saying they wish to be part of the course.
-
-Regards
-The P2PU team
diff --git a/announcements/_posts/2014-11-25-week-2-learning.markdown b/announcements/_posts/2014-11-25-week-2-learning.markdown
deleted file mode 100644
index c1fde8da1..000000000
--- a/announcements/_posts/2014-11-25-week-2-learning.markdown
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Week 2 - Learning by doing together!
-layout: course_page
----
-
-# Week 2 - Learning by doing together!
-
-Hey
-
-Last week we talked about community. We could probably have a complete course on that and call it “Community in a Box”. Someone may be doing just [that](http://community.p2pu.org/t/please-introduce-yourself/28/114)!
-
-If you missed last week, don’t worry, you can join the conversation on [discourse](http://community.p2pu.org/t/course-in-a-box-community-safari/1153) and continue working on the projects at your own pace.
-
-
-![GIF of cat learning to swim]({{site.baseurl}}/img/learning-to-swim.gif)
-
-This week we are discussing learning design. We have several projects to help us learn:
-
-- [Look how other courses do it](http://howto.p2pu.org/modules/learning/projects/).
-- [Plan your learning outcomes](http://howto.p2pu.org/modules/learning/projects/).
-- [Add modules to your course in GitHub](http://howto.p2pu.org/modules/learning/projects/).
-
-Since this week is not a fully fledged week for everyone around the world, we are considering rescheduling the hangout. Please indicate your preference on the [doodle poll](http://doodle.com/acgcyxqzhb8staeq).
-
-Cheers
-The P2PU Team
-
diff --git a/css/p2pustrap-custom.scss b/css/p2pustrap-custom.scss
index 064ccddc2..9c11931b6 100644
--- a/css/p2pustrap-custom.scss
+++ b/css/p2pustrap-custom.scss
@@ -1,9 +1,16 @@
 ---
 ---
-
 @import "//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css";
-
-@import "p2pu-css-framework/p2pustrap";
+@import "p2pu-theme/fonts";
+@import "p2pu-theme/variables";
+@import "bootstrap/scss/bootstrap";
+@import "p2pu-theme/mixins";
+@import "p2pu-theme/utilities";
+@import "p2pu-theme/layout";
+@import "p2pu-theme/typography";
+@import "p2pu-theme/buttons";
+@import "p2pu-theme/footer";
+@import "p2pu-theme/custom";
 
 {% if site.jumbotron_color %}
 	$jumbotron-color: {{ site.jumbotron_color }};
@@ -11,34 +18,23 @@
  $jumbotron-color: $p2pu-blue;
 {% endif %}
 
-{% if site.jumbotron_background_image %}
-	$jumbotron-image: '{{ site.jumbotron_background_image }}';
+{% if site.jumbotron_image %}
+	$jumbotron-image: '{{ site.jumbotron_image}}';
 {% else %}
-	$jumbotron-image: 'banner.svg';
+	$jumbotron-image: 'img/jumbotron-image.svg';
 {% endif %}
 
-@import "common";
-@import "nav";
-@import "landing";
-@import "calendar";
+{% assign image_ext = site.jumbotron_image|split:"."|last %}
+{% if image_ext == "svg" %}
+  $jumbotron-image-size: contain;
+{% else %}
+  $jumbotron-image-size: cover;
+{% endif %}
 
-.post-container {
-    max-height: 15em;
-    overflow: hidden;
-    background-color: #F3F4F8;
-    padding: 1em;
-    
-    h3 {
-        margin-top: 0;
-    }
-}
+{% if site.jumbotron_mask %}
+	$jumbotron-mask: '{{ site.jumbotron_mask}}';
+{% else %}
+	$jumbotron-mask: 'img/jumbotron_mask.svg';
+{% endif %}
 
-.post-container:after {
-    content: "";
-    pointer-events: none;
-    position: absolute;
-    width: 100%;
-    height: 15em;
-    top:0; left: 0;
-    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255,255,255,0) 70%, rgba(255, 255, 255, 1));
-}
+@import "custom";
diff --git a/css/site.css b/css/site.css
index efea7c69a..8b1378917 100644
--- a/css/site.css
+++ b/css/site.css
@@ -1,3 +1 @@
-.content img {
-    max-width: 100%;
-}
+
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 000000000..a6bce8ea3
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,13 @@
+services:
+  jekyll:
+    image: ruby:3.3
+    user: 1000:1000
+    working_dir: /opt/app
+    ports:
+    - 4000:4000
+    volumes:
+    - .:/opt/app
+    - .bundler:/opt/bundler
+    environment:
+    - BUNDLE_PATH=/opt/bundler
+    command: bash -c "bundle install && bundle exec jekyll serve -H 0.0.0.0 --watch"
diff --git a/img/3stages.gif b/img/3stages.gif
deleted file mode 100644
index fad0f1d61..000000000
Binary files a/img/3stages.gif and /dev/null differ
diff --git a/img/Discourse1.png b/img/Discourse1.png
deleted file mode 100644
index 932b8e803..000000000
Binary files a/img/Discourse1.png and /dev/null differ
diff --git a/img/Discourse2.png b/img/Discourse2.png
deleted file mode 100644
index d3da97c60..000000000
Binary files a/img/Discourse2.png and /dev/null differ
diff --git a/img/P2PU community.png b/img/P2PU community.png
deleted file mode 100644
index 46e6c0dfc..000000000
Binary files a/img/P2PU community.png and /dev/null differ
diff --git a/img/add-module.webm b/img/add-module.webm
deleted file mode 100644
index 7e5305f3a..000000000
Binary files a/img/add-module.webm and /dev/null differ
diff --git a/img/apple-touch-icon.png b/img/apple-touch-icon.png
deleted file mode 100644
index 1f1972bd8..000000000
Binary files a/img/apple-touch-icon.png and /dev/null differ
diff --git a/img/badges.png b/img/badges.png
deleted file mode 100644
index 79e3df653..000000000
Binary files a/img/badges.png and /dev/null differ
diff --git a/img/banner.svg b/img/banner.svg
deleted file mode 100644
index 3be03bb9a..000000000
--- a/img/banner.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1800px" height="900px" viewBox="0 0 1800 900" zoomAndPan="disable">
-
-    <style type="text/css"><![CDATA[
-		line
-		{
-			stroke: rgba(255,255,255,0.125);
-			stroke-width: 0.85px;
-		}
-		
-		polygon
-		{
-			fill: rgba(255,255,255,0.075);
-		}
-    ]]></style>
-    
-	<!-- Middle line -->
-		<line x1="900" y1="0" x2="900" y2="900" />
-
-	<!-- Lines -->
-		<line x1="0" y1="0" x2="900" y2="900" />
-		<line x1="100" y1="0" x2="900" y2="800" />
-		<line x1="200" y1="0" x2="900" y2="700" />
-		<line x1="300" y1="0" x2="900" y2="600" />
-		<line x1="400" y1="0" x2="900" y2="500" />
-		<line x1="300" y1="900" x2="600" y2="600" />
-		<line x1="400" y1="900" x2="700" y2="600" />
-		<line x1="500" y1="900" x2="800" y2="600" />
-		<line x1="600" y1="900" x2="900" y2="600" />
-		<line x1="700" y1="900" x2="900" y2="700" />
-		<line x1="800" y1="900" x2="900" y2="800" />
-
-		<line x1="1800" y1="0" x2="900" y2="900" />
-		<line x1="1700" y1="0" x2="900" y2="800" />
-		<line x1="1600" y1="0" x2="900" y2="700" />
-		<line x1="1500" y1="0" x2="900" y2="600" />
-		<line x1="1400" y1="0" x2="900" y2="500" />
-		<line x1="1500" y1="900" x2="1200" y2="600" />
-		<line x1="1400" y1="900" x2="1100" y2="600" />
-		<line x1="1300" y1="900" x2="1000" y2="600" />
-		<line x1="1200" y1="900" x2="900" y2="600" />
-		<line x1="1100" y1="900" x2="900" y2="700" />
-		<line x1="1000" y1="900" x2="900" y2="800" />
-
-	<!-- Fills -->
-		<polygon points="300,900 600,600 650,650 700,600 750,650 800,600 850,650 900,600 900,900 900,600 950,650 1000,600 1050,650 1100,600 1150,650 1200,600 1500,900" />
-		<polygon points="350,950 650,650 700,700 750,650 800,700 850,650 900,700 900,900 900,700 950,650 1000,700 1050,650 1100,700 1150,650 1450,950" />
-		
-		<polygon points="400,1000 700,700 750,750 800,700 850,750 900,700 900,900 900,700 950,750 1000,700 1050,750 1100,700 1300,900" />
-		
-		<polygon points="450,1050 750,750 800,800 850,750 900,800 900,900 900,800 950,750 1000,800 1050,750 1350,1050" />
-		<polygon points="500,1100 800,800 850,850 900,800 900,900 900,800 950,850 1000,800 1300,1100" />
-		<polygon points="550,1150 850,850 900,900 950,850 1250,1150" />
-
-</svg>
\ No newline at end of file
diff --git a/img/cc-icons.png b/img/cc-icons.png
deleted file mode 100644
index f70560bf4..000000000
Binary files a/img/cc-icons.png and /dev/null differ
diff --git a/img/cohort.png b/img/cohort.png
deleted file mode 100644
index d46d33662..000000000
Binary files a/img/cohort.png and /dev/null differ
diff --git a/img/community-banner.jpg b/img/community-banner.jpg
deleted file mode 100644
index 148b6972d..000000000
Binary files a/img/community-banner.jpg and /dev/null differ
diff --git a/img/community-diagram.jpg b/img/community-diagram.jpg
deleted file mode 100644
index ee40f5936..000000000
Binary files a/img/community-diagram.jpg and /dev/null differ
diff --git a/img/community-forum.png b/img/community-forum.png
deleted file mode 100644
index 006447ab9..000000000
Binary files a/img/community-forum.png and /dev/null differ
diff --git a/img/community.jpg b/img/community.jpg
deleted file mode 100644
index 1f5253782..000000000
Binary files a/img/community.jpg and /dev/null differ
diff --git a/img/content slide/content slide.001.jpg b/img/content slide/content slide.001.jpg
deleted file mode 100644
index bccc1911f..000000000
Binary files a/img/content slide/content slide.001.jpg and /dev/null differ
diff --git a/img/content-2.jpg b/img/content-2.jpg
deleted file mode 100644
index e49326eab..000000000
Binary files a/img/content-2.jpg and /dev/null differ
diff --git a/img/content-3.jpg b/img/content-3.jpg
deleted file mode 100644
index b6c93c4c6..000000000
Binary files a/img/content-3.jpg and /dev/null differ
diff --git a/img/content-4.png b/img/content-4.png
deleted file mode 100644
index bf3565adc..000000000
Binary files a/img/content-4.png and /dev/null differ
diff --git a/img/content-banner.jpg b/img/content-banner.jpg
deleted file mode 100644
index fb4d911b5..000000000
Binary files a/img/content-banner.jpg and /dev/null differ
diff --git a/img/content.jpg b/img/content.jpg
deleted file mode 100644
index abcba8677..000000000
Binary files a/img/content.jpg and /dev/null differ
diff --git a/img/course-template.png b/img/course-template.png
new file mode 100644
index 000000000..64beb17c9
Binary files /dev/null and b/img/course-template.png differ
diff --git a/img/discourse.png b/img/discourse.png
deleted file mode 100644
index a462e2fee..000000000
Binary files a/img/discourse.png and /dev/null differ
diff --git a/img/example-jumbotron.png b/img/example-jumbotron.png
new file mode 100644
index 000000000..77ac7b918
Binary files /dev/null and b/img/example-jumbotron.png differ
diff --git a/img/example-single-page.png b/img/example-single-page.png
new file mode 100644
index 000000000..92cda0fa3
Binary files /dev/null and b/img/example-single-page.png differ
diff --git a/img/example-top-nav-link.png b/img/example-top-nav-link.png
new file mode 100644
index 000000000..c6a1f6813
Binary files /dev/null and b/img/example-top-nav-link.png differ
diff --git a/img/example-top-nav-no-link.png b/img/example-top-nav-no-link.png
new file mode 100644
index 000000000..8430900b5
Binary files /dev/null and b/img/example-top-nav-no-link.png differ
diff --git a/img/excited.gif b/img/excited.gif
deleted file mode 100644
index 0d2d6c8c6..000000000
Binary files a/img/excited.gif and /dev/null differ
diff --git a/img/favicon.ico b/img/favicon.ico
index 1f62ceb13..77df2e3c0 100644
Binary files a/img/favicon.ico and b/img/favicon.ico differ
diff --git a/img/feedback-banner.jpg b/img/feedback-banner.jpg
deleted file mode 100644
index 2b0fbc052..000000000
Binary files a/img/feedback-banner.jpg and /dev/null differ
diff --git a/img/getfeedback.png b/img/getfeedback.png
deleted file mode 100644
index 7b2433d20..000000000
Binary files a/img/getfeedback.png and /dev/null differ
diff --git a/img/header.svg b/img/header.svg
deleted file mode 100644
index 4a11a89be..000000000
--- a/img/header.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 400 400" preserveAspectRatio="none">
-	<polygon points="0,0 300,0 0,250" style="fill:rgba(255,255,255,0.1);" />
-	<polygon points="100,400 400,150 400,400" style="fill:rgba(0,0,0,0.035);" />
-	
-	<line x1="300" y1="0" x2="0" y2="250" style="stroke:rgba(255,255,255,0.25);stroke-width:0.25" />
-	<line x1="100" y1="400" x2="400" y2="150" style="stroke:rgba(255,255,255,0.25);stroke-width:0.25" />
-</svg>
\ No newline at end of file
diff --git a/img/hillman community.png b/img/hillman community.png
deleted file mode 100644
index 74172e66a..000000000
Binary files a/img/hillman community.png and /dev/null differ
diff --git a/img/jumbotron-image.svg b/img/jumbotron-image.svg
new file mode 100644
index 000000000..55b9123f1
--- /dev/null
+++ b/img/jumbotron-image.svg
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 300 275"
+   xml:space="preserve"
+   sodipodi:docname="jumbotron-image.svg"
+   style="enable-background:new 0 0 300 275;"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+   id="metadata921"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs919" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1853"
+   inkscape:window-height="1025"
+   id="namedview917"
+   showgrid="false"
+   inkscape:zoom="2.170175"
+   inkscape:cx="146.77296"
+   inkscape:cy="106.86341"
+   inkscape:window-x="67"
+   inkscape:window-y="27"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<style
+   type="text/css"
+   id="style888">
+	.st0{opacity:0.15;fill:#05C6B4;}
+</style>
+<path
+   class="st0"
+   d="M276.6,0c-0.5,8.3-2.8,16.3-6.7,23.6c-8.5,15.9-24,23.3-41.4,25.1c-8.6,0.9-17.3,0.7-25.6-2  c-8.5-2.7-15.5-8.2-21.5-14.7c-4.5-4.9-8-10.7-11.5-16.4c-3.1-4.9-5.8-10.2-8-15.6L276.6,0z"
+   id="path890"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M118.7,0c1.1,1.5,1.9,3.1,2.6,4.8l6.6,16.9c3.5-1.2,7.1-2.4,10.6-3.8c10.2-3.8,21,3.5,24.4,13  c3.7,10.4-3.4,20.8-13,24.4c-2.6,1-5.3,2-8,2.9c2.2,8.6-3.5,18-11.2,21.5c-8.3,3.8-20.1,1.2-24.6-7.4l-1.8-3.5  c-8.1,1.8-16.4,2.7-24.4,0.8c-8.6-2-14.3-9.7-15-18.3c-0.7-9,6-16.3,13.8-19.4l10-3.9c-1.5-4-3-8-4.5-11.9  C81.8,10.6,83.1,4.7,86.4,0H118.7z"
+   id="path892"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M65.7,24c-4,4-8.4,5-13.8,5.7C46,30.5,40.2,31,34.3,31.2c1.6,1.9,3,4.1,4,6.4c3.5,7.9,1.9,17.1-4,23.3  c-5.7,5.8-14.8,9.2-22.6,12.4c2.7,3.8,5.2,7.6,7.7,11.4c5.9,9.2,1.6,21.2-7,26.7c-3.7,2.3-8.1,3.2-12.4,2.4V0h68.2  c1.9,3.1,3,6.6,3.2,10.2C71.6,15,69.1,20.6,65.7,24z"
+   id="path894"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M68.2,275H0v-7.5c2.3-1,4.9-1.4,7.4-1.1c14.8,1.5,29.7,1.2,44.5-0.7C58.9,264.8,64.8,269.2,68.2,275z"
+   id="path896"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M300,0v113.8c-5.9-1-11-4.5-14.3-9.4c-3.3-5.1-6.8-10.2-10.4-15.1c-0.9-1.2-1.9-2.4-2.7-3.7l-0.5-0.7l-0.3-0.4  c-1.9-2.4-3.8-4.8-5.8-7.1c-4.6-5.5-7-11.8-5-19c1.8-6.6,7-11.8,13.6-13.6c6.6-1.6,13.1-3.6,19.4-6.1l1.2-0.5  c-0.1-0.4-0.3-0.9-0.4-1.3l-6.1-20.8c-1.5-5.3-0.3-11.3,2.8-16.1L300,0z"
+   id="path898"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M300,138.5v98.1c-5.2,1.1-10.6,0.3-15.2-2.3c-9.3-5.3-10.8-17.2-6.5-26.1c0.4-1.4,0.9-2.8,1.4-4.2  c-3.9,2.6-8,4.8-12.4,6.7c-3.1,1.6-6.5,2.5-10,2.5c-10.1,0-19.6-10.2-18.6-20.4c1.9-19.8,12.8-38,30.6-47.5  C278.8,140.3,289.4,137.9,300,138.5z"
+   id="path900"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M300,267.5v7.5h-8.6C293.4,271.7,296.4,269.1,300,267.5z"
+   id="path902"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M276.6,275H162.1c-1.1-2.9-2-5.8-2.7-8.9c-2.5-10.6,6.7-20.3,16.3-22.2c9.1-1.8,16.8,3.9,20.5,11.6  c0.3-9.1,7.8-16.7,16.6-18.5c10.6-2.1,20.3,6.3,22.2,16.3c0.2,1.2,0.5,2.4,0.7,3.6c0.2-1.4,0.3-2.7,0.4-4.1  c0.5-9.7,9.7-17.1,18.9-17.3c10.1-0.2,17.6,6.8,19.7,16.4C276.5,259.6,277.1,267.3,276.6,275z"
+   id="path904"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M118.7,275H86.4c2.6-3.7,6.3-6.6,10.5-8.1C105.5,263.9,113.9,268.1,118.7,275z"
+   id="path906"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M261.4,95c-4.8-15.4-19.2-24.5-35.1-24.2c-6.5,0.1-12.9,1.7-19.1,3.6c-2.7,0.8-5.5,1.7-8.2,2.3  c-0.6,0.1-1.1,0.2-1.7,0.3h-0.2h-0.3c0-0.2,0-0.4,0-0.7c0.1-0.8,0.3-2.1,0.4-2.4c0.3-1.5,0.7-3,1.1-4.5c2.4-9.1-3-20-12.6-22.1  c-9.4-2.1-19.6,2.8-22.1,12.6c-3.3,12.7-4.9,27.1,3.2,38.4c9.4,13.2,25,16.1,40.1,13.4c5.6-1,11-3.2,16.5-4.5  c0.6-0.1,1.9-0.3,2.3-0.3s0.8,0,1.2,0c0,0.3,0.1,0.3,0.1,0l0,0c0,0.8,0,1.7,0,2.5c0,1.3-0.2,2.6-0.3,3.8c0,0.2,0,0.3,0,0.5  c0,0.1,0,0.1,0,0.2c-0.5,3.4-1,6.8-1.5,10.3c-1.3,9.3,2.3,19.8,12.6,22.1c8.5,1.9,20.7-2.6,22.1-12.6  C261.9,121.1,265.3,107.5,261.4,95z"
+   id="path908"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M131.7,97c-11-2.5-19.8,2.8-24.3,12.2c0.2-0.5,0-0.2-0.6,1c-0.3,0.5-0.6,0.9-0.7,1l-0.1,0.1l-0.7,0.4l-1.2,0.7  l-0.5,0.2c-0.5,0.2-0.9,0.3-1.4,0.4l-0.9,0.2h-0.4c-1.2-0.1-2.5,0.1-3.7,0c-1.1-0.4-3.8-1.2-4.3-1.3l-0.3-0.1l-0.4-0.2  c-1.3-0.7-2.5-1.4-3.8-2.2l-0.5-0.3l-0.6-0.5c-1.3-1.1-2.4-2.4-3.6-3.6l-0.3-0.3l-0.1-0.1c-0.9-1.4-1.8-2.8-2.7-4.4  c-0.2-0.5-0.4-0.8-0.6-1l0,0c-0.4-1.4-0.9-2.8-1.3-4.2c-0.2-0.6-0.3-1.2-0.4-1.9C77.4,82.7,69.5,72.4,57.9,73  c-10.4,0.5-21.4,9-20.5,20.5c2.1,25.7,17.4,47.6,41.6,57.1c11.7,4.6,25.9,5.5,37.8,1c14.2-5.4,23.8-15.2,29.3-29.3  C149.9,112.2,141.7,99.3,131.7,97z"
+   id="path910"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M217.7,205.6c-1.9-16.5-2.3-33.1-1.2-49.7c0.7-10.7-10-21-20.5-20.5c-11.8,0.5-19.7,9-20.5,20.5  c-0.2,2.5-0.3,5-0.4,7.5c-0.5-0.6-1.1-1.1-1.6-1.7c-9-9.8-25.7-6.9-32.2,4.1c-3.6,6.2-6.7,12.8-9.3,19.5l-1.5-2  c-1.2-1.7-2.5-3.4-3.7-5.2c-4.9-6.9-11.7-11-20.4-9.8c-8.3,1.1-14.4,6.8-17,14.7c-5.3,16.4-8.9,33.2-10.8,50.3  c-1.4,10.7,10.3,21,20.5,20.5c12.2-0.6,19.1-9.1,20.5-20.5c0.1-0.5,0.1-0.8,0.1-1.1s0.1-0.5,0.1-0.8l0,0c4.2,3.3,8.8,6.2,13.7,8.4  c6.9,3.1,13.8,4,20.7,0s9.3-10.3,10.2-17.7c0-0.2,0-0.4,0.1-0.6c0.1-0.6,0.2-1.1,0.3-1.7c0.3-1.7,0.6-3.4,1-5.1  c0.3-1.4,0.7-2.8,1-4.2c6.4,4.8,13.2,9,20.2,12.8c6.5,3.5,14.2,3.8,20.7,0C213.2,219.9,218.5,212.5,217.7,205.6z"
+   id="path912"
+   style="opacity:1" />
+<path
+   class="st0"
+   d="M58,241.1c-0.7,3-2,5.8-3.6,8.4c-5.9,9.2-17.6,11.4-26.9,6.1c-2.4-1.4-4.4-3.3-5.9-5.6c-1.5-2-2.7-4.2-3.6-6.6  c-2.2-6.1-3.7-12.4-4.4-18.9c-0.6,1.2-1.3,2.5-2,3.7c-2.5,4.4-6.7,7.4-11.6,8.4v-98.1c9.7,0.5,19.1,3.3,27.5,8.3  C58.2,165.2,69.7,208.3,58,241.1z"
+   id="path914"
+   style="opacity:1" />
+</svg>
\ No newline at end of file
diff --git a/img/jumbotron-mask.svg b/img/jumbotron-mask.svg
new file mode 100644
index 000000000..45a90e29e
--- /dev/null
+++ b/img/jumbotron-mask.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Layer_1"
+   data-name="Layer 1"
+   viewBox="0 0 20 20"
+   version="1.1"
+   sodipodi:docname="jumbotron-mask.svg"
+   width="20"
+   height="20"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <metadata
+     id="metadata1212">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>p2pu-pattern-2</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs1210" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1853"
+     inkscape:window-height="1025"
+     id="namedview1208"
+     showgrid="false"
+     inkscape:zoom="6.8308218"
+     inkscape:cx="44.914646"
+     inkscape:cy="18.881888"
+     inkscape:window-x="67"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <title
+     id="title1043">p2pu-pattern-2</title>
+  <rect
+     style="opacity:1;fill:#000000;fill-opacity:0.1781609;fill-rule:nonzero;stroke:none;stroke-width:4.91338587;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+     id="rect1349"
+     width="20"
+     height="20"
+     x="0"
+     y="0" />
+</svg>
diff --git a/img/learning-banner.jpg b/img/learning-banner.jpg
deleted file mode 100644
index 3e273d3a0..000000000
Binary files a/img/learning-banner.jpg and /dev/null differ
diff --git a/img/learning-styles.png b/img/learning-styles.png
deleted file mode 100644
index d50d0a747..000000000
Binary files a/img/learning-styles.png and /dev/null differ
diff --git a/img/learning-to-swim.gif b/img/learning-to-swim.gif
deleted file mode 100644
index 52d215d97..000000000
Binary files a/img/learning-to-swim.gif and /dev/null differ
diff --git a/img/learning.safari.png b/img/learning.safari.png
deleted file mode 100644
index 48cad4cca..000000000
Binary files a/img/learning.safari.png and /dev/null differ
diff --git a/img/modules.jpg b/img/modules.jpg
deleted file mode 100644
index d237f4655..000000000
Binary files a/img/modules.jpg and /dev/null differ
diff --git a/img/mropen_weekbyweek.jpg b/img/mropen_weekbyweek.jpg
deleted file mode 100644
index afd100fb1..000000000
Binary files a/img/mropen_weekbyweek.jpg and /dev/null differ
diff --git a/img/preview-changes.png b/img/preview-changes.png
new file mode 100644
index 000000000..250613bf1
Binary files /dev/null and b/img/preview-changes.png differ
diff --git a/img/process.png b/img/process.png
deleted file mode 100644
index 1a869a6f2..000000000
Binary files a/img/process.png and /dev/null differ
diff --git a/img/pwym.png b/img/pwym.png
deleted file mode 100644
index eac80ee67..000000000
Binary files a/img/pwym.png and /dev/null differ
diff --git a/img/pwymfeedback.png b/img/pwymfeedback.png
deleted file mode 100644
index 5ec336b93..000000000
Binary files a/img/pwymfeedback.png and /dev/null differ
diff --git a/img/python.jpg b/img/python.jpg
deleted file mode 100644
index f63b5fa83..000000000
Binary files a/img/python.jpg and /dev/null differ
diff --git a/img/qualfeedback.png b/img/qualfeedback.png
deleted file mode 100644
index ed0ed9596..000000000
Binary files a/img/qualfeedback.png and /dev/null differ
diff --git a/img/reference.jpg b/img/reference.jpg
deleted file mode 100644
index 5b89e61be..000000000
Binary files a/img/reference.jpg and /dev/null differ
diff --git a/img/scratchfeedback.png b/img/scratchfeedback.png
deleted file mode 100644
index b3833df16..000000000
Binary files a/img/scratchfeedback.png and /dev/null differ
diff --git a/img/shirky community.png b/img/shirky community.png
deleted file mode 100644
index fc56c9a2f..000000000
Binary files a/img/shirky community.png and /dev/null differ
diff --git a/img/start.jpg b/img/start.jpg
deleted file mode 100644
index cd82d885e..000000000
Binary files a/img/start.jpg and /dev/null differ
diff --git a/img/steps.webm b/img/steps.webm
deleted file mode 100644
index d101888c1..000000000
Binary files a/img/steps.webm and /dev/null differ
diff --git a/img/steps/1-github-fork-step-1.png b/img/steps/1-github-fork-step-1.png
deleted file mode 100644
index 8f7006a15..000000000
Binary files a/img/steps/1-github-fork-step-1.png and /dev/null differ
diff --git a/img/steps/10-github-edit-index-1.png b/img/steps/10-github-edit-index-1.png
deleted file mode 100644
index 963b7fe1f..000000000
Binary files a/img/steps/10-github-edit-index-1.png and /dev/null differ
diff --git a/img/steps/11-course-view-1.png b/img/steps/11-course-view-1.png
deleted file mode 100644
index fa8448a84..000000000
Binary files a/img/steps/11-course-view-1.png and /dev/null differ
diff --git a/img/steps/12-modules-create-1.png b/img/steps/12-modules-create-1.png
deleted file mode 100644
index d40d0e6d8..000000000
Binary files a/img/steps/12-modules-create-1.png and /dev/null differ
diff --git a/img/steps/13-modules-create-2.png b/img/steps/13-modules-create-2.png
deleted file mode 100644
index 3a5532539..000000000
Binary files a/img/steps/13-modules-create-2.png and /dev/null differ
diff --git a/img/steps/14-modules-create-3.png b/img/steps/14-modules-create-3.png
deleted file mode 100644
index 3c4f619c7..000000000
Binary files a/img/steps/14-modules-create-3.png and /dev/null differ
diff --git a/img/steps/15-modules-create-4.png b/img/steps/15-modules-create-4.png
deleted file mode 100644
index 066cf84d7..000000000
Binary files a/img/steps/15-modules-create-4.png and /dev/null differ
diff --git a/img/steps/16-modules-create-5.png b/img/steps/16-modules-create-5.png
deleted file mode 100644
index 770edd6cb..000000000
Binary files a/img/steps/16-modules-create-5.png and /dev/null differ
diff --git a/img/steps/17-modules-create-6.png b/img/steps/17-modules-create-6.png
deleted file mode 100644
index 92f29c34a..000000000
Binary files a/img/steps/17-modules-create-6.png and /dev/null differ
diff --git a/img/steps/18-modules-create-7.png b/img/steps/18-modules-create-7.png
deleted file mode 100644
index 513427e26..000000000
Binary files a/img/steps/18-modules-create-7.png and /dev/null differ
diff --git a/img/steps/19-modules-create-8.png b/img/steps/19-modules-create-8.png
deleted file mode 100644
index b7fca8f5c..000000000
Binary files a/img/steps/19-modules-create-8.png and /dev/null differ
diff --git a/img/steps/2-github-edit-config-1.png b/img/steps/2-github-edit-config-1.png
deleted file mode 100644
index 52350d187..000000000
Binary files a/img/steps/2-github-edit-config-1.png and /dev/null differ
diff --git a/img/steps/20-modules-create-9.png b/img/steps/20-modules-create-9.png
deleted file mode 100644
index fde0a5ddd..000000000
Binary files a/img/steps/20-modules-create-9.png and /dev/null differ
diff --git a/img/steps/3-github-edit-config-2.png b/img/steps/3-github-edit-config-2.png
deleted file mode 100644
index f9a214dba..000000000
Binary files a/img/steps/3-github-edit-config-2.png and /dev/null differ
diff --git a/img/steps/4-github-delete-cname.png b/img/steps/4-github-delete-cname.png
deleted file mode 100644
index f83472cc5..000000000
Binary files a/img/steps/4-github-delete-cname.png and /dev/null differ
diff --git a/img/steps/5-github-delete-cname-2.png b/img/steps/5-github-delete-cname-2.png
deleted file mode 100644
index 0c5ef89c1..000000000
Binary files a/img/steps/5-github-delete-cname-2.png and /dev/null differ
diff --git a/img/steps/6-github-url-edit.png b/img/steps/6-github-url-edit.png
deleted file mode 100644
index 155fac9a5..000000000
Binary files a/img/steps/6-github-url-edit.png and /dev/null differ
diff --git a/img/steps/7-github-page-build-warning.png b/img/steps/7-github-page-build-warning.png
deleted file mode 100644
index dac231018..000000000
Binary files a/img/steps/7-github-page-build-warning.png and /dev/null differ
diff --git a/img/steps/8-github-edit-data-course-1.png b/img/steps/8-github-edit-data-course-1.png
deleted file mode 100644
index acf49950e..000000000
Binary files a/img/steps/8-github-edit-data-course-1.png and /dev/null differ
diff --git a/img/steps/9-github-edit-data-course-2.png b/img/steps/9-github-edit-data-course-2.png
deleted file mode 100644
index a724d4663..000000000
Binary files a/img/steps/9-github-edit-data-course-2.png and /dev/null differ
diff --git a/img/tools/github-fork-step-1.png b/img/tools/github-fork-step-1.png
deleted file mode 100644
index 8f7006a15..000000000
Binary files a/img/tools/github-fork-step-1.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-1-small.png b/img/tools/github-pull-request-step-1-small.png
deleted file mode 100644
index ff0cb9ff3..000000000
Binary files a/img/tools/github-pull-request-step-1-small.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-1.png b/img/tools/github-pull-request-step-1.png
deleted file mode 100644
index 8bf4a4b8a..000000000
Binary files a/img/tools/github-pull-request-step-1.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-2-small.png b/img/tools/github-pull-request-step-2-small.png
deleted file mode 100644
index 157e538df..000000000
Binary files a/img/tools/github-pull-request-step-2-small.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-2.png b/img/tools/github-pull-request-step-2.png
deleted file mode 100644
index 3d8669573..000000000
Binary files a/img/tools/github-pull-request-step-2.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-3-small.png b/img/tools/github-pull-request-step-3-small.png
deleted file mode 100644
index 609bbd995..000000000
Binary files a/img/tools/github-pull-request-step-3-small.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-3.png b/img/tools/github-pull-request-step-3.png
deleted file mode 100644
index 76f5b74b7..000000000
Binary files a/img/tools/github-pull-request-step-3.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-4-small.png b/img/tools/github-pull-request-step-4-small.png
deleted file mode 100644
index 20ccad934..000000000
Binary files a/img/tools/github-pull-request-step-4-small.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-4.png b/img/tools/github-pull-request-step-4.png
deleted file mode 100644
index a2fde9d8c..000000000
Binary files a/img/tools/github-pull-request-step-4.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-5-small.png b/img/tools/github-pull-request-step-5-small.png
deleted file mode 100644
index 6ab20de6b..000000000
Binary files a/img/tools/github-pull-request-step-5-small.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-5.png b/img/tools/github-pull-request-step-5.png
deleted file mode 100644
index e227caf66..000000000
Binary files a/img/tools/github-pull-request-step-5.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-6-small.png b/img/tools/github-pull-request-step-6-small.png
deleted file mode 100644
index 619e422f1..000000000
Binary files a/img/tools/github-pull-request-step-6-small.png and /dev/null differ
diff --git a/img/tools/github-pull-request-step-6.png b/img/tools/github-pull-request-step-6.png
deleted file mode 100644
index 41e9bfba2..000000000
Binary files a/img/tools/github-pull-request-step-6.png and /dev/null differ
diff --git a/img/tools/github-upstream-step-1.png b/img/tools/github-upstream-step-1.png
deleted file mode 100644
index f179935bc..000000000
Binary files a/img/tools/github-upstream-step-1.png and /dev/null differ
diff --git a/img/tools/github-upstream-step-2-1.png b/img/tools/github-upstream-step-2-1.png
deleted file mode 100644
index d169e05fc..000000000
Binary files a/img/tools/github-upstream-step-2-1.png and /dev/null differ
diff --git a/img/tools/github-upstream-step-2-2.png b/img/tools/github-upstream-step-2-2.png
deleted file mode 100644
index fbaf97d1b..000000000
Binary files a/img/tools/github-upstream-step-2-2.png and /dev/null differ
diff --git a/img/tools/github-upstream-step-2-3.png b/img/tools/github-upstream-step-2-3.png
deleted file mode 100644
index 67454183a..000000000
Binary files a/img/tools/github-upstream-step-2-3.png and /dev/null differ
diff --git a/img/tools/github-upstream-step-2.png b/img/tools/github-upstream-step-2.png
deleted file mode 100644
index 20965f7fd..000000000
Binary files a/img/tools/github-upstream-step-2.png and /dev/null differ
diff --git a/img/tools/github-upstream-step-3.png b/img/tools/github-upstream-step-3.png
deleted file mode 100644
index c3f880c40..000000000
Binary files a/img/tools/github-upstream-step-3.png and /dev/null differ
diff --git a/img/tools/github-upstream-step-4.png b/img/tools/github-upstream-step-4.png
deleted file mode 100644
index 853abe0bc..000000000
Binary files a/img/tools/github-upstream-step-4.png and /dev/null differ
diff --git a/img/tools/github-upstream-step-5.png b/img/tools/github-upstream-step-5.png
deleted file mode 100644
index 0992f8882..000000000
Binary files a/img/tools/github-upstream-step-5.png and /dev/null differ
diff --git a/img/tools/github-upstream-step-6.png b/img/tools/github-upstream-step-6.png
deleted file mode 100644
index f34297754..000000000
Binary files a/img/tools/github-upstream-step-6.png and /dev/null differ
diff --git a/img/unhangout-logo.svg b/img/unhangout-logo.svg
deleted file mode 100644
index d21bf6a72..000000000
--- a/img/unhangout-logo.svg
+++ /dev/null
@@ -1,65 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="64"
-   height="53.285683"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   sodipodi:docname="unhangout-logo.svg">
-  <defs
-     id="defs4" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.4"
-     inkscape:cx="71.265813"
-     inkscape:cy="-48.018277"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     inkscape:window-width="1855"
-     inkscape:window-height="1056"
-     inkscape:window-x="1665"
-     inkscape:window-y="24"
-     inkscape:window-maximized="1"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0" />
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-169.62496,-346.70205)">
-    <path
-       style="fill:#65a1a3;fill-opacity:1"
-       d="m 187.45953,395.724 -6.30318,-4.32081 -5.20507,0 c -3.44784,0 -5.38756,-0.18672 -5.74559,-0.55309 -0.77431,-0.79232 -0.77431,-31.74731 0,-32.53964 0.34624,-0.35428 2.1138,-0.55307 4.91779,-0.55307 2.40751,0 4.6979,-0.1259 5.08975,-0.27977 0.57199,-0.22459 0.71248,-1.04853 0.71248,-4.17842 0,-3.71484 0.43828,-5.50391 1.5313,-6.25072 0.27257,-0.18624 11.4915,-0.34179 24.93093,-0.34567 23.83953,-0.007 24.4573,0.0154 25.33617,0.91474 0.86779,0.88799 0.90085,1.53634 0.90085,17.67327 0,15.51238 -0.0597,16.80671 -0.80643,17.49826 -0.62405,0.5779 -1.97379,0.77646 -5.96808,0.87802 l -5.16165,0.13121 -0.22521,3.04193 c -0.35933,4.85351 0.59068,4.56295 -14.91904,4.56295 l -13.45748,0 0.0329,1.72838 c 0.0181,0.95061 0.1953,2.86911 0.39381,4.26334 0.19851,1.39422 0.33573,2.56082 0.30493,2.59244 -0.0308,0.0315 -2.89242,-1.8869 -6.35917,-4.26335 z m 44.25682,-30.47696 -0.11829,-16.47724 -24.32273,0 -24.32272,0 -0.1183,16.47724 -0.11829,16.47722 24.55931,0 24.55932,0 -0.1183,-16.47722 z m -39.94303,13.98852 c -0.4147,-0.51132 -0.37328,-1.04798 0.18671,-2.41943 1.34631,-3.29716 2.90168,-4.47287 8.46333,-6.39751 4.41109,-1.52646 4.61834,-1.90844 2.89294,-5.33176 -1.89529,-3.76041 -2.16193,-7.3839 -0.76123,-10.3447 1.77685,-3.75587 5.12467,-4.92248 7.90308,-2.75398 3.64912,2.84808 3.79172,9.14159 0.33252,14.67403 -0.79793,1.27615 -0.79412,1.3156 0.2078,2.15388 0.56134,0.46966 2.6282,1.40175 4.59303,2.07132 1.96482,0.66957 4.09548,1.63843 4.73481,2.15304 1.45522,1.17129 3.03773,4.28186 2.85315,5.6081 l -0.13939,1.00166 -15.36692,0.1212 c -12.85774,0.10141 -15.45393,0.0139 -15.89983,-0.53585 z m -6.79382,-7.20644 c 0,-1.75975 1.38185,-3.172 4.09375,-4.18381 3.49836,-1.30524 3.75276,-1.67763 2.65347,-3.884 -1.2653,-2.53956 -1.16155,-4.8833 0.29458,-6.65406 3.33404,-4.0545 7.6797,1.9537 4.89814,6.77206 -1.07122,1.85565 -0.67399,2.72268 1.56139,3.40799 1.01091,0.30993 1.76905,0.77524 1.68475,1.03403 -0.0843,0.25879 -1.35675,0.87292 -2.82766,1.36472 -1.47091,0.49181 -3.31959,1.38625 -4.10819,1.98764 -1.213,0.92505 -1.95868,1.09344 -4.84203,1.09344 -3.12756,0 -3.4082,-0.0772 -3.4082,-0.93801 z m 36.32221,-0.17311 c -0.70836,-0.59288 -2.49158,-1.45089 -3.9627,-1.90667 -1.47113,-0.45578 -2.78102,-1.00462 -2.91087,-1.21962 -0.12987,-0.215 0.53856,-0.71934 1.48537,-1.12073 2.81422,-1.19307 2.93755,-1.41159 1.93338,-3.42574 -2.3015,-4.61627 0.0242,-9.47434 3.82173,-7.98317 1.91298,0.75116 2.6174,4.91123 1.30755,7.72194 -0.40675,0.8728 -0.62896,1.88179 -0.49379,2.24221 0.13516,0.36042 1.49373,1.12094 3.01905,1.69004 2.01598,0.75217 3.00179,1.41918 3.61002,2.44262 1.33524,2.24671 0.84112,2.67255 -3.07923,2.65366 -2.92724,-0.0142 -3.63538,-0.17794 -4.73051,-1.09454 z"
-       id="path3073"
-       inkscape:connector-curvature="0" />
-  </g>
-</svg>
diff --git a/img/wikisooba.png b/img/wikisooba.png
deleted file mode 100644
index f5936139c..000000000
Binary files a/img/wikisooba.png and /dev/null differ
diff --git a/index.markdown b/index.markdown
deleted file mode 100644
index 621e3483b..000000000
--- a/index.markdown
+++ /dev/null
@@ -1,33 +0,0 @@
----
-layout: index
-published: true
----
-
-## Create a Learning Community that Lasts
-
-Online courses often feel large, intimidating and anonymous. It's hard to feel invested
-in multiple choice quizzes, textbook chapters and hum-drum Q &amp; A forums where you
-don't know anyone.
-
-In a stellar learning experience, you'd know who was in the room and feel super-comfy.
-You'd make projects together and find help when you get stuck. You'd want to send people
-thank-you cards and chicken soup.
-
-We know designing a creative, participatory community can be tricky. We're here to help
-you **craft assignments** that rule, **build an audience** and support you along the way. You'll
-even learn a few technical skills in the process. Don't worry, 1s and 0s wash off
-pretty easily.
-		
-## OK, but who are you guys?
-
-We're [Peer 2 Peer University](http://p2pu.org)--we build learning communities
-on the web. In the last 5 years, we put together courses like 
-[Play With Your Music](http://www.playwithyourmusic.org/),
-[Learning Creative Learning](http://learn.media.mit.edu/lcl/), the
-[Deeper Learning MOOC](http://dlmooc.deeper-learning.org/), and
-[A Gentle Intro to Python](http://mechanicalmooc.org/). 
-Also, we're a non-profit and a distributed team (so we use the tools we recommend).
-
-			
-## I'm in--how do I get started?
-Head over [here]({{site.baseurl}}/modules/start/about-this-course/) to create your own course!
diff --git a/index.md b/index.md
new file mode 100644
index 000000000..d69316a4d
--- /dev/null
+++ b/index.md
@@ -0,0 +1,38 @@
+---
+layout: index
+published: true
+---
+
+Course-in-a-Box is a free tool for building and publishing online courses—no prior coding experience required. This guide was made using Course-in-a-Box, so what you see here is what you’ll start with. There are three modules that walk through the course creation process, all linked in the nav bar at the top of the page:
+* **[Setup](/modules/setup/getting-started/)** - Get your instance of Course-in-a-Box up and running
+* **[Content](/modules/content/markdown-and-media)** -  Update the course structure and add your copy & media
+* **[Customize](/modules/customize/favicon)** - Add some (optional) finishing touches
+
+<br> 
+
+#### Course-in-a-Box Courses We Love ❤️
+Here are some examples of Course-in-a-Box in the wild:
+
+* [We Are AI](https://dataresponsibly.github.io/we-are-ai/) by Center for Responsible AI
+* [How to Talk about Race](https://how-to-talk-about-race.p2pu.org/) by Amrita Patel and Denise LaForce
+* [Leveraging Learning for Life](https://leveraging-learning.p2pu.org/) by College Unbound
+* [Making and Learning](http://p2pu.github.io/makingandlearning/) by Children’s Museum of Pittsburgh
+* [Designing for Documentation and Assessment](https://playfulmit.github.io/beyond-rubrics/) by MIT Playful Journey Lab
+* [ExplOERer Course](http://www.exploerercourse.org/en/) by Gothenburg University, Open University, and CC Poland
+* [Learning about Learning Circles](https://p2pu.github.io/learning-about-learning-circles/) by P2PU
+* [Queer Cinema for High School](https://queercinema.net/) by Sarah Schrag
+
+<br> 
+
+#### Need some help?
+Our [community forum](https://community.p2pu.org/c/tech/course-in-a-box/78) is a great place to ask questions or find help when you get stuck. Feel free to post there anytime!
+
+You can also hire P2PU to provide support with learning design, technical setup, course customizations, or web hosting. If you’re interested in collaborating on a project, reach out to us at thepeople@p2pu.org
+
+<br> 
+
+#### About Course-in-a-Box
+
+P2PU created Course-in-a-Box in 2014 as a free and lightweight tool for building online courses. We wanted to preserve the modular structure of MOOCs outside of the bulky (and often proprietary) environment of learning/content management systems. Course-in-a-Box is open-source, and we welcome contributions [on our Github repo](https://github.com/p2pu/course-in-a-box).
+
+p.s. Designing a course for learning circles? [Check out the Learning Circle Course Creation guide](https://docs.p2pu.org/courses/creating-courses) for some best practices on course design.
diff --git a/js/addThisEvent.js b/js/addThisEvent.js
deleted file mode 100644
index e48c20e80..000000000
--- a/js/addThisEvent.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/* 
- AddThisEvent v1.5.8 <http://addthisevent.com>
- Copyright (c) 2012-2014 Michael Nilsson
- */
-eval(function (p, a, c, k, e, r) {
-	e = function (c) {
-		return(c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36))
-	};
-	if (!''.replace(/^/, String)) {
-		while (c--)r[e(c)] = k[c] || e(c);
-		k = [function (e) {
-			return r[e]
-		}];
-		e = function () {
-			return'\\w+'
-		};
-		c = 1
-	}
-	;
-	while (c--)if (k[c])p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
-	return p
-}('7 $d(d){1d 8.5X(d)}6 1e=2G.5W;4(1e!=\'5V:\'){1e=\'5U:\'}6 21=1e+\'//5.1l/3r/3w-3g-3M.3X\';6 2H=\'\';6 2l=L;6 28=\'U\';6 1P=\'\';6 1L=\'\';6 1Z=\'5T 2g\';6 27=\'5S 2g\';6 22=\'5J 2g\';6 2j=\'5I 2g\';6 2b=\'5F 2g\';6 2c=\'5E 5C\';6 2n=U;6 2q=U;6 2r=U;6 2s=U;6 2x=U;6 2z=U;6 2D=L;6 5=7(){6 D=L,3F=5B,R=1,26=\'\',3e,3d=L,3c=L;1d{1y:7(){1t{21=21}1u(e){21=1e+\'//5.1l/3r/3w-3g-3M.3X\'}1t{2H=5A}1u(e){}1t{2l=5x}1u(e){}1t{28=5w}1u(e){}6 b=5.3B(2H);6 c=8.2d(\'*\');2e(6 d=0;d<c.1D;d+=1){6 f=\'\',2a=L,5u=c[d].V,Z=\'\';4(5.Q(c[d],\'5\')){6 g=c[d].2d(\'H\');2e(6 m=0;m<g.1D;m+=1){4(5.Q(g[m],\'39\')){g[m].I.J=\'K\'}4(5.Q(g[m],\'38\')){g[m].I.J=\'K\';f+=\'&5t=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'36\')){g[m].I.J=\'K\';f+=\'&5s=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'35\')){g[m].I.J=\'K\';f+=\'&5p=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'34\')){g[m].I.J=\'K\';f+=\'&5m=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'33\')){g[m].I.J=\'K\';f+=\'&5l=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'32\')){g[m].I.J=\'K\';f+=\'&5k=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'30\')){g[m].I.J=\'K\';f+=\'&5j=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'2Y\')){g[m].I.J=\'K\';f+=\'&5g=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'3K\')){g[m].I.J=\'K\';f+=\'&5d=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'2V\')){g[m].I.J=\'K\';f+=\'&5c=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'5b\')){g[m].I.J=\'K\';f+=\'&5a=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'59\')){g[m].I.J=\'K\';f+=\'&58=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'57\')){g[m].I.J=\'K\';f+=\'&56=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'55\')){g[m].I.J=\'K\';f+=\'&54=\'+Y(5.12(g[m].S))}4(5.Q(g[m],\'2U\')){4(g[m].S!=\'\'){g[m].I.J=\'K\';6 h=g[m].S.1o(/ /1w,"");f+=\'&2a=\'+Y(h);2a=U}}}4(b){f+=\'&53=L\'}f=f.1o(/\'/1w,"´");4(1L!=\'\'){1L=1L+\',\';6 i=1L.3j(\',\');2e(6 a=0;a<i.1D;a+=1){4(2n&&i[a]==\'1j\'){Z+=\'<H 16="3A" P-N="\'+R+\'" T="5.13(X,\\\'1j\\\',\\\'\'+f+\'\\\');">\'+1Z+\'</H>\'}4(2q&&i[a]==\'1h\'){Z+=\'<H 16="3O" P-N="\'+R+\'" T="5.13(X,\\\'1h\\\',\\\'\'+f+\'\\\');">\'+27+\'</H>\'}4(2r&&i[a]==\'1g\'){Z+=\'<H 16="3R" P-N="\'+R+\'" T="5.13(X,\\\'1g\\\',\\\'\'+f+\'\\\');">\'+22+\'</H>\'}4(2s&&i[a]==\'1q\'){Z+=\'<H 16="3U" P-N="\'+R+\'" T="5.13(X,\\\'1q\\\',\\\'\'+f+\'\\\');">\'+2j+\'</H>\'}4(2x&&i[a]==\'1f\'){Z+=\'<H 16="3Y" P-N="\'+R+\'" T="5.13(X,\\\'1f\\\',\\\'\'+f+\'\\\');">\'+2b+\'</H>\'}4(2a&&i[a]==\'1i\'){4(2z&&i[a]==\'1i\'){Z+=\'<H 16="52" P-N="\'+R+\'" T="5.13(X,\\\'1i\\\',\\\'\'+f+\'\\\');">\'+2c+\'</H>\'}}}}G{4(2n){Z+=\'<H 16="3A" P-N="\'+R+\'" T="5.13(X,\\\'1j\\\',\\\'\'+f+\'\\\');">\'+1Z+\'</H>\'}4(2q){Z+=\'<H 16="3O" P-N="\'+R+\'" T="5.13(X,\\\'1h\\\',\\\'\'+f+\'\\\');">\'+27+\'</H>\'}4(2r){Z+=\'<H 16="3R" P-N="\'+R+\'" T="5.13(X,\\\'1g\\\',\\\'\'+f+\'\\\');">\'+22+\'</H>\'}4(2s){Z+=\'<H 16="3U" P-N="\'+R+\'" T="5.13(X,\\\'1q\\\',\\\'\'+f+\'\\\');">\'+2j+\'</H>\'}4(2x){Z+=\'<H 16="3Y" P-N="\'+R+\'" T="5.13(X,\\\'1f\\\',\\\'\'+f+\'\\\');">\'+2b+\'</H>\'}4(2a){4(2z){Z+=\'<H P-N="\'+R+\'" T="5.13(X,\\\'1i\\\',\\\'\'+f+\'\\\');">\'+2c+\'</H>\'}}}4(!b){Z+=\'<1I 16="4d"><1I 16="4e"></1I><1I 16="2T" P-N="\'+R+\'" T="5.13(X,\\\'2R\\\');">51</1I></1I>\'}c[d].2w=\'2Q\'+R;c[d].V=c[d].V.1o(/5/1w,\'\');c[d].V=c[d].V+\' 5-E\';c[d].4Z=\'\';6 j=c[d].29(\'P-2C\');4(j){c[d].3x(\'P-2O\',f);c[d].3x(\'P-N\',R);c[d].T=7(){5.2C(X);1d L}}G{4(2l){c[d].4Y=7(){4X(3e);5.11(X,\'1H\',\'1H\',U)};c[d].4W=7(){3e=1O("5.3H();",4V)};c[d].T=7(){1d L}}G{c[d].T=7(){5.11(X,\'1H\',\'1H\');1d L}}}6 k=c[d];6 l=8.2k(\'H\');l.2w=\'2Q\'+R+\'-E\';l.V=\'1s\';l.S=Z;k.1F(l);R++}}4(28==\'L\'){5.1Y()}G{5.3Q(b)}},2C:7(f){6 a=f.29(\'P-2O\');6 b=f.29(\'P-2C\');5.13(f,b,a)},13:7(f,a,b){6 c=\'\',N=2G.2N,2p=U,4U=3V 4T();4(a==\'1j\'){c=1e+\'//5.1l/1V/?1J=4S\'+b+\'&1K=\'+N;2p=L}4(a==\'1h\'){c=1e+\'//5.1l/1V/?1J=4R\'+b+\'&1K=\'+N}4(a==\'1g\'){c=1e+\'//5.1l/1V/?1J=4Q\'+b+\'&1K=\'+N}4(a==\'1q\'){c=1e+\'//5.1l/1V/?1J=4P\'+b+\'&1K=\'+N}4(a==\'1f\'){c=1e+\'//5.1l/1V/?1J=4O\'+b+\'&1K=\'+N;2p=L}4(a==\'1i\'){c=1e+\'//5.1l/1V/?1J=4N\'+b+\'&1K=\'+N}4(a==\'2R\'){c=1e+\'//5.1l/\'}4(c!=\'\'){4(a!=\'2R\'){6 d=f.29(\'P-N\');6 g=$d(\'2Q\'+d);4(g){6 h=g.29(\'P-4L\');4(h!=4a){h=h.1o(/4K-3g/1w,a);1t{4j(h)}1u(e){}}}}4(2p){19.4J(c)}G{2G.2N=c}}4(1P){2e(6 i=0;i<1P.1D;i++){1t{4j(1P[i])}1u(e){4G(e.4F)}}}},3Q:7(a){4(!3c){6 b;b=\'.5-E {J:4D-1Q;1R:3n;1m-4C:4B;1x:#4A!1U;1z:#3u 2O(\'+21+\') 4z-4y 2h 50%;M-1T:K!1U;W:O 1k #4v;1x:#3D;1m-2P:3E;1m-25:3G;M-1T:K;24:2h 2S 3I 4r;-23-W-1E:1v;-2i-W-1E:1v;}\';b+=\'.5-E:2W {W:O 1k #4l;1x:#3D;1m-2P:3E;1m-25:3G;M-1T:K!1U;}\';b+=\'.5-E:5e {1r:O;}\';b+=\'.5-2Z {1z-1x:#4k;}\';4(a){b+=\'.1s {2E:2L;1R:2B;z-2y:3Z;24:1a 1a 1a 1a;1z:#2t;M-37:1b;J:K;2J-1r:-1v;2J-1b:-O;W-1r:O 1k #44;W-1A:O 1k #2A;W-47:O 1k #48;W-1b:O 1k #2A;-23-W-1E:1v;-2i-W-1E:1v;-2i-1G-1M:O 1N 1B 1S(0,0,0,0.15);-23-1G-1M:O 1N 1B 1S(0,0,0,0.15);1G-1M:O 1N 1B 1S(0,0,0,0.15);}\'}G{b+=\'.1s {2E:2L;1R:2B;z-2y:3Z;24:1B 1a 1a 1a;1z:#2t;M-37:1b;J:K;2J-1r:-1v;2J-1b:-O;W-1r:O 1k #44;W-1A:O 1k #2A;W-47:O 1k #48;W-1b:O 1k #2A;-23-W-1E:1v;-2i-W-1E:1v;-2i-1G-1M:O 1N 1B 1S(0,0,0,0.15);-23-1G-1M:O 1N 1B 1S(0,0,0,0.15);1G-1M:O 1N 1B 1S(0,0,0,0.15);}\'}b+=\'.1s H {J:1Q;3i:4g;4h-2m:3T%;1z:#2t;M-1T:K;1m-25:2S;1x:#2X;24:3I 2K 2h 4m;}\';b+=\'.1s H:2W {1z:#3u;1x:#2X;M-1T:K;1m-25:2S;}\';b+=\'.5 H {J:K!1U;}\';b+=\'.5-E .39,.5-E .38,.5-E .36,.5-E .35,.5-E .34,.5-E .33,.5-E .32,.5-E .30,.5-E .2Y,.5-E .2U,.5-E .2V {J:K!1U;}\';b+=\'.1s .4d {2E:2L;2m:4n;J:1Q;1R:3n;3i:4o;}\';b+=\'.1s .4e {2E:4p;2m:O;4q:3J;1z:#4s;1R:2B;z-2y:4t;1b:2K;1r:2h;}\';b+=\'.1s .2T {1R:2B;1r:4u;3i:4g;1A:2K;24-1b:2K;1m-I:3C;1m-2P:3C;M-37:1A;z-2y:4w;4h-2m:3T%;1z:#2t;M-1T:K;1m-25:2h;1x:#4x;}\';b+=\'.1s .2T:2W {1x:#2X;}\';6 c=8.2k("I");c.3y="M/2I";c.2w="3v";4(c.2F){c.2F.3q=b}G{c.1F(8.2M(b))}8.2d("3k")[0].1F(c);3c=U}},1Y:7(){4(!3d){1t{6 a=\'.5 {4E:3J;}\';a+=\'.5-E .39,.5-E .38,.5-E .36,.5-E .35,.5-E .34,.5-E .33,.5-E .32,.5-E .30,.5-E .2Y,.5-E .3K,.5-E .2U,.5-E .2V {J:K!1U;}\';6 b=8.2k("I");b.3y="M/2I";4(b.2F){b.2F.3q=a}G{b.1F(8.2M(a))}8.2d("3k")[0].1F(b)}1u(e){}3d=U}},4i:7(){1t{1d(31=$d(\'3v\'))?31.4H.4I(31):L}1u(e){}},11:7(f,o,a,b){6 c=f.2w;6 d=$d(c);6 g=$d(c+\'-E\');4(d&&g){4(26!=c){5.2v(26)}6 h=5.49(g,\'J\');1t{f.4M()}1u(e){};4(h==\'1Q\'){4(b){}G{5.2v(c)}}G{26=c;d.V=d.V+\' 5-2Z\';d.I.46=3F++;g.I.1b=\'1a\';g.I.1r=\'1a\';g.I.J=\'1Q\';1O("5.45();",43);D=L;6 i=1p(d.42);6 j=1p(d.40);6 k=1p(g.42);6 l=1p(g.40);6 m=5.3W();6 n=m.3j(\'/\');6 p=1p(n[0]);6 q=1p(n[1]);6 r=1p(n[2]);6 s=1p(n[3]);6 t=5.3m(g);6 u=t.3j(\'/\');6 v=1p(u[0]);6 w=1p(u[1]);6 x=w+k;6 y=q+s;6 z=v+l;6 A=p+r;6 B=0,1c=0;4(o==\'3S\'&&a==\'1b\'){B=\'1a\';1c=i+\'14\'}G 4(o==\'3N\'&&a==\'1b\'){B=\'1a\';1c=-k+\'14\'}G 4(o==\'3S\'&&a==\'1A\'){B=-(l-j)+\'14\';1c=i+\'14\'}G 4(o==\'3N\'&&a==\'1A\'){B=-(l-j)+\'14\';1c=-k+\'14\'}G 4(o==\'1H\'&&a==\'1b\'){B=\'1a\';4(x>y){1c=-k+\'14\'}G{1c=i+\'14\'}}G 4(o==\'1H\'&&a==\'1A\'){B=-(l-j)+\'14\';4(x>y){1c=-k+\'14\'}G{1c=i+\'14\'}}G{4(x>y){1c=-k+\'14\'}G{1c=i+\'14\'}4(z>A){B=-(l-j)+\'14\'}G{B=\'1a\'}}g.I.1b=B;g.I.1r=1c;6 C=\'66\'5f 8.1n?\'5h\':\'5i\';4(8.1X){8.1X(C,7(){4(D){1O(7(){5.1W(c)},3s)}},L)}G 4(8.2f){8.2f("5n"+C,7(){4(D){1O(7(){5.1W(c)},3s)}})}G{8.T=7(){5.1W(c)}}}}},1W:7(f){6 a=$d(f);6 b=$d(f+\'-E\');4(a&&b){4(D&&b.I.J==\'1Q\'){1O("5.2v(\'"+f+"\');",43)}}},3H:7(){5.1W(26)},2v:7(f){6 a=$d(f);6 b=$d(f+\'-E\');4(a&&b){a.V=a.V.1o(/5-2Z/1w,\'\');b.I.J=\'K\';b.I.46=\'\'}},45:7(){D=U},3W:7(){6 w=0,h=0,y=0,x=0;4(5o(19.3l)==\'5q\'){w=19.3l;h=19.5r}G 4(8.1n&&(8.1n.2u||8.1n.2o)){w=8.1n.2u;h=8.1n.2o}G 4(8.1C&&(8.1C.2u||8.1C.2o)){w=8.1C.2u;h=8.1C.2o}4(8.5v){x=(8.1n.3a)?8.1n.3a:8.1C.3a;y=(8.1n.3b)?8.1n.3b:8.1C.3b}G{x=19.5y;y=19.5z}1d w+\'/\'+h+\'/\'+x+\'/\'+y},3m:7(a){6 x=0,y=0;4(a.3t){x=a.3L;y=a.4b;5D(a=a.3t){x+=a.3L;y+=a.4b}}1d x+\'/\'+y},49:7(a,b){6 x=a;6 y;4(x.41){y=x.41[b]}G 4(19.3P){y=8.5G.3P(x,4a).5H(b)}1d y},3B:7(f){6 b=2G.2N;6 c=U;6 d=f;6 e=d.1D;4(e==20){6 a=d.3f(0,1);6 z=d.3f(9,10);6 m=d.3f(17,18);4(a!=\'a\'){c=L}4(z!=\'z\'){c=L}4(m!=\'m\'){c=L}}G{c=L}4(b.5K(\'5.1l\')==-1&&d==\'5L\'){c=L}1d c},5M:7(){6 a=8.2d(\'*\');2e(6 d=0;d<a.1D;d+=1){4(5.Q(a[d],\'5-E\')){a[d].V=a[d].V.1o(/5-E/1w,\'\');a[d].V=a[d].V.1o(/5/1w,\'\');a[d].V=a[d].V+\' 5\'}}5.1y()},5N:7(f){1P=f},5O:7(l,t){6 x=l.5P();4(x==\'1j\'){1Z=t}4(x==\'1h\'){27=t}4(x==\'1g\'){22=t}4(x==\'1f\'){2b=t}4(x==\'5Q\'){2c=t}},5R:7(c){4(c.3p!=F){2H=c.3p}4(c.2I!=F){4(c.2I){28=\'U\'}G{28=\'L\';5.4i()}}4(c.3z!=F){2l=c.3z}4(c.1j!=F){4(c.1j.11!=F){2n=c.1j.11}}4(c.1h!=F){4(c.1h.11!=F){2q=c.1h.11}}4(c.1g!=F){4(c.1g.11!=F){2r=c.1g.11}}4(c.1q!=F){4(c.1q.11!=F){2s=c.1q.11}}4(c.1f!=F){4(c.1f.11!=F){2x=c.1f.11}}4(c.1i!=F){4(c.1i.11!=F){2z=c.1i.11}}4(c.1j!=F){4(c.1j.M!=F){1Z=c.1j.M}}4(c.1h!=F){4(c.1h.M!=F){27=c.1h.M}}4(c.1g!=F){4(c.1g.M!=F){22=c.1g.M}}4(c.1q!=F){4(c.1q.M!=F){2j=c.1q.M}}4(c.1f!=F){4(c.1f.M!=F){2b=c.1f.M}}4(c.1i!=F){4(c.1i.M!=F){2c=c.1i.M}}4(c.3h!=F){4(c.3h.4c!=F){1L=c.3h.4c}}4(c.4f!=F){1P=c.4f}},Q:7(e,c){1d 3V 5Y(\'(\\\\s|^)\'+c+\'(\\\\s|$)\').5Z(e.V)},12:7(a){6 b=a.1o(/<60\\s*[\\/]?>/1w,"\\n");b=b.1o(/<(?:.|\\n)*?>/61,\'\');b=b.1o(/(^\\s+|\\s+$)/g,\'\');6 c=8.2k("62");6 d=8.2M(b);c.1F(d);1d c.S}}}();4(19.1X){19.1X("63",7(){2D=U;5.1Y();5.1y()},L);19.1X("64",7(){5.1y()},L)}G 4(19.2f){19.2f("65",7(){2D=U;5.1Y();5.1y()});19.2f("3o",7(){5.1y()})}G{19.3o=7(){5.1y()}}4(!2D){1O("5.1Y();5.1y();",20)}', 62, 379, '||||if|addthisevent|var|function|document||||||||||||||||||||||||||||||||drop|undefined|else|span|style|display|none|false|text|ref|1px|data|hasclass|dropzcx|innerHTML|onclick|true|className|border|this|encodeURIComponent|htmx||show|htmlencode|cli|px||class|||window|0px|left|dropy|return|proc|ical|yahoo|google|facebook|outlook|solid|com|font|documentElement|replace|parseInt|hotmail|top|addthisevent_dropdown|try|catch|2px|gi|color|generate|background|right|6px|body|length|radius|appendChild|box|auto|em|service|reference|_ate_dropdown|shadow|3px|setTimeout|_ate_callback|block|position|rgba|decoration|important|create|force|addEventListener|trycss|_ate_lbl_outlook||_image_path|_ate_lbl_yahoo|moz|padding|size|olddrop|_ate_lbl_google|_ate_css|getAttribute|fbevent|_ate_lbl_ical|_ate_lbl_fb_event|getElementsByTagName|for|attachEvent|Calendar|9px|webkit|_ate_lbl_hotmail|createElement|_ate_mouse|height|_ate_show_outlook|clientHeight|nw|_ate_show_google|_ate_show_yahoo|_ate_show_hotmail|fff|clientWidth|hide|id|_ate_show_ical|index|_ate_show_facebook|bebebe|absolute|direct|_d_rd|width|styleSheet|location|_ate_license|css|margin|10px|200px|createTextNode|href|url|weight|atedrop|home|12px|frs|_facebook_event|_all_day_event|hover|6d84b4|_organizer_email|selected|_organizer|hdx|_location|_description|_summary|_zonecode|_end|align|_start|_url|scrollLeft|scrollTop|css2|css1|dropmousetim|substring|calendar|dropdown|cursor|split|head|innerWidth|elementposition|relative|onload|license|cssText|gfx|300|offsetParent|f4f4f4|ate_css|icon|setAttribute|type|mouse|ateoutlook|glicense|normal|555|bold|dropzind|14px|out|8px|hidden|_attendees|offsetLeft|t1|up|ategoogle|getComputedStyle|applycss|ateyahoo|down|110|atehotmail|new|viewport|png|ateical|99999|offsetWidth|currentStyle|offsetHeight|350|c8c8c8|tim|zIndex|bottom|a8a8a8|getstyle|null|offsetTop|order|copyx|brx|callback|pointer|line|removecss|eval|f7f7f7|aab9d4|15px|21px|default|180px|overflow|35px|e0e0e0|100|5px|d9d9d9|101|cacaca|repeat|no|333|arial|family|inline|visibility|description|alert|parentNode|removeChild|open|ate|track|blur|FACEBOOK|ICAL|HOTMAIL|YAHOO|GOOGLE|OUTLOOK|Date|now|200|onmouseout|clearTimeout|onmouseover|title||AddThisEvent|atefacebook|credits|uid|_uid|drule|_recurring|alarm|_alarm_reminder|dateformat|_date_format|dallday|datte|active|in|dorgaem|touchstart|click|dorga|dloca|ddesc|dsum|on|typeof|dzone|number|innerHeight|dend|dstart|str|all|_css|_mouse|pageXOffset|pageYOffset|_license|999999|Event|while|Facebook|iCal|defaultView|getPropertyValue|Hotmail|Yahoo|indexOf|aao8iuet5zp9iqw5sm9z|refresh|callcack|setlabel|toLowerCase|facebookevent|settings|Google|Outlook|http|https|protocol|getElementById|RegExp|test|br|gm|div|DOMContentLoaded|load|onreadystatechange|ontouchstart'.split('|'), 0, {}))
\ No newline at end of file
diff --git a/js/calendar.js b/js/calendar.js
deleted file mode 100644
index bfbf63214..000000000
--- a/js/calendar.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/*global jQuery, window, console, can, document */
-
-
-var P2PU = window.P2PU || {};
-
-(function ($, P2PU) {
-	'use strict';
-
-	P2PU.ciab = {
-        config: {}
-    };
-
-	function parseData(data) {
-		var section = $('.calendar'),
-			days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-			months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-			events = data.items;
-		if (data && data.items) {
-			$.each(events, function (i, e) {
-				var sdate = new Date(e.start.dateTime),
-					edate = new Date(e.end.dateTime),
-					currentdate = new Date();
-
-				sdate.getTimezoneOffset();
-				edate.getTimezoneOffset();
-
-				e.year = sdate.getFullYear();
-				e.monthnumber = sdate.getMonth() + 1;
-				e.month = months[sdate.getMonth()];
-				e.day = days[sdate.getDay()];
-				e.date = sdate.getDate();
-				e.start_hour = sdate.getHours();
-				e.start_minutes = (sdate.getMinutes() < 10 ? '0' : '') + sdate.getMinutes();
-				e.end_hour = edate.getHours();
-				e.end_minutes = (edate.getMinutes() < 10 ? '0' : '') + edate.getMinutes();
-				e.title = e.organizer.displayName + ' - ' +e.summary;
-				e.passed = currentdate > edate;
-				e.not_passed = edate > currentdate;
-				e.location_set = e.location !== undefined;
-				e.where = e.location;
-				e.description = e.summary;
-			});
-            events = events.filter(function(e){ return !e.passed; });
-
-			$("#calendar-data").html(can.view("app-template", {events: new can.List(events)}));
-			$.getScript("/js/addThisEvent.js");
-		} else {
-			section.html('')
-				.removeClass('calendar')
-				.next().removeClass('dark-section')
-				.addClass('light-section');
-		}
-	}
-
-
-	function makeRequest() {
-		var request = gapi.client.calendar.events.list({
-			'calendarId': P2PU.ciab.config.calendar_id,
-			'singleEvents': true,
-			'orderBy': 'startTime'
-		});
-		request.then(function (response) {
-			parseData(response.result);
-
-		}, function (reason) {
-			$("#calendar-data").html('<h1>Oh dear, something went wrong, could you try again please? Or tell us about this <a href="http://community.p2pu.org/category/tech/support">here</a></h1>');
-		});
-	}
-
-	P2PU.ciab.calendar = function (config) {
-		$(function () {
-            P2PU.ciab.config = config;
-			gapi.client.setApiKey(config.api_key);
-			gapi.client.load('calendar', 'v3').then(makeRequest);
-		});
-	};
-
-}(jQuery, P2PU));
diff --git a/js/can.js b/js/can.js
deleted file mode 100644
index a5aad4ac4..000000000
--- a/js/can.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * CanJS - 2.1.3
- * http://canjs.us/
- * Copyright (c) 2014 Bitovi
- * Thu, 04 Sep 2014 17:46:25 GMT
- * Licensed MIT
- * Includes: can/component/component.js,can/construct/construct.js,can/map/map.js,can/list/list.js,can/compute/compute.js,can/model/model.js,can/view/view.js,can/control/control.js,can/route/route.js,can/control/route/route.js,can/view/mustache/mustache.js
- * Download from: http://bitbuilder.herokuapp.com/can.custom.js?configuration=jquery&minify=true&plugins=can%2Fcomponent%2Fcomponent.js&plugins=can%2Fconstruct%2Fconstruct.js&plugins=can%2Fmap%2Fmap.js&plugins=can%2Flist%2Flist.js&plugins=can%2Fcompute%2Fcompute.js&plugins=can%2Fmodel%2Fmodel.js&plugins=can%2Fview%2Fview.js&plugins=can%2Fcontrol%2Fcontrol.js&plugins=can%2Froute%2Froute.js&plugins=can%2Fcontrol%2Froute%2Froute.js&plugins=can%2Fview%2Fmustache%2Fmustache.js
- */
-(function(undefined){var __m4=function(){var t=window.can||{};("undefined"==typeof GLOBALCAN||GLOBALCAN!==!1)&&(window.can=t),t.k=function(){},t.isDeferred=function(t){return t&&"function"==typeof t.then&&"function"==typeof t.pipe};var e=0;return t.cid=function(t,n){return t._cid||(e++,t._cid=(n||"")+e),t._cid},t.VERSION="@EDGE",t.simpleExtend=function(t,e){for(var n in e)t[n]=e[n];return t},t.frag=function(e){var n;return e&&"string"!=typeof e?11===e.nodeType?e:"number"==typeof e.nodeType?(n=document.createDocumentFragment(),n.appendChild(e),n):"number"==typeof e.length?(n=document.createDocumentFragment(),t.each(e,function(e){n.appendChild(t.frag(e))}),n):(n=t.buildFragment(""+e,document.body),n.childNodes.length||n.appendChild(document.createTextNode("")),n):(n=t.buildFragment(null==e?"":""+e,document.body),n.childNodes.length||n.appendChild(document.createTextNode("")),n)},t.__reading=function(){},t}(),__m5=function(t){var e=window.setImmediate||function(t){return setTimeout(t,0)},n={MutationObserver:window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,map:{"class":"className",value:"value",innerText:"innerText",textContent:"textContent",checked:!0,disabled:!0,readonly:!0,required:!0,src:function(t,e){return null==e||""===e?(t.removeAttribute("src"),null):(t.setAttribute("src",e),e)},style:function(t,e){return t.style.cssText=e||""}},defaultValue:["input","textarea"],set:function(e,r,i){var a;n.MutationObserver||(a=n.get(e,r));var s,o=(""+e.nodeName).toLowerCase(),u=n.map[r];"function"==typeof u?s=u(e,i):u===!0?(s=e[r]=!0,"checked"===r&&"radio"===e.type&&t.inArray(o,n.defaultValue)>=0&&(e.defaultChecked=!0)):u?(s=e[u]=i,"value"===u&&t.inArray(o,n.defaultValue)>=0&&(e.defaultValue=i)):(e.setAttribute(r,i),s=i),n.MutationObserver||s===a||n.trigger(e,r,a)},trigger:function(n,r,i){return t.data(t.$(n),"canHasAttributesBindings")?e(function(){t.trigger(n,{type:"attributes",attributeName:r,target:n,oldValue:i,bubbles:!1},[])}):undefined},get:function(t,e){var r=n.map[e];return"string"==typeof r&&t[r]?t[r]:t.getAttribute(e)},remove:function(t,e){var r;n.MutationObserver||(r=n.get(t,e));var i=n.map[e];"function"==typeof i&&i(t,undefined),i===!0?t[e]=!1:"string"==typeof i?t[i]="":t.removeAttribute(e),n.MutationObserver||null==r||n.trigger(t,e,r)},has:function(){var t=document.createElement("div");return t.hasAttribute?function(t,e){return t.hasAttribute(e)}:function(t,e){return null!==t.getAttribute(e)}}()};return n}(__m4),__m6=function(t){return t.addEvent=function(t,e){var n=this.__bindEvents||(this.__bindEvents={}),r=n[t]||(n[t]=[]);return r.push({handler:e,name:t}),this},t.listenTo=function(e,n,r){var i=this.__listenToEvents;i||(i=this.__listenToEvents={});var a=t.cid(e),s=i[a];s||(s=i[a]={obj:e,events:{}});var o=s.events[n];o||(o=s.events[n]=[]),o.push(r),t.bind.call(e,n,r)},t.stopListening=function(e,n,r){var i=this.__listenToEvents,a=i,s=0;if(!i)return this;if(e){var o=t.cid(e);if((a={})[o]=i[o],!i[o])return this}for(var u in a){var c,l=a[u];e=i[u].obj,n?(c={})[n]=l.events[n]:c=l.events;for(var f in c){var d=c[f]||[];for(s=0;d.length>s;)r&&r===d[s]||!r?(t.unbind.call(e,f,d[s]),d.splice(s,1)):s++;d.length||delete l.events[f]}t.isEmptyObject(l.events)&&delete i[u]}return this},t.removeEvent=function(t,e,n){if(!this.__bindEvents)return this;for(var r,i=this.__bindEvents[t]||[],a=0,s="function"==typeof e;i.length>a;)r=i[a],(n?n(r,t,e):s&&r.handler===e||!s&&(r.cid===e||!e))?i.splice(a,1):a++;return this},t.dispatch=function(t,e){var n=this.__bindEvents;if(n){"string"==typeof t&&(t={type:t});var r=t.type,i=(n[r]||[]).slice(0),a=[t];e&&a.push.apply(a,e);for(var s=0,o=i.length;o>s;s++)i[s].handler.apply(this,a);return t}},t.one=function(e,n){var r=function(){return t.unbind.call(this,e,r),n.apply(this,arguments)};return t.bind.call(this,e,r),this},t.event={on:function(){return 0===arguments.length&&t.Control&&this instanceof t.Control?t.Control.prototype.on.call(this):t.addEvent.apply(this,arguments)},off:function(){return 0===arguments.length&&t.Control&&this instanceof t.Control?t.Control.prototype.off.call(this):t.removeEvent.apply(this,arguments)},bind:t.addEvent,unbind:t.removeEvent,delegate:function(e,n,r){return t.addEvent.call(this,n,r)},undelegate:function(e,n,r){return t.removeEvent.call(this,n,r)},trigger:t.dispatch,one:t.one,addEvent:t.addEvent,removeEvent:t.removeEvent,listenTo:t.listenTo,stopListening:t.stopListening,dispatch:t.dispatch},t.event}(__m4),__m7=function(t){var e=function(t){var e=t.length;return"function"!=typeof arr&&(0===e||"number"==typeof e&&e>0&&e-1 in t)};return t.each=function(n,r,i){var a,s,o,u=0;if(n)if(e(n))if(t.List&&n instanceof t.List)for(s=n.attr("length");s>u&&(o=n.attr(u),r.call(i||o,o,u,n)!==!1);u++);else for(s=n.length;s>u&&(o=n[u],r.call(i||o,o,u,n)!==!1);u++);else if("object"==typeof n)if(t.Map&&n instanceof t.Map||n===t.route){var c=t.Map.keys(n);for(u=0,s=c.length;s>u&&(a=c[u],o=n.attr(a),r.call(i||o,o,a,n)!==!1);u++);}else for(a in n)if(n.hasOwnProperty(a)&&r.call(i||n[a],n[a],a,n)===!1)break;return n},t}(__m4),__m8=function(t){t.inserted=function(e){e=t.makeArray(e);for(var n,r,i=!1,a=t.$(document.contains?document:document.body),s=0;(r=e[s])!==undefined;s++){if(!i){if(!r.getElementsByTagName)continue;if(!t.has(a,r).length)return;i=!0}if(i&&r.getElementsByTagName){n=t.makeArray(r.getElementsByTagName("*")),t.trigger(r,"inserted",[],!1);for(var o,u=0;(o=n[u])!==undefined;u++)t.trigger(o,"inserted",[],!1)}}},t.appendChild=function(e,n){var r;r=11===n.nodeType?t.makeArray(n.childNodes):[n],e.appendChild(n),t.inserted(r)},t.insertBefore=function(e,n,r){var i;i=11===n.nodeType?t.makeArray(n.childNodes):[n],e.insertBefore(n,r),t.inserted(i)}}(__m4),__m2=function(t,e,n){var r=function(t){return t.nodeName&&(1===t.nodeType||9===t.nodeType)||t==window};t.extend(e,t,{trigger:function(n,i,a,s){r(n)?t.event.trigger(i,a,n,!s):n.trigger?n.trigger(i,a):("string"==typeof i&&(i={type:i}),i.target=i.target||n,a&&(a.length&&"string"==typeof a?a=[a]:a.length||(a=[a])),a||(a=[]),e.dispatch.call(n,i,a))},event:e.event,addEvent:e.addEvent,removeEvent:e.removeEvent,buildFragment:function(e,n){var r;return e=[e],n=n||document,n=!n.nodeType&&n[0]||n,n=n.ownerDocument||n,r=t.buildFragment(e,n),r.cacheable?t.clone(r.fragment):r.fragment||r},$:t,each:e.each,bind:function(n,i){return this.bind&&this.bind!==e.bind?this.bind(n,i):r(this)?t.event.add(this,n,i):e.addEvent.call(this,n,i),this},unbind:function(n,i){return this.unbind&&this.unbind!==e.unbind?this.unbind(n,i):r(this)?t.event.remove(this,n,i):e.removeEvent.call(this,n,i),this},delegate:function(n,i,a){return this.delegate?this.delegate(n,i,a):r(this)?t(this).delegate(n,i,a):e.bind.call(this,i,a),this},undelegate:function(n,i,a){return this.undelegate?this.undelegate(n,i,a):r(this)?t(this).undelegate(n,i,a):e.unbind.call(this,i,a),this},proxy:function(t,e){return function(){return t.apply(e,arguments)}},attr:n}),e.on=e.bind,e.off=e.unbind,t.each(["append","filter","addClass","remove","data","get","has"],function(t,n){e[n]=function(t){return t[n].apply(t,e.makeArray(arguments).slice(1))}});var i=t.cleanData;t.cleanData=function(n){t.each(n,function(t,n){n&&e.trigger(n,"removed",[],!1)}),i(n)};var a,s=t.fn.domManip;if(t.fn.domManip=function(){for(var t=1;arguments.length>t;t++)if("function"==typeof arguments[t]){a=t;break}return s.apply(this,arguments)},t(document.createElement("div")).append(document.createElement("div")),t.fn.domManip=2===a?function(t,n,r){return s.call(this,t,n,function(t){var n;11===t.nodeType&&(n=e.makeArray(t.childNodes));var i=r.apply(this,arguments);return e.inserted(n?n:[t]),i})}:function(t,n){return s.call(this,t,function(t){var r;11===t.nodeType&&(r=e.makeArray(t.childNodes));var i=n.apply(this,arguments);return e.inserted(r?r:[t]),i})},e.attr.MutationObserver)t.event.special.attributes={setup:function(){var t=this,n=new e.attr.MutationObserver(function(n){n.forEach(function(n){var r=e.simpleExtend({},n);e.trigger(t,r,[])})});n.observe(this,{attributes:!0,attributeOldValue:!0}),e.data(e.$(this),"canAttributesObserver",n)},teardown:function(){e.data(e.$(this),"canAttributesObserver").disconnect(),t.removeData(this,"canAttributesObserver")}};else{var o=t.attr;t.attr=function(t,n){var r,i;arguments.length>=3&&(r=o.call(this,t,n));var a=o.apply(this,arguments);return arguments.length>=3&&(i=o.call(this,t,n)),i!==r&&e.attr.trigger(t,n,r),a};var u=t.removeAttr;t.removeAttr=function(t,n){var r=o.call(this,t,n),i=u.apply(this,arguments);return null!=r&&e.attr.trigger(t,n,r),i},t.event.special.attributes={setup:function(){e.data(e.$(this),"canHasAttributesBindings",!0)},teardown:function(){t.removeData(this,"canHasAttributesBindings")}}}return function(){var t="<-\n>",n=e.buildFragment(t,document);if(t!==n.childNodes[0].nodeValue){var r=e.buildFragment;e.buildFragment=function(t,e){var n=r(t,e);return 1===n.childNodes.length&&3===n.childNodes[0].nodeType&&(n.childNodes[0].nodeValue=t),n}}}(),t.event.special.inserted={},t.event.special.removed={},e}(jQuery,__m4,__m5,__m6,__m7,__m8),__m10=function(t){var e=t.isFunction,n=t.makeArray,r=1,i=function(t){var e=function(){return c.frag(t.apply(this,arguments))};return e.render=function(){return t.apply(t,arguments)},e},a=function(t,e){if(!t.length)throw"can.view: No template or empty template:"+e},s=function(e,n){var r,i,s,o="string"==typeof e?e:e.url,u=e.engine&&"."+e.engine||o.match(/\.[\w\d]+$/);if(o.match(/^#/)&&(o=o.substr(1)),(i=document.getElementById(o))&&(u="."+i.type.match(/\/(x\-)?(.+)/)[2]),u||c.cached[o]||(o+=u=c.ext),t.isArray(u)&&(u=u[0]),s=c.toId(o),o.match(/^\/\//)&&(o=o.substr(2),o=window.steal?steal.config().root.mapJoin(""+steal.id(o)):o),window.require&&require.toUrl&&(o=require.toUrl(o)),r=c.types[u],c.cached[s])return c.cached[s];if(i)return c.registerView(s,i.innerHTML,r);var l=new t.Deferred;return t.ajax({async:n,url:o,dataType:"text",error:function(t){a("",o),l.reject(t)},success:function(t){a(t,o),c.registerView(s,t,r,l)}}),l},o=function(e){var n=[];if(t.isDeferred(e))return[e];for(var r in e)t.isDeferred(e[r])&&n.push(e[r]);return n},u=function(e){return t.isArray(e)&&"success"===e[1]?e[0]:e},c=t.view=t.template=function(t,n,r,i){e(r)&&(i=r,r=undefined);var a;return a=e(t)?t(n,r,i):c.renderAs("fragment",t,n,r,i)};return t.extend(c,{frag:function(t,e){return c.hookup(c.fragment(t),e)},fragment:function(e){if("string"!=typeof e&&11===e.nodeType)return e;var n=t.buildFragment(e,document.body);return n.childNodes.length||n.appendChild(document.createTextNode("")),n},toId:function(e){return t.map((""+e).split(/\/|\./g),function(t){return t?t:undefined}).join("_")},toStr:function(t){return null==t?"":""+t},hookup:function(e,n){var r,i,a=[];return t.each(e.childNodes?t.makeArray(e.childNodes):e,function(e){1===e.nodeType&&(a.push(e),a.push.apply(a,t.makeArray(e.getElementsByTagName("*"))))}),t.each(a,function(t){t.getAttribute&&(r=t.getAttribute("data-view-id"))&&(i=c.hookups[r])&&(i(t,n,r),delete c.hookups[r],t.removeAttribute("data-view-id"))}),e},hookups:{},hook:function(t){return c.hookups[++r]=t," data-view-id='"+r+"'"},cached:{},cachedRenderers:{},cache:!0,register:function(e){this.types["."+e.suffix]=e,t[e.suffix]=c[e.suffix]=function(t,n){var r,a;if(!n)return a=function(){return r||(r=e.fragRenderer?e.fragRenderer(null,t):i(e.renderer(null,t))),r.apply(this,arguments)},a.render=function(){var n=e.renderer(null,t);return n.apply(n,arguments)},a;var s=function(){return r||(r=e.fragRenderer?e.fragRenderer(t,n):e.renderer(t,n)),r.apply(this,arguments)};return e.fragRenderer?c.preload(t,s):c.preloadStringRenderer(t,s)}},types:{},ext:".ejs",registerScript:function(t,e,n){return"can.view.preloadStringRenderer('"+e+"',"+c.types["."+t].script(e,n)+");"},preload:function(e,n){var r=c.cached[e]=(new t.Deferred).resolve(function(t,e){return n.call(t,t,e)});return r.__view_id=e,c.cachedRenderers[e]=n,n},preloadStringRenderer:function(t,e){return this.preload(t,i(e))},render:function(e,n,r,i){return t.view.renderAs("string",e,n,r,i)},renderTo:function(t,e,n,r){return("string"===t&&e.render?e.render:e)(n,r)},renderAs:function(r,i,a,l,f){e(l)&&(f=l,l=undefined);var d,p,h,g,m,v=o(a);if(v.length)return p=new t.Deferred,h=t.extend({},a),v.push(s(i,!0)),t.when.apply(t,v).then(function(e){var i,s=n(arguments),o=s.pop();if(t.isDeferred(a))h=u(e);else for(var c in a)t.isDeferred(a[c])&&(h[c]=u(s.shift()));i=t.view.renderTo(r,o,h,l),p.resolve(i,h),f&&f(i,h)},function(){p.reject.apply(p,arguments)}),p;if(d=t.__clearReading(),g=e(f),p=s(i,g),d&&t.__setReading(d),g)m=p,p.then(function(e){f(a?t.view.renderTo(r,e,a,l):e)});else{if("resolved"===p.state()&&p.__view_id){var _=c.cachedRenderers[p.__view_id];return a?t.view.renderTo(r,_,a,l):_}p.then(function(e){m=a?t.view.renderTo(r,e,a,l):e})}return m},registerView:function(e,n,r,a){var s,o="object"==typeof r?r:c.types[r||c.ext];return s=o.fragRenderer?o.fragRenderer(e,n):i(o.renderer(e,n)),a=a||new t.Deferred,c.cache&&(c.cached[e]=a,a.__view_id=e,c.cachedRenderers[e]=s),a.resolve(s)}}),t}(__m2),__m9=function(t){var e=t.view.attr=function(t,e){if(!e){var i=n[t];if(!i)for(var a=0,s=r.length;s>a;a++){var o=r[a];if(o.match.test(t)){i=o.handler;break}}return i}"string"==typeof t?n[t]=e:r.push({match:t,handler:e})},n={},r=[],i=/[-\:]/,a=t.view.tag=function(t,e){if(!e){var n=s[t.toLowerCase()];return!n&&i.test(t)&&(n=function(){}),n}window.html5&&(window.html5.elements+=" "+t,window.html5.shivDocument()),s[t.toLowerCase()]=e},s={};return t.view.callbacks={_tags:s,_attributes:n,_regExpAttributes:r,tag:a,attr:e,tagHandler:function(e,n,r){var i,a=r.options.attr("tags."+n),o=a||s[n],u=r.scope;if(o){var c=t.__clearReading();i=o(e,r),t.__setReading(c)}else i=u;if(i&&r.subtemplate){u!==i&&(u=u.add(i));var l=r.subtemplate(u,r.options),f="string"==typeof l?t.view.frag(l):l;t.appendChild(e,f)}}},t.view.callbacks}(__m2,__m10),__m13=function(t){var e=/_|-/,n=/\=\=/,r=/([A-Z]+)([A-Z][a-z])/g,i=/([a-z\d])([A-Z])/g,a=/([a-z\d])([A-Z])/g,s=/\{([^\}]+)\}/g,o=/"/g,u=/'/g,c=/-+(.)?/g,l=/[a-z][A-Z]/g,f=function(t,e,n){var r=t[e];return r===undefined&&n===!0&&(r=t[e]={}),r},d=function(t){return/^f|^o/.test(typeof t)},p=function(t){var e=null===t||t===undefined||isNaN(t)&&"NaN"==""+t;return""+(e?"":t)};return t.extend(t,{esc:function(t){return p(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(o,"&#34;").replace(u,"&#39;")},getObject:function(e,n,r){var i,a,s,o,u=e?e.split("."):[],c=u.length,l=0;if(n=t.isArray(n)?n:[n||window],o=n.length,!c)return n[0];for(l;o>l;l++){for(i=n[l],s=undefined,a=0;c>a&&d(i);a++)s=i,i=f(s,u[a]);if(s!==undefined&&i!==undefined)break}if(r===!1&&i!==undefined&&delete s[u[a-1]],r===!0&&i===undefined)for(i=n[0],a=0;c>a&&d(i);a++)i=f(i,u[a],!0);return i},capitalize:function(t){return t.charAt(0).toUpperCase()+t.slice(1)},camelize:function(t){return p(t).replace(c,function(t,e){return e?e.toUpperCase():""})},hyphenate:function(t){return p(t).replace(l,function(t){return t.charAt(0)+"-"+t.charAt(1).toLowerCase()})},underscore:function(t){return t.replace(n,"/").replace(r,"$1_$2").replace(i,"$1_$2").replace(a,"_").toLowerCase()},sub:function(e,n,r){var i=[];return e=e||"",i.push(e.replace(s,function(e,a){var s=t.getObject(a,n,r===!0?!1:undefined);return s===undefined||null===s?(i=null,""):d(s)&&i?(i.push(s),""):""+s})),null===i?i:1>=i.length?i[0]:i},replacer:s,undHash:e}),t}(__m2),__m12=function(t){var e=0;return t.Construct=function(){return arguments.length?t.Construct.extend.apply(t.Construct,arguments):undefined},t.extend(t.Construct,{constructorExtends:!0,newInstance:function(){var t,e=this.instance();return e.setup&&(t=e.setup.apply(e,arguments)),e.init&&e.init.apply(e,t||arguments),e},_inherit:function(e,n,r){t.extend(r||e,e||{})},_overwrite:function(t,e,n,r){t[n]=r},setup:function(e){this.defaults=t.extend(!0,{},e.defaults,this.defaults)},instance:function(){e=1;var t=new this;return e=0,t},extend:function(n,r,i){function a(){return e?undefined:this.constructor!==a&&arguments.length&&a.constructorExtends?a.extend.apply(a,arguments):a.newInstance.apply(a,arguments)}var s=n,o=r,u=i;"string"!=typeof s&&(u=o,o=s,s=null),u||(u=o,o=null),u=u||{};var c,l,f,d,p,h,g,m,v=this,_=this.prototype;m=this.instance(),t.Construct._inherit(u,_,m);for(p in v)v.hasOwnProperty(p)&&(a[p]=v[p]);t.Construct._inherit(o,v,a),s&&(c=s.split("."),h=c.pop(),l=t.getObject(c.join("."),window,!0),g=l,f=t.underscore(s.replace(/\./g,"_")),d=t.underscore(h),l[h]=a),t.extend(a,{constructor:a,prototype:m,namespace:g,_shortName:d,fullName:s,_fullName:f}),h!==undefined&&(a.shortName=h),a.prototype.constructor=a;var b=[v].concat(t.makeArray(arguments)),y=a.setup.apply(a,b);return a.init&&a.init.apply(a,y||b),a}}),t.Construct.prototype.setup=function(){},t.Construct.prototype.init=function(){},t.Construct}(__m13),__m11=function(t){var e,n=function(e,n,r){return t.bind.call(e,n,r),function(){t.unbind.call(e,n,r)}},r=t.isFunction,i=t.extend,a=t.each,s=[].slice,o=/\{([^\}]+)\}/g,u=t.getObject("$.event.special",[t])||{},c=function(e,n,r,i){return t.delegate.call(e,n,r,i),function(){t.undelegate.call(e,n,r,i)}},l=function(e,r,i,a){return a?c(e,t.trim(a),r,i):n(e,r,i)},f=t.Control=t.Construct({setup:function(){if(t.Construct.setup.apply(this,arguments),t.Control){var e,n=this;n.actions={};for(e in n.prototype)n._isAction(e)&&(n.actions[e]=n._action(e))}},_shifter:function(e,n){var i="string"==typeof n?e[n]:n;return r(i)||(i=e[i]),function(){return e.called=n,i.apply(e,[this.nodeName?t.$(this):this].concat(s.call(arguments,0)))}},_isAction:function(t){var e=this.prototype[t],n=typeof e;return"constructor"!==t&&("function"===n||"string"===n&&r(this.prototype[e]))&&!!(u[t]||d[t]||/[^\w]/.test(t))},_action:function(n,r){if(o.lastIndex=0,r||!o.test(n)){var i=r?t.sub(n,this._lookup(r)):n;if(!i)return null;var a=t.isArray(i),s=a?i[1]:i,u=s.split(/\s+/g),c=u.pop();return{processor:d[c]||e,parts:[s,u.join(" "),c],delegate:a?i[0]:undefined}}},_lookup:function(t){return[t,window]},processors:{},defaults:{}},{setup:function(e,n){var r,a=this.constructor,s=a.pluginName||a._fullName;return this.element=t.$(e),s&&"can_control"!==s&&this.element.addClass(s),r=t.data(this.element,"controls"),r||(r=[],t.data(this.element,"controls",r)),r.push(this),this.options=i({},a.defaults,n),this.on(),[this.element,this.options]},on:function(e,n,r,i){if(!e){this.off();var a,s,o=this.constructor,u=this._bindings,c=o.actions,f=this.element,d=t.Control._shifter(this,"destroy");for(a in c)c.hasOwnProperty(a)&&(s=c[a]||o._action(a,this.options,this),s&&(u.control[a]=s.processor(s.delegate||f,s.parts[2],s.parts[1],a,this)));return t.bind.call(f,"removed",d),u.user.push(function(e){t.unbind.call(e,"removed",d)}),u.user.length}return"string"==typeof e&&(i=r,r=n,n=e,e=this.element),i===undefined&&(i=r,r=n,n=null),"string"==typeof i&&(i=t.Control._shifter(this,i)),this._bindings.user.push(l(e,r,i,n)),this._bindings.user.length},off:function(){var t=this.element[0],e=this._bindings;e&&(a(e.user||[],function(e){e(t)}),a(e.control||{},function(e){e(t)})),this._bindings={user:[],control:{}}},destroy:function(){if(null!==this.element){var e,n=this.constructor,r=n.pluginName||n._fullName;this.off(),r&&"can_control"!==r&&this.element.removeClass(r),e=t.data(this.element,"controls"),e.splice(t.inArray(this,e),1),t.trigger(this,"destroyed"),this.element=null}}}),d=t.Control.processors;return e=function(e,n,r,i,a){return l(e,n,t.Control._shifter(a,i),r)},a(["change","click","contextmenu","dblclick","keydown","keyup","keypress","mousedown","mousemove","mouseout","mouseover","mouseup","reset","resize","scroll","select","submit","focusin","focusout","mouseenter","mouseleave","touchstart","touchmove","touchcancel","touchend","touchleave","inserted","removed"],function(t){d[t]=e}),f}(__m2,__m12),__m16=function(t){return t.bindAndSetup=function(){return t.addEvent.apply(this,arguments),this._init||(this._bindings?this._bindings++:(this._bindings=1,this._bindsetup&&this._bindsetup())),this},t.unbindAndTeardown=function(){return t.removeEvent.apply(this,arguments),null===this._bindings?this._bindings=0:this._bindings--,!this._bindings&&this._bindteardown&&this._bindteardown(),this},t}(__m2),__m17=function(t){var e=t.bubble={event:function(t,e){return t.constructor._bubbleRule(e,t)},childrenOf:function(t,n){t._each(function(r,i){r&&r.bind&&e.toParent(r,t,i,n)})},teardownChildrenFrom:function(t,n){t._each(function(r){e.teardownFromParent(t,r,n)})},toParent:function(e,n,r,i){t.listenTo.call(n,e,i,function(){var i=t.makeArray(arguments),a=i.shift();i[0]=(t.List&&n instanceof t.List?n.indexOf(e):r)+(i[0]?"."+i[0]:""),a.triggeredNS=a.triggeredNS||{},a.triggeredNS[n._cid]||(a.triggeredNS[n._cid]=!0,t.trigger(n,a,i))})},teardownFromParent:function(e,n,r){n&&n.unbind&&t.stopListening.call(e,n,r)},isBubbling:function(t,e){return t._bubbleBindings&&t._bubbleBindings[e]},bind:function(t,n){if(!t._init){var r=e.event(t,n);r&&(t._bubbleBindings||(t._bubbleBindings={}),t._bubbleBindings[r]?t._bubbleBindings[r]++:(t._bubbleBindings[r]=1,e.childrenOf(t,r)))}},unbind:function(n,r){var i=e.event(n,r);i&&(n._bubbleBindings&&n._bubbleBindings[i]--,n._bubbleBindings&&!n._bubbleBindings[i]&&(delete n._bubbleBindings[i],e.teardownChildrenFrom(n,i),t.isEmptyObject(n._bubbleBindings)&&delete n._bubbleBindings))},add:function(n,r,i){if(r instanceof t.Map&&n._bubbleBindings)for(var a in n._bubbleBindings)n._bubbleBindings[a]&&(e.teardownFromParent(n,r,a),e.toParent(r,n,i,a))},removeMany:function(t,n){for(var r=0,i=n.length;i>r;r++)e.remove(t,n[r])},remove:function(n,r){if(r instanceof t.Map&&n._bubbleBindings)for(var i in n._bubbleBindings)n._bubbleBindings[i]&&e.teardownFromParent(n,r,i)},set:function(n,r,i,a){return t.Map.helpers.isObservable(i)&&e.add(n,i,r),t.Map.helpers.isObservable(a)&&e.remove(n,a),i}};return e}(__m2),__m18=function(t){var e=1,n=0,r=[],i=[];t.batch={start:function(t){n++,t&&i.push(t)},stop:function(a,s){if(a?n=0:n--,0===n){var o,u,c=r.slice(0),l=i.slice(0);for(r=[],i=[],e++,s&&t.batch.start(),o=0,u=c.length;u>o;o++)t.dispatch.apply(c[o][0],c[o][1]);for(o=0,u=l.length;l.length>o;o++)l[o]()}},trigger:function(i,a,s){if(!i._init){if(0===n)return t.dispatch.call(i,a,s);a="string"==typeof a?{type:a}:a,a.batchNum=e,r.push([i,[a,s]])}}}}(__m4),__m15=function(t,e,n){var r=null,i=function(){for(var t in r)r[t].added&&delete r[t].obj._cid;r=null},a=function(t){return r&&r[t._cid]&&r[t._cid].instance},s=null,o=t.Map=t.Construct.extend({setup:function(){if(t.Construct.setup.apply(this,arguments),t.Map){this.defaults||(this.defaults={}),this._computes=[];for(var e in this.prototype)"define"!==e&&"function"!=typeof this.prototype[e]?this.defaults[e]=this.prototype[e]:this.prototype[e].isComputed&&this._computes.push(e);this.helpers.define&&this.helpers.define(this)}!t.List||this.prototype instanceof t.List||(this.List=o.List.extend({Map:this},{}))},_bubble:n,_bubbleRule:function(t){return("change"===t||t.indexOf(".")>=0)&&"change"},_computes:[],bind:t.bindAndSetup,on:t.bindAndSetup,unbind:t.unbindAndTeardown,off:t.unbindAndTeardown,id:"id",helpers:{define:null,attrParts:function(t,e){return e?[t]:"object"==typeof t?t:(""+t).split(".")},addToMap:function(e,n){var a;r||(a=i,r={});var s=e._cid,o=t.cid(e);return r[o]||(r[o]={obj:e,instance:n,added:!s}),a},isObservable:function(e){return e instanceof t.Map||e&&e===t.route},canMakeObserve:function(e){return e&&!t.isDeferred(e)&&(t.isArray(e)||t.isPlainObject(e))},serialize:function(e,n,r){var i=t.cid(e),a=!1;return s||(a=!0,s={attr:{},serialize:{}}),s[n][i]=r,e.each(function(i,a){var u,c=o.helpers.isObservable(i),l=c&&s[n][t.cid(i)];u=l?l:"serialize"===n?o.helpers._serialize(e,a,i):o.helpers._getValue(e,a,i,n),u!==undefined&&(r[a]=u)}),t.__reading(e,"__keys"),a&&(s=null),r},_serialize:function(t,e,n){return o.helpers._getValue(t,e,n,"serialize")},_getValue:function(t,e,n,r){return o.helpers.isObservable(n)?n[r]():n}},keys:function(e){var n=[];t.__reading(e,"__keys");for(var r in e._data)n.push(r);return n}},{setup:function(e){e instanceof t.Map&&(e=e.serialize()),this._data={},t.cid(this,".map"),this._init=1;var n=this._setupDefaults();this._setupComputes(n);var r=e&&t.Map.helpers.addToMap(e,this),i=t.extend(t.extend(!0,{},n),e);this.attr(i),r&&r(),this.bind("change",t.proxy(this._changes,this)),delete this._init},_setupComputes:function(){var t=this.constructor._computes;this._computedBindings={};for(var e,n=0,r=t.length;r>n;n++)e=t[n],this[e]=this[e].clone(this),this._computedBindings[e]={count:0}},_setupDefaults:function(){return this.constructor.defaults||{}},_bindsetup:function(){},_bindteardown:function(){},_changes:function(e,n,r,i,a){t.batch.trigger(this,{type:n,batchNum:e.batchNum,target:e.target},[i,a])},_triggerChange:function(e,r,i,a){n.isBubbling(this,"change")?t.batch.trigger(this,{type:"change",target:this},[e,r,i,a]):t.batch.trigger(this,e,[i,a]),("remove"===r||"add"===r)&&t.batch.trigger(this,{type:"__keys",target:this})},_each:function(t){var e=this.__get();for(var n in e)e.hasOwnProperty(n)&&t(e[n],n)},attr:function(e,n){var r=typeof e;return"string"!==r&&"number"!==r?this._attrs(e,n):1===arguments.length?(t.__reading(this,e),this._get(e)):(this._set(e,n),this)},each:function(){return t.each.apply(undefined,[this].concat(t.makeArray(arguments)))},removeAttr:function(e){var n=t.List&&this instanceof t.List,r=t.Map.helpers.attrParts(e),i=r.shift(),a=n?this[i]:this._data[i];return r.length&&a?a.removeAttr(r):("string"==typeof e&&~e.indexOf(".")&&(i=e),this._remove(i,a),a)},_remove:function(t,e){t in this._data&&(delete this._data[t],t in this.constructor.prototype||delete this[t],this._triggerChange(t,"remove",undefined,e))},_get:function(t){t=""+t;var e=t.indexOf(".");if(e>=0){var n=this.__get(t);if(n!==undefined)return n;var r=t.substr(0,e),i=t.substr(e+1),a=this.__get(r);return a&&a._get?a._get(i):undefined}return this.__get(t)},__get:function(t){return t?this._computedBindings[t]?this[t]():this._data[t]:this._data},__type:function(e){if(!(e instanceof t.Map)&&t.Map.helpers.canMakeObserve(e)){var n=a(e);if(n)return n;if(t.isArray(e)){var r=t.List;return new r(e)}var i=this.constructor.Map||t.Map;return new i(e)}return e},_set:function(t,e,n){t=""+t;var r,i=t.indexOf(".");if(!n&&i>=0){var a=t.substr(0,i),s=t.substr(i+1);if(r=this._init?undefined:this.__get(a),!o.helpers.isObservable(r))throw"can.Map: Object does not exist";r._set(s,e)}else this.__convert&&(e=this.__convert(t,e)),r=this._init?undefined:this.__get(t),this.__set(t,this.__type(e,t),r)},__set:function(t,e,n){if(e!==n){var r=n!==undefined||this.__get().hasOwnProperty(t)?"set":"add";this.___set(t,this.constructor._bubble.set(this,t,e,n)),this._triggerChange(t,r,e,n),n&&this.constructor._bubble.teardownFromParent(this,n)}},___set:function(t,e){this._computedBindings[t]?this[t](e):this._data[t]=e,"function"==typeof this.constructor.prototype[t]||this._computedBindings[t]||(this[t]=e)},bind:function(e){var n=this._computedBindings&&this._computedBindings[e];if(n)if(n.count)n.count++;else{n.count=1;var r=this;n.handler=function(n,i,a){t.batch.trigger(r,{type:e,batchNum:n.batchNum,target:r},[i,a])},this[e].bind("change",n.handler)}return this.constructor._bubble.bind(this,e),t.bindAndSetup.apply(this,arguments)},unbind:function(e){var n=this._computedBindings&&this._computedBindings[e];return n&&(1===n.count?(n.count=0,this[e].unbind("change",n.handler),delete n.handler):n.count--),this.constructor._bubble.unbind(this,e),t.unbindAndTeardown.apply(this,arguments)},serialize:function(){return t.Map.helpers.serialize(this,"serialize",{})},_attrs:function(e,n){if(e===undefined)return o.helpers.serialize(this,"attr",{});e=t.simpleExtend({},e);var r,i,a=this;t.batch.start(),this.each(function(t,r){if("_cid"!==r){if(i=e[r],i===undefined)return n&&a.removeAttr(r),undefined;a.__convert&&(i=a.__convert(r,i)),o.helpers.isObservable(i)?a.__set(r,a.__type(i,r),t):o.helpers.isObservable(t)&&o.helpers.canMakeObserve(i)?t.attr(i,n):t!==i&&a.__set(r,a.__type(i,r),t),delete e[r]}});for(r in e)"_cid"!==r&&(i=e[r],this._set(r,i,!0));return t.batch.stop(),this},compute:function(e){if(t.isFunction(this.constructor.prototype[e]))return t.compute(this[e],this);var n=e.split("."),r=n.length-1,i={args:[]};return t.compute(function(e){return arguments.length?(t.compute.read(this,n.slice(0,r)).value.attr(n[r],e),undefined):t.compute.read(this,n,i).value},this)}});return o.prototype.on=o.prototype.bind,o.prototype.off=o.prototype.unbind,o}(__m2,__m16,__m17,__m12,__m18),__m19=function(t,e,n){var r=[].splice,i=function(){var t={0:"a",length:1};return r.call(t,0,1),!t[0]}(),a=e.extend({Map:e},{setup:function(e,n){this.length=0,t.cid(this,".map"),this._init=1,this._setupComputes(),e=e||[];var r;t.isDeferred(e)?this.replace(e):(r=e.length&&t.Map.helpers.addToMap(e,this),this.push.apply(this,t.makeArray(e||[]))),r&&r(),this.bind("change",t.proxy(this._changes,this)),t.simpleExtend(this,n),delete this._init},_triggerChange:function(n,r,i,a){e.prototype._triggerChange.apply(this,arguments);var s=+n;~n.indexOf(".")||isNaN(s)||("add"===r?(t.batch.trigger(this,r,[i,s]),t.batch.trigger(this,"length",[this.length])):"remove"===r?(t.batch.trigger(this,r,[a,s]),t.batch.trigger(this,"length",[this.length])):t.batch.trigger(this,r,[i,s]))},__get:function(e){return e?this[e]&&this[e].isComputed&&t.isFunction(this.constructor.prototype[e])?this[e]():this[e]:this},___set:function(t,e){this[t]=e,+t>=this.length&&(this.length=+t+1)},_remove:function(t,e){isNaN(+t)?(delete this[t],this._triggerChange(t,"remove",undefined,e)):this.splice(t,1)},_each:function(t){for(var e=this.__get(),n=0;e.length>n;n++)t(e[n],n)},serialize:function(){return e.helpers.serialize(this,"serialize",[])},splice:function(e,a){var s,o,u=t.makeArray(arguments),c=[];for(s=2;u.length>s;s++)u[s]=n.set(this,s,this.__type(u[s],s)),c.push(u[s]);a===undefined&&(a=u[1]=this.length-e);var l=r.apply(this,u),f=l;if(c.length&&l.length)for(o=0;l.length>o;o++)t.inArray(l[o],c)>=0&&f.splice(o,1);if(!i)for(s=this.length;l.length+this.length>s;s++)delete this[s];return t.batch.start(),a>0&&(this._triggerChange(""+e,"remove",undefined,l),n.removeMany(this,l)),u.length>2&&this._triggerChange(""+e,"add",u.slice(2),l),t.batch.stop(),l},_attrs:function(n,r){return n===undefined?e.helpers.serialize(this,"attr",[]):(n=t.makeArray(n),t.batch.start(),this._updateAttrs(n,r),t.batch.stop(),undefined)},_updateAttrs:function(t,n){for(var r=Math.min(t.length,this.length),i=0;r>i;i++){var a=this[i],s=t[i];e.helpers.isObservable(a)&&e.helpers.canMakeObserve(s)?a.attr(s,n):a!==s&&this._set(i,s)}t.length>this.length?this.push.apply(this,t.slice(this.length)):t.length<this.length&&n&&this.splice(t.length)}}),s=function(e){return e[0]&&t.isArray(e[0])?e[0]:t.makeArray(e)};return t.each({push:"length",unshift:0},function(t,e){var r=[][e];a.prototype[e]=function(){for(var e,i,a=[],s=t?this.length:0,o=arguments.length;o--;)i=arguments[o],a[o]=n.set(this,o,this.__type(i,o));return e=r.apply(this,a),(!this.comparator||a.length)&&this._triggerChange(""+s,"add",a,undefined),e}}),t.each({pop:"length",shift:0},function(t,e){a.prototype[e]=function(){var r=s(arguments),i=t&&this.length?this.length-1:0,a=[][e].apply(this,r);return this._triggerChange(""+i,"remove",undefined,[a]),a&&a.unbind&&n.remove(this,a),a}}),t.extend(a.prototype,{indexOf:function(e,n){return this.attr("length"),t.inArray(e,this,n)},join:function(){return[].join.apply(this.attr(),arguments)},reverse:function(){var e=t.makeArray([].reverse.call(this));this.replace(e)},slice:function(){var t=Array.prototype.slice.apply(this,arguments);return new this.constructor(t)},concat:function(){var e=[];return t.each(t.makeArray(arguments),function(n,r){e[r]=n instanceof t.List?n.serialize():n}),new this.constructor(Array.prototype.concat.apply(this.serialize(),e))},forEach:function(e,n){return t.each(this,e,n||this)},replace:function(e){return t.isDeferred(e)?e.then(t.proxy(this.replace,this)):this.splice.apply(this,[0,this.length].concat(t.makeArray(e||[]))),this
-},filter:function(e,n){var r,i=new t.List,a=this;return this.each(function(t,s){r=e.call(n|a,t,s,a),r&&i.push(t)}),i}}),t.List=e.List=a,t.List}(__m2,__m15,__m17),__m20=function(t){var e=[];t.__read=function(t,n){e.push({});var r=t.call(n);return{value:r,observed:e.pop()}},t.__reading=function(t,n){e.length&&(e[e.length-1][t._cid+"|"+n]={obj:t,event:n+""})},t.__clearReading=function(){if(e.length){var t=e[e.length-1];return e[e.length-1]={},t}},t.__setReading=function(t){e.length&&(e[e.length-1]=t)},t.__addReading=function(n){e.length&&t.simpleExtend(e[e.length-1],n)};var n=function(e,n,i,s){var o=t.__read(e,n),u=o.observed;return r(i,u,s),a(i,s),o},r=function(t,e,n){for(var r in e)i(t,e,r,n)},i=function(t,e,n,r){if(t[n])delete t[n];else{var i=e[n];i.obj.bind(i.event,r)}},a=function(t,e){for(var n in t){var r=t[n];r.obj.unbind(r.event,e)}},s=function(e,n,r,i){n!==r&&t.batch.trigger(e,i?{type:"change",batchNum:i}:"change",[n,r])},o=function(e,r,i,a){var s,o,u;return{on:function(c){o||(o=function(t){if(e.bound&&(t.batchNum===undefined||t.batchNum!==u)){var a=s.value;s=n(r,i,s.observed,o),c(s.value,a,t.batchNum),u=u=t.batchNum}}),s=n(r,i,{},o),a(s.value),e.hasDependencies=!t.isEmptyObject(s.observed)},off:function(){for(var t in s.observed){var e=s.observed[t];e.obj.unbind(e.event,o)}}}},u=function(e,r,i,a){var s,o,u,c;return{on:function(l){u||(u=function(n){if(e.bound&&(n.batchNum===undefined||n.batchNum!==c)){var a=t.__clearReading(),s=r.call(i);t.__setReading(a),l(s,o,n.batchNum),o=s,c=c=n.batchNum}}),s=n(r,i,{},u),o=s.value,a(s.value),e.hasDependencies=!t.isEmptyObject(s.observed)},off:function(){for(var t in s.observed){var e=s.observed[t];e.obj.unbind(e.event,u)}}}},c=function(e){return e instanceof t.Map||e&&e.__get},l=function(){};t.compute=function(n,r,i,a){if(n&&n.isComputed)return n;for(var c,f,d,p=l,h=l,g=function(){return f},m=function(t){f=t},v=m,_=[],b=function(t,e,n){v(t),s(c,t,e,n)},y=0,x=arguments.length;x>y;y++)_[y]=arguments[y];if(c=function(n){if(arguments.length){var i=f,a=m.call(r,n,i);return c.hasDependencies?g.call(r):(f=a===undefined?g.call(r):a,s(c,f,i),f)}return e.length&&c.canReadForChangeEvent!==!1&&(t.__reading(c,"change"),c.bound||t.compute.temporarilyBind(c)),c.bound?f:g.call(r)},"function"==typeof n){m=n,g=n,c.canReadForChangeEvent=i===!1?!1:!0;var w=a?u(c,n,r||this,v):o(c,n,r||this,v);p=w.on,h=w.off}else if(r)if("string"==typeof r){var k=r,C=n instanceof t.Map;if(C){c.hasDependencies=!0;var A;g=function(){return n.attr(k)},m=function(t){n.attr(k,t)},p=function(e){A=function(t,n,r){e(n,r,t.batchNum)},n.bind(i||k,A),f=t.__read(g).value},h=function(){n.unbind(i||k,A)}}else g=function(){return n[k]},m=function(t){n[k]=t},p=function(e){A=function(){e(g(),f)},t.bind.call(n,i||k,A),f=t.__read(g).value},h=function(){t.unbind.call(n,i||k,A)}}else if("function"==typeof r)f=n,m=r,r=i,d="setter";else{f=n;var M=r,N=b;if(r=M.context||M,g=M.get||g,m=M.set||function(){return f},M.fn){var T,O=M.fn;g=function(){return O.call(r,f)},0===O.length?T=o(c,O,r,v):1===O.length?T=o(c,function(){return O.call(r,f)},r,v):(b=function(t){t!==undefined&&N(t,f)},T=o(c,function(){var t=O.call(r,f,function(t){N(t,f)});return t!==undefined?t:f},r,v)),p=T.on,h=T.off}else b=function(){var t=g.call(r);N(t,f)};p=M.on||p,h=M.off||h}else f=n;return t.cid(c,"compute"),t.simpleExtend(c,{isComputed:!0,_bindsetup:function(){this.bound=!0;var e=t.__clearReading();p.call(this,b),t.__setReading(e)},_bindteardown:function(){h.call(this,b),this.bound=!1},bind:t.bindAndSetup,unbind:t.unbindAndTeardown,clone:function(e){return e&&("setter"===d?_[2]=e:_[1]=e),t.compute.apply(t,_)}})};var f,d=function(){for(var t=0,e=f.length;e>t;t++)f[t].unbind("change",l);f=null};return t.compute.temporarilyBind=function(t){t.bind("change",l),f||(f=[],setTimeout(d,10)),f.push(t)},t.compute.truthy=function(e){return t.compute(function(){var t=e();return"function"==typeof t&&(t=t()),!!t})},t.compute.async=function(e,n,r){return t.compute(e,{fn:n,context:r})},t.compute.read=function(e,n,r){r=r||{};for(var i,a,s,o=e,u=0,l=n.length;l>u;u++)if(a=o,a&&a.isComputed&&(r.foundObservable&&r.foundObservable(a,u),a=o=a()),c(a)?(!s&&r.foundObservable&&r.foundObservable(a,u),s=1,o="function"==typeof a[n[u]]&&a.constructor.prototype[n[u]]===a[n[u]]?r.returnObserveMethods?o[n[u]]:"constructor"===n[u]&&a instanceof t.Construct?a[n[u]]:a[n[u]].apply(a,r.args||[]):o.attr(n[u])):o=a[n[u]],i=typeof o,o&&o.isComputed&&!r.isArgument&&l-1>u?(!s&&r.foundObservable&&r.foundObservable(a,u+1),o=o()):n.length-1>u&&"function"===i&&r.executeAnonymousFunctions&&!(t.Construct&&o.prototype instanceof t.Construct)&&(o=o()),n.length-1>u&&(null===o||"function"!==i&&"object"!==i))return r.earlyExit&&r.earlyExit(a,u,o),{value:undefined,parent:a};return"function"!=typeof o||t.Construct&&o.prototype instanceof t.Construct||t.route&&o===t.route||(r.isArgument?o.isComputed||r.proxyMethods===!1||(o=t.proxy(o,a)):(o.isComputed&&!s&&r.foundObservable&&r.foundObservable(o,u),o=o.call(a))),o===undefined&&r.earlyExit&&r.earlyExit(a,u-1),{value:o,parent:a}},t.compute}(__m2,__m16,__m18),__m14=function(t){return t.Observe=t.Map,t.Observe.startBatch=t.batch.start,t.Observe.stopBatch=t.batch.stop,t.Observe.triggerBatch=t.batch.trigger,t}(__m2,__m15,__m19,__m20),__m22=function(t){var e=/(\\)?\./g,n=/\\\./g,r=function(t){var r=[],i=0;return t.replace(e,function(e,a,s){a||(r.push(t.slice(i,s).replace(n,".")),i=s+e.length)}),r.push(t.slice(i).replace(n,".")),r},i=t.Construct.extend({read:t.compute.read},{init:function(t,e){this._context=t,this._parent=e,this.__cache={}},attr:function(e){var n=t.__clearReading(),r=this.read(e,{isArgument:!0,returnObserveMethods:!0,proxyMethods:!1}).value;return t.__setReading(n),r},add:function(t){return t!==this._context?new this.constructor(t,this):this},computeData:function(e,n){n=n||{args:[]};var r,i,a=this,s={compute:t.compute(function(o){if(!arguments.length){if(r)return t.compute.read(r,i,n).value;var u=a.read(e,n);return r=u.rootObserve,i=u.reads,s.scope=u.scope,s.initialValue=u.value,s.reads=u.reads,s.root=r,u.value}if(r.isComputed&&!i.length)r(o);else{var c=i.length-1;t.compute.read(r,i.slice(0,c)).value.attr(i[c],o)}})};return s},compute:function(t,e){return this.computeData(t,e).compute},read:function(e,n){var i;if("./"===e.substr(0,2))i=!0,e=e.substr(2);else{if("../"===e.substr(0,3))return this._parent.read(e.substr(3),n);if(".."===e)return{value:this._parent._context};if("."===e||"this"===e)return{value:this._context}}for(var a,s,o,u,c,l,f=-1===e.indexOf("\\.")?e.split("."):r(e),d=this,p=[],h=-1;d;){if(a=d._context,null!==a){var g=t.compute.read(a,f,t.simpleExtend({foundObservable:function(t,e){c=t,l=f.slice(e)},earlyExit:function(e,n){n>h&&(s=c,p=l,h=n,u=d,o=t.__clearReading())},executeAnonymousFunctions:!0},n));if(g.value!==undefined)return{scope:d,rootObserve:c,value:g.value,reads:l}}t.__clearReading(),d=i?null:d._parent}return s?(t.__setReading(o),{scope:u,rootObserve:s,reads:p,value:undefined}):{names:f,value:undefined}}});return t.view.Scope=i,i}(__m2,__m12,__m15,__m19,__m10,__m20),__m24=function(t){var e=function(){return 1===t.$(document.createComment("~")).length}(),n={tagToContentPropMap:{option:"textContent"in document.createElement("option")?"textContent":"innerText",textarea:"value"},attrMap:t.attr.map,attrReg:/([^\s=]+)[\s]*=[\s]*/,defaultValue:t.attr.defaultValue,tagMap:{"":"span",colgroup:"col",table:"tbody",tr:"td",ol:"li",ul:"li",tbody:"tr",thead:"tr",tfoot:"tr",select:"option",optgroup:"option"},reverseTagMap:{col:"colgroup",tr:"tbody",option:"select",td:"tr",th:"tr",li:"ul"},getParentNode:function(t,e){return e&&11===t.parentNode.nodeType?e:t.parentNode},setAttr:t.attr.set,getAttr:t.attr.get,removeAttr:t.attr.remove,contentText:function(t){return"string"==typeof t?t:t||0===t?""+t:""},after:function(e,n){var r=e[e.length-1];r.nextSibling?t.insertBefore(r.parentNode,n,r.nextSibling):t.appendChild(r.parentNode,n)},replace:function(r,i){n.after(r,i),t.remove(t.$(r)).length<r.length&&!e&&t.each(r,function(t){8===t.nodeType&&t.parentNode.removeChild(t)})}};return t.view.elements=n,n}(__m2,__m10),__m23=function(can,elements,viewCallbacks){var newLine=/(\r|\n)+/g,notEndTag=/\//,clean=function(t){return t.split("\\").join("\\\\").split("\n").join("\\n").split('"').join('\\"').split("	").join("\\t")},getTag=function(t,e,n){if(t)return t;for(;e.length>n;){if("<"===e[n]&&!notEndTag.test(e[n+1]))return elements.reverseTagMap[e[n+1]]||"span";n++}return""},bracketNum=function(t){return--t.split("{").length- --t.split("}").length},myEval=function(script){eval(script)},attrReg=/([^\s]+)[\s]*=[\s]*$/,startTxt="var ___v1ew = [];",finishTxt="return ___v1ew.join('')",put_cmd="___v1ew.push(\n",insert_cmd=put_cmd,htmlTag=null,quote=null,beforeQuote=null,rescan=null,getAttrName=function(){var t=beforeQuote.match(attrReg);return t&&t[1]},status=function(){return quote?"'"+getAttrName()+"'":htmlTag?1:0},top=function(t){return t[t.length-1]},Scanner;return can.view.Scanner=Scanner=function(t){can.extend(this,{text:{},tokens:[]},t),this.text.options=this.text.options||"",this.tokenReg=[],this.tokenSimple={"<":"<",">":">",'"':'"',"'":"'"},this.tokenComplex=[],this.tokenMap={};for(var e,n=0;e=this.tokens[n];n++)e[2]?(this.tokenReg.push(e[2]),this.tokenComplex.push({abbr:e[1],re:RegExp(e[2]),rescan:e[3]})):(this.tokenReg.push(e[1]),this.tokenSimple[e[1]]=e[0]),this.tokenMap[e[0]]=e[1];this.tokenReg=RegExp("("+this.tokenReg.slice(0).concat(["<",">",'"',"'"]).join("|")+")","g")},Scanner.prototype={helpers:[],scan:function(t,e){var n=[],r=0,i=this.tokenSimple,a=this.tokenComplex;t=t.replace(newLine,"\n"),this.transform&&(t=this.transform(t)),t.replace(this.tokenReg,function(e,s){var o=arguments[arguments.length-2];if(o>r&&n.push(t.substring(r,o)),i[e])n.push(e);else for(var u,c=0;u=a[c];c++)if(u.re.test(e)){n.push(u.abbr),u.rescan&&n.push(u.rescan(s));break}r=o+s.length}),t.length>r&&n.push(t.substr(r));var s,o,u,c,l="",f=[startTxt+(this.text.start||"")],d=function(t,e){f.push(put_cmd,'"',clean(t),'"'+(e||"")+");")},p=[],h=null,g=!1,m={attributeHookups:[],tagHookups:[],lastTagHookup:""},v=function(){m.lastTagHookup=m.tagHookups.pop()+m.tagHookups.length},_="",b=[],y=!1,x=!1,w=0,k=this.tokenMap;for(htmlTag=quote=beforeQuote=null;(u=n[w++])!==undefined;){if(null===h)switch(u){case k.left:case k.escapeLeft:case k.returnLeft:g=htmlTag&&1;case k.commentLeft:h=u,l.length&&d(l),l="";break;case k.escapeFull:g=htmlTag&&1,rescan=1,h=k.escapeLeft,l.length&&d(l),rescan=n[w++],l=rescan.content||rescan,rescan.before&&d(rescan.before),n.splice(w,0,k.right);break;case k.commentFull:break;case k.templateLeft:l+=k.left;break;case"<":0!==n[w].indexOf("!--")&&(htmlTag=1,g=0),l+=u;break;case">":htmlTag=0;var C="/"===l.substr(l.length-1)||"--"===l.substr(l.length-2),A="";if(m.attributeHookups.length&&(A="attrs: ['"+m.attributeHookups.join("','")+"'], ",m.attributeHookups=[]),_+m.tagHookups.length!==m.lastTagHookup&&_===top(m.tagHookups))C&&(l=l.substr(0,l.length-1)),f.push(put_cmd,'"',clean(l),'"',",can.view.pending({tagName:'"+_+"',"+A+"scope: "+(this.text.scope||"this")+this.text.options),C?(f.push("}));"),l="/>",v()):"<"===n[w]&&n[w+1]==="/"+_?(f.push("}));"),l=u,v()):(f.push(",subtemplate: function("+this.text.argNames+"){\n"+startTxt+(this.text.start||"")),l="");else if(g||!y&&elements.tagToContentPropMap[b[b.length-1]]||A){var M=",can.view.pending({"+A+"scope: "+(this.text.scope||"this")+this.text.options+'}),"';C?d(l.substr(0,l.length-1),M+'/>"'):d(l,M+'>"'),l="",g=0}else l+=u;(C||y)&&(b.pop(),_=b[b.length-1],y=!1),m.attributeHookups=[];break;case"'":case'"':if(htmlTag)if(quote&&quote===u){quote=null;var N=getAttrName();if(viewCallbacks.attr(N)&&m.attributeHookups.push(N),x){l+=u,d(l),f.push(finishTxt,"}));\n"),l="",x=!1;break}}else if(null===quote&&(quote=u,beforeQuote=s,c=getAttrName(),"img"===_&&"src"===c||"style"===c)){d(l.replace(attrReg,"")),l="",x=!0,f.push(insert_cmd,"can.view.txt(2,'"+getTag(_,n,w)+"',"+status()+",this,function(){",startTxt),d(c+"="+u);break}default:if("<"===s){_="!--"===u.substr(0,3)?"!--":u.split(/\s/)[0];var T,O=!1;0===_.indexOf("/")&&(O=!0,T=_.substr(1)),O?(top(b)===T&&(_=T,y=!0),top(m.tagHookups)===T&&(d(l.substr(0,l.length-1)),f.push(finishTxt+"}}) );"),l="><",v())):(_.lastIndexOf("/")===_.length-1&&(_=_.substr(0,_.length-1)),"!--"!==_&&viewCallbacks.tag(_)&&("content"===_&&elements.tagMap[top(b)]&&(u=u.replace("content",elements.tagMap[top(b)])),m.tagHookups.push(_)),b.push(_))}l+=u}else switch(u){case k.right:case k.returnRight:switch(h){case k.left:o=bracketNum(l),1===o?(f.push(insert_cmd,"can.view.txt(0,'"+getTag(_,n,w)+"',"+status()+",this,function(){",startTxt,l),p.push({before:"",after:finishTxt+"}));\n"})):(r=p.length&&-1===o?p.pop():{after:";"},r.before&&f.push(r.before),f.push(l,";",r.after));break;case k.escapeLeft:case k.returnLeft:o=bracketNum(l),o&&p.push({before:finishTxt,after:"}));\n"});for(var L=h===k.escapeLeft?1:0,j={insert:insert_cmd,tagName:getTag(_,n,w),status:status(),specialAttribute:x},E=0;this.helpers.length>E;E++){var S=this.helpers[E];if(S.name.test(l)){l=S.fn(l,j),S.name.source===/^>[\s]*\w*/.source&&(L=0);break}}"object"==typeof l?l.startTxt&&l.end&&x?f.push(insert_cmd,"can.view.toStr( ",l.content,"() ) );"):(l.startTxt?f.push(insert_cmd,"can.view.txt(\n"+("string"==typeof status()||(null!=l.escaped?l.escaped:L))+",\n'"+_+"',\n"+status()+",\nthis,\n"):l.startOnlyTxt&&f.push(insert_cmd,"can.view.onlytxt(this,\n"),f.push(l.content),l.end&&f.push("));")):x?f.push(insert_cmd,l,");"):f.push(insert_cmd,"can.view.txt(\n"+("string"==typeof status()||L)+",\n'"+_+"',\n"+status()+",\nthis,\nfunction(){ "+(this.text.escape||"")+"return ",l,o?startTxt:"}));\n"),rescan&&rescan.after&&rescan.after.length&&(d(rescan.after.length),rescan=null)}h=null,l="";break;case k.templateLeft:l+=k.left;break;default:l+=u}s=u}l.length&&d(l),f.push(";");var R=f.join(""),B={out:(this.text.outStart||"")+R+" "+finishTxt+(this.text.outEnd||"")};return myEval.call(B,"this.fn = (function("+this.text.argNames+"){"+B.out+"});\r\n//# sourceURL="+e+".js"),B}},can.view.pending=function(t){var e=can.view.getHooks();return can.view.hook(function(n){can.each(e,function(t){t(n)}),t.templateType="legacy",t.tagName&&viewCallbacks.tagHandler(n,t.tagName,t),can.each(t&&t.attrs||[],function(e){t.attributeName=e;var r=viewCallbacks.attr(e);r&&r(n,t)})})},can.view.tag("content",function(t,e){return e.scope}),can.view.Scanner=Scanner,Scanner}(__m10,__m24,__m9),__m27=function(t){var e=!0;try{document.createTextNode("")._=0}catch(n){e=!1}var r={},i={},a="ejs_"+Math.random(),s=0,o=function(t,n){var r=n||i,o=u(t,r);return o?o:e||3!==t.nodeType?(++s,t[a]=(t.nodeName?"element_":"obj_")+s):(++s,r["text_"+s]=t,"text_"+s)},u=function(t,n){if(e||3!==t.nodeType)return t[a];for(var r in n)if(n[r]===t)return r},c=[].splice,l=[].push,f=function(t){for(var e=0,n=0,r=t.length;r>n;n++){var i=t[n];i.nodeType?e++:e+=f(i)}return e},d=function(t,e){for(var n={},r=0,i=t.length;i>r;r++){var a=p.first(t[r]);n[o(a,e)]=t[r]}return n},p={id:o,update:function(e,n){var r=p.unregisterChildren(e);n=t.makeArray(n);var i=e.length;return c.apply(e,[0,i].concat(n)),e.replacements?p.nestReplacements(e):p.nestList(e),r},nestReplacements:function(t){for(var e=0,n={},r=d(t.replacements,n),i=t.replacements.length;t.length>e&&i;){var a=t[e],s=r[u(a,n)];s&&(t.splice(e,f(s),s),i--),e++}t.replacements=[]},nestList:function(t){for(var e=0;t.length>e;){var n=t[e],i=r[o(n)];i?i!==t&&t.splice(e,f(i),i):r[o(n)]=t,e++}},last:function(t){var e=t[t.length-1];return e.nodeType?e:p.last(e)},first:function(t){var e=t[0];return e.nodeType?e:p.first(e)},register:function(t,e,n){return t.unregistered=e,t.parentList=n,n===!0?t.replacements=[]:n?(n.replacements.push(t),t.replacements=[]):p.nestList(t),t},unregisterChildren:function(e){var n=[];return t.each(e,function(t){t.nodeType?(e.replacements||delete r[o(t)],n.push(t)):l.apply(n,p.unregister(t))}),n},unregister:function(t){var e=p.unregisterChildren(t);if(t.unregistered){var n=t.unregistered;delete t.unregistered,delete t.replacements,n()}return e},nodeMap:r};return t.view.nodeLists=p,p}(__m2,__m24),__m28=function(t){function e(t){for(var e={},n=t.split(","),r=0;n.length>r;r++)e[n[r]]=!0;return e}var n="-A-Za-z0-9_",r="[a-zA-Z_:]["+n+":.]*",i="\\s*=\\s*",a='"((?:\\\\.|[^"])*)"',s="'((?:\\\\.|[^'])*)'",o="(?:"+i+"(?:"+"(?:\"[^\"]*\")|(?:'[^']*')|[^>\\s]+))?",u="\\{\\{[^\\}]*\\}\\}\\}?",c="\\{\\{([^\\}]*)\\}\\}\\}?",l=RegExp("^<(["+n+"]+)"+"("+"(?:\\s*"+"(?:(?:"+"(?:"+r+")?"+o+")|"+"(?:"+u+")+)"+")*"+")\\s*(\\/?)>"),f=RegExp("^<\\/(["+n+"]+)[^>]*>"),d=RegExp("(?:(?:("+r+")|"+c+")"+"(?:"+i+"(?:"+"(?:"+a+")|(?:"+s+")|([^>\\s]+)"+")"+")?)","g"),p=RegExp(c,"g"),h=/<|\{\{/,g=e("area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed"),m=e("address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video"),v=e("a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var"),_=e("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr"),b=e("checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected"),y=e("script,style"),x=function(t,e){function n(t,n,i,a){if(n=n.toLowerCase(),m[n])for(;u.last()&&v[u.last()];)r("",u.last());_[n]&&u.last()===n&&r("",n),a=g[n]||!!a,e.start(n,a),a||u.push(n),x.parseAttrs(i,e),e.end(n,a)}function r(t,n){var r;if(n)for(r=u.length-1;r>=0&&u[r]!==n;r--);else r=0;if(r>=0){for(var i=u.length-1;i>=r;i--)e.close&&e.close(u[i]);u.length=r}}function i(t,n){e.special&&e.special(n)}var a,s,o,u=[],c=t;for(u.last=function(){return this[this.length-1]};t;){if(s=!0,u.last()&&y[u.last()])t=t.replace(RegExp("([\\s\\S]*?)</"+u.last()+"[^>]*>"),function(t,n){return n=n.replace(/<!--([\s\S]*?)-->|<!\[CDATA\[([\s\S]*?)]]>/g,"$1$2"),e.chars&&e.chars(n),""}),r("",u.last());else if(0===t.indexOf("<!--")?(a=t.indexOf("-->"),a>=0&&(e.comment&&e.comment(t.substring(4,a)),t=t.substring(a+3),s=!1)):0===t.indexOf("</")?(o=t.match(f),o&&(t=t.substring(o[0].length),o[0].replace(f,r),s=!1)):0===t.indexOf("<")?(o=t.match(l),o&&(t=t.substring(o[0].length),o[0].replace(l,n),s=!1)):0===t.indexOf("{{")&&(o=t.match(p),o&&(t=t.substring(o[0].length),o[0].replace(p,i))),s){a=t.search(h);var d=0>a?t:t.substring(0,a);t=0>a?"":t.substring(a),e.chars&&d&&e.chars(d)}if(t===c)throw"Parse Error: "+t;c=t}r(),e.done()};return x.parseAttrs=function(t,e){(null!=t?t:"").replace(d,function(t,n,r,i,a,s){if(r&&e.special(r),n||i||a||s){var o=arguments[3]?arguments[3]:arguments[4]?arguments[4]:arguments[5]?arguments[5]:b[n.toLowerCase()]?n:"";e.attrStart(n||"");for(var u,c=p.lastIndex=0,l=p.exec(o);l;)u=o.substring(c,p.lastIndex-l[0].length),u.length&&e.attrValue(u),e.special(l[1]),c=p.lastIndex,l=p.exec(o);u=o.substr(c,o.length),u&&e.attrValue(u),e.attrEnd(n||"")}})},t.view.parser=x,x}(__m10),__m26=function(t,e,n,r,i){e=e||t.view.elements,r=r||t.view.NodeLists,i=i||t.view.parser;var a=function(e,n,r){var i=!1,a=function(){return i||(i=!0,r(s),t.unbind.call(e,"removed",a)),!0},s={teardownCheck:function(t){return t?!1:a()}};return t.bind.call(e,"removed",a),n(s),s},s=function(t,e,n){return a(t,function(){e.bind("change",n)},function(t){e.unbind("change",n),t.nodeList&&r.unregister(t.nodeList)})},o=function(t){var e,n={};return i.parseAttrs(t,{attrStart:function(t){n[t]="",e=t},attrValue:function(t){n[e]+=t},attrEnd:function(){}}),n},u=[].splice,c=function(t){return t&&t.nodeType},l=function(t){t.childNodes.length||t.appendChild(document.createTextNode(""))},f={list:function(n,i,s,o,c,l){var d,p=l||[n],h=[],g=function(n,i,a){var c=document.createDocumentFragment(),f=[],d=[];t.each(i,function(e,n){var i=[];l&&r.register(i,null,!0);var u=t.compute(n+a),p=s.call(o,e,u,i),h="string"==typeof p,g=t.frag(p);g=h?t.view.hookup(g):g;var m=t.makeArray(g.childNodes);l?(r.update(i,m),f.push(i)):f.push(r.register(m)),c.appendChild(g),d.push(u)});var g=a+1;if(p[g]){var m=r.first(p[g]);t.insertBefore(m.parentNode,c,m)}else e.after(1===g?[v]:[r.last(p[g-1])],c);u.apply(p,[g,0].concat(f)),u.apply(h,[a,0].concat(d));for(var _=a+d.length,b=h.length;b>_;_++)h[_](_)},m=function(e,n,i,a,s){if(a||!y.teardownCheck(v.parentNode)){var o=p.splice(i+1,n.length),u=[];t.each(o,function(t){var e=r.unregister(t);[].push.apply(u,e)}),h.splice(i,n.length);for(var c=i,l=h.length;l>c;c++)h[c](c);s||t.remove(t.$(u))}},v=document.createTextNode(""),_=function(t){d&&d.unbind&&d.unbind("add",g).unbind("remove",m),m({},{length:p.length-1},0,!0,t)},b=function(t,e){_(),d=e||[],d.bind&&d.bind("add",g).bind("remove",m),g({},d,0)};c=e.getParentNode(n,c);var y=a(c,function(){t.isFunction(i)&&i.bind("change",b)},function(){t.isFunction(i)&&i.unbind("change",b),_(!0)});l?(e.replace(p,v),r.update(p,[v]),l.unregistered=y.teardownCheck):f.replace(p,v,y.teardownCheck),b({},t.isFunction(i)?i():i)},html:function(n,i,a,o){var u;a=e.getParentNode(n,a),u=s(a,i,function(t,e){var n=r.first(f).parentNode;n&&d(e),u.teardownCheck(r.first(f).parentNode)});var f=o||[n],d=function(n){var i=!c(n),s=t.frag(n),o=t.makeArray(f);l(s),i&&(s=t.view.hookup(s,a)),o=r.update(f,s.childNodes),e.replace(o,s)};u.nodeList=f,o?o.unregistered=u.teardownCheck:r.register(f,u.teardownCheck),d(i())},replace:function(n,i,a){var s=n.slice(0),o=t.frag(i);return r.register(n,a),"string"==typeof i&&(o=t.view.hookup(o,n[0].parentNode)),r.update(n,o.childNodes),e.replace(s,o),n},text:function(n,i,a,o){var u=e.getParentNode(n,a),c=s(u,i,function(e,n){"unknown"!=typeof l.nodeValue&&(l.nodeValue=t.view.toStr(n)),c.teardownCheck(l.parentNode)}),l=document.createTextNode(t.view.toStr(i()));o?(o.unregistered=c.teardownCheck,c.nodeList=o,r.update(o,[l]),e.replace([n],l)):c.nodeList=f.replace([n],l,c.teardownCheck)},setAttributes:function(e,n){var r=o(n);for(var i in r)t.attr.set(e,i,r[i])},attributes:function(n,r,i){var a={},u=function(r){var i,s=o(r);for(i in s){var u=s[i],c=a[i];u!==c&&t.attr.set(n,i,u),delete a[i]}for(i in a)e.removeAttr(n,i);a=s};s(n,r,function(t,e){u(e)}),arguments.length>=3?a=o(i):u(r())},attributePlaceholder:"__!!__",attributeReplace:/__!!__/g,attribute:function(n,r,i){s(n,i,function(){e.setAttr(n,r,u.render())});var a,o=t.$(n);a=t.data(o,"hooks"),a||t.data(o,"hooks",a={});var u,c=e.getAttr(n,r),l=c.split(f.attributePlaceholder),d=[];d.push(l.shift(),l.join(f.attributePlaceholder)),a[r]?a[r].computes.push(i):a[r]={render:function(){var t=0,n=c?c.replace(f.attributeReplace,function(){return e.contentText(u.computes[t++]())}):e.contentText(u.computes[t++]());return n},computes:[i],batchNum:undefined},u=a[r],d.splice(1,0,i()),e.setAttr(n,r,d.join(""))},specialAttribute:function(t,n,r){s(t,r,function(r,i){e.setAttr(t,n,p(i))}),e.setAttr(t,n,p(r()))},simpleAttribute:function(t,n,r){s(t,r,function(r,i){e.setAttr(t,n,i)}),e.setAttr(t,n,r())}};f.attr=f.simpleAttribute,f.attrs=f.attributes;var d=/(\r|\n)+/g,p=function(t){var n=/^["'].*["']$/;return t=t.replace(e.attrReg,"").replace(d,""),n.test(t)?t.substr(1,t.length-2):t};return t.view.live=f,f}(__m2,__m24,__m10,__m27,__m28),__m25=function(t,e,n){var r,i=[],a=function(t){var n=e.tagMap[t]||"span";return"span"===n?"@@!!@@":"<"+n+">"+a(n)+"</"+n+">"},s=function(e,n){if("string"==typeof e)return e;if(!e&&0!==e)return"";var r=e.hookup&&function(t,n){e.hookup.call(e,t,n)}||"function"==typeof e&&e;return r?n?"<"+n+" "+t.view.hook(r)+"></"+n+">":(i.push(r),""):""+e},o=function(e,n){return"string"==typeof e||"number"==typeof e?t.esc(e):s(e,n)},u=!1,c=function(){};return t.extend(t.view,{live:n,setupLists:function(){var e,n=t.view.lists;return t.view.lists=function(t,n){return e={list:t,renderer:n},Math.random()},function(){return t.view.lists=n,e}},getHooks:function(){var t=i.slice(0);return r=t,i=[],t},onlytxt:function(t,e){return o(e.call(t))},txt:function(l,f,d,p,h){var g,m,v,_,b=e.tagMap[f]||"span",y=!1,x=c;if(u)g=h.call(p);else{("string"==typeof d||1===d)&&(u=!0);var w=t.view.setupLists();x=function(){v.unbind("change",c)},v=t.compute(h,p,!1),v.bind("change",c),m=w(),g=v(),u=!1,y=v.hasDependencies}if(m)return x(),"<"+b+t.view.hook(function(t,e){n.list(t,m.list,m.renderer,p,e)})+"></"+b+">";if(!y||"function"==typeof g)return x(),(u||2===l||!l?s:o)(g,0===d&&b);var k=e.tagToContentPropMap[f];return 0!==d||k?1===d?(i.push(function(t){n.attributes(t,v,v()),x()}),v()):2===l?(_=d,i.push(function(t){n.specialAttribute(t,_,v),x()}),v()):(_=0===d?k:d,(0===d?r:i).push(function(t){n.attribute(t,_,v),x()}),n.attributePlaceholder):"<"+b+t.view.hook(l&&"object"!=typeof g?function(t,e){n.text(t,v,e),x()}:function(t,e){n.html(t,v,e),x()})+">"+a(b)+"</"+b+">"}}),t}(__m10,__m24,__m26,__m13),__m21=function(t){t.view.ext=".mustache";var e="scope",n="___h4sh",r="{scope:"+e+",options:options}",i="{scope:"+e+",options:options, special: true}",a=e+",options",s=/((([^'"\s]+?=)?('.*?'|".*?"))|.*?)\s/g,o=/^(('.*?'|".*?"|[0-9]+\.?[0-9]*|true|false|null|undefined)|((.+?)=(('.*?'|".*?"|[0-9]+\.?[0-9]*|true|false)|(.+))))$/,u=function(t){return'{get:"'+t.replace(/"/g,'\\"')+'"}'},c=function(t){return t&&"string"==typeof t.get},l=function(e){return e instanceof t.Map||e&&!!e._get},f=function(t){return t&&t.splice&&"number"==typeof t.length},d=function(e,n,r){var i=function(t,r){return e(t||n,r)};return function(e,a){return e===undefined||e instanceof t.view.Scope||(e=n.add(e)),a===undefined||a instanceof t.view.Options||(a=r.add(a)),i(e,a||r)}},p=function(e){if(this.constructor!==p){var n=new p(e);return function(t,e){return n.render(t,e)}}return"function"==typeof e?(this.template={fn:e},undefined):(t.extend(this,e),this.template=this.scanner.scan(this.text,this.name),undefined)};t.Mustache=window.Mustache=p,p.prototype.render=function(e,n){return e instanceof t.view.Scope||(e=new t.view.Scope(e||{})),n instanceof t.view.Options||(n=new t.view.Options(n||{})),n=n||{},this.template.fn.call(e,e,n)},t.extend(p.prototype,{scanner:new t.view.Scanner({text:{start:"",scope:e,options:",options: options",argNames:a},tokens:[["returnLeft","{{{","{{[{&]"],["commentFull","{{!}}","^[\\s\\t]*{{!.+?}}\\n"],["commentLeft","{{!","(\\n[\\s\\t]*{{!|{{!)"],["escapeFull","{{}}","(^[\\s\\t]*{{[#/^][^}]+?}}\\n|\\n[\\s\\t]*{{[#/^][^}]+?}}\\n|\\n[\\s\\t]*{{[#/^][^}]+?}}$)",function(t){return{before:/^\n.+?\n$/.test(t)?"\n":"",content:t.match(/\{\{(.+?)\}\}/)[1]||""}}],["escapeLeft","{{"],["returnRight","}}}"],["right","}}"]],helpers:[{name:/^>[\s]*\w*/,fn:function(e){var n=t.trim(e.replace(/^>\s?/,"")).replace(/["|']/g,"");return"can.Mustache.renderPartial('"+n+"',"+a+")"}},{name:/^\s*data\s/,fn:function(t){var n=t.match(/["|'](.*)["|']/)[1];return"can.proxy(function(__){can.data(can.$(__),'"+n+"', this.attr('.')); }, "+e+")"}},{name:/\s*\(([\$\w]+)\)\s*->([^\n]*)/,fn:function(t){var n=/\s*\(([\$\w]+)\)\s*->([^\n]*)/,r=t.match(n);return"can.proxy(function(__){var "+r[1]+"=can.$(__);with("+e+".attr('.')){"+r[2]+"}}, this);"}},{name:/^.*$/,fn:function(e,c){var l=!1,f={content:"",startTxt:!1,startOnlyTxt:!1,end:!1};if(e=t.trim(e),e.length&&(l=e.match(/^([#^/]|else$)/))){switch(l=l[0]){case"#":case"^":c.specialAttribute?f.startOnlyTxt=!0:(f.startTxt=!0,f.escaped=0);break;case"/":return f.end=!0,f.content+='return ___v1ew.join("");}}])',f}e=e.substring(1)}if("else"!==l){var d,p=[],h=[],g=0;f.content+="can.Mustache.txt(\n"+(c.specialAttribute?i:r)+",\n"+(l?'"'+l+'"':"null")+",",(t.trim(e)+" ").replace(s,function(t,e){g&&(d=e.match(o))?d[2]?p.push(d[0]):h.push(d[4]+":"+(d[6]?d[6]:u(d[5]))):p.push(u(e)),g++}),f.content+=p.join(","),h.length&&(f.content+=",{"+n+":{"+h.join(",")+"}}")}switch(l&&"else"!==l&&(f.content+=",[\n\n"),l){case"^":case"#":f.content+="{fn:function("+a+"){var ___v1ew = [];";break;case"else":f.content+='return ___v1ew.join("");}},\n{inverse:function('+a+"){\nvar ___v1ew = [];";break;default:f.content+=")"}return l||(f.startTxt=!0,f.end=!0),f}}]})});for(var h=t.view.Scanner.prototype.helpers,g=0;h.length>g;g++)p.prototype.scanner.helpers.unshift(h[g]);return p.txt=function(e,r,i){for(var a,s,o=e.scope,u=e.options,h=[],g={fn:function(){},inverse:function(){}},m=o.attr("."),v=!0,_=3;arguments.length>_;_++){var b=arguments[_];if(r&&t.isArray(b))g=t.extend.apply(t,[g].concat(b));else if(b&&b[n]){a=b[n];for(var y in a)c(a[y])&&(a[y]=p.get(a[y].get,e,!1,!0))}else b&&c(b)?h.push(p.get(b.get,e,!1,!0,!0)):h.push(b)}if(c(i)){var x=i.get;i=p.get(i.get,e,h.length,!1),v=x===i}if(g.fn=d(g.fn,o,u),g.inverse=d(g.inverse,o,u),"^"===r){var w=g.fn;g.fn=g.inverse,g.inverse=w}return(s=v&&"string"==typeof i&&p.getHelper(i,u)||t.isFunction(i)&&!i.isComputed&&{fn:i})?(t.extend(g,{context:m,scope:o,contexts:o,hash:a}),h.push(g),function(){return s.fn.apply(m,h)||""}):function(){var e;e=t.isFunction(i)&&i.isComputed?i():i;var n,a,s,o=h.length?h:[e],u=!0,c=[];if(r)for(n=0;o.length>n;n++)s=o[n],a=s!==undefined&&l(s),f(s)?"#"===r?u=u&&!!(a?s.attr("length"):s.length):"^"===r&&(u=u&&!(a?s.attr("length"):s.length)):u="#"===r?u&&!!s:"^"===r?u&&!s:u;if(u){if("#"===r){if(f(e)){var d=l(e);for(n=0;e.length>n;n++)c.push(g.fn(d?e.attr(""+n):e[n]));return c.join("")}return g.fn(e||{})||""}return"^"===r?g.inverse(e||{})||"":""+(null!=e?e:"")}return""}},p.get=function(e,n,r,i,a){var s=n.scope.attr("."),o=n.options||{};if(r){if(p.getHelper(e,o))return e;if(n.scope&&t.isFunction(s[e]))return s[e]}var u=n.scope.computeData(e,{isArgument:i,args:[s,n.scope]}),c=u.compute;t.compute.temporarilyBind(c);var l=u.initialValue;return a||l!==undefined&&u.scope===n.scope||!p.getHelper(e,o)?c.hasDependencies?c:l:e},p.resolve=function(e){return l(e)&&f(e)&&e.attr("length")?e:t.isFunction(e)?e():e},t.view.Options=t.view.Scope.extend({init:function(e){e.helpers||e.partials||e.tags||(e={helpers:e}),t.view.Scope.prototype.init.apply(this,arguments)}}),p._helpers={},p.registerHelper=function(t,e){this._helpers[t]={name:t,fn:e}},p.getHelper=function(t,e){var n=e.attr("helpers."+t);return n?{fn:n}:this._helpers[t]},p.render=function(e,n,r){if(!t.view.cached[e]){var i=t.__clearReading();n.attr("partial")&&(e=n.attr("partial")),t.__setReading(i)}return t.view.render(e,n,r)},p.safeString=function(t){return{toString:function(){return t}}},p.renderPartial=function(e,n,r){var i=r.attr("partials."+e);return i?i.render?i.render(n,r):i(n,r):t.Mustache.render(e,n,r)},t.each({"if":function(e,n){var r;return r=t.isFunction(e)?t.compute.truthy(e)():!!p.resolve(e),r?n.fn(n.contexts||this):n.inverse(n.contexts||this)},unless:function(e,n){return p._helpers["if"].fn.apply(this,[t.isFunction(e)?t.compute(function(){return!e()}):!e,n])},each:function(e,n){var r,i,a,s=p.resolve(e),o=[];if(t.view.lists&&(s instanceof t.List||e&&e.isComputed&&s===undefined))return t.view.lists(e,function(t,e){return n.fn(n.scope.add({"@index":e}).add(t))});if(e=s,e&&f(e)){for(a=0;e.length>a;a++)o.push(n.fn(n.scope.add({"@index":a}).add(e[a])));return o.join("")}if(l(e)){for(r=t.Map.keys(e),a=0;r.length>a;a++)i=r[a],o.push(n.fn(n.scope.add({"@key":i}).add(e[i])));return o.join("")}if(e instanceof Object){for(i in e)o.push(n.fn(n.scope.add({"@key":i}).add(e[i])));return o.join("")}},"with":function(t,e){var n=t;return t=p.resolve(t),t?e.fn(n):undefined},log:function(t,e){"undefined"!=typeof console&&console.log&&(e?console.log(t,e.context):console.log(t.context))},"@index":function(e,n){n||(n=e,e=0);var r=n.scope.attr("@index");return""+((t.isFunction(r)?r():r)+e)}},function(t,e){p.registerHelper(e,t)}),t.view.register({suffix:"mustache",contentType:"x-mustache-template",script:function(t,e){return"can.Mustache(function("+a+") { "+new p({text:e,name:t}).template.out+" })"},renderer:function(t,e){return p({text:e,name:t})}}),t.mustache.registerHelper=t.proxy(t.Mustache.registerHelper,t.Mustache),t.mustache.safeString=t.Mustache.safeString,t}(__m2,__m22,__m10,__m23,__m20,__m25),__m29=function(t){var e=function(){var t={"":!0,"true":!0,"false":!1},e=function(e){if(e&&e.getAttribute){var n=e.getAttribute("contenteditable");
-return t[n]}};return function(t){var n=e(t);return"boolean"==typeof n?n:!!e(t.parentNode)}}(),n=function(t){return"{"===t[0]&&"}"===t[t.length-1]?t.substr(1,t.length-2):t};t.view.attr("can-value",function(r,u){var c,l,f=n(r.getAttribute("can-value")),d=u.scope.computeData(f,{args:[]}).compute;return"input"===r.nodeName.toLowerCase()&&("checkbox"===r.type&&(c=t.attr.has(r,"can-true-value")?r.getAttribute("can-true-value"):!0,l=t.attr.has(r,"can-false-value")?r.getAttribute("can-false-value"):!1),"checkbox"===r.type||"radio"===r.type)?(new a(r,{value:d,trueValue:c,falseValue:l}),undefined):"select"===r.nodeName.toLowerCase()&&r.multiple?(new s(r,{value:d}),undefined):e(r)?(new o(r,{value:d}),undefined):(new i(r,{value:d}),undefined)});var r={enter:function(t,e,n){return{event:"keyup",handler:function(t){return 13===t.keyCode?n.call(this,t):undefined}}}};t.view.attr(/can-[\w\.]+/,function(e,i){var a=i.attributeName,s=a.substr("can-".length),o=function(r){var s=n(e.getAttribute(a)),o=i.scope.read(s,{returnObserveMethods:!0,isArgument:!0});return o.value.call(o.parent,i.scope._context,t.$(this),r)};if(r[s]){var u=r[s](i,e,o);o=u.handler,s=u.event}t.bind.call(e,s,o)});var i=t.Control.extend({init:function(){"SELECT"===this.element[0].nodeName.toUpperCase()?setTimeout(t.proxy(this.set,this),1):this.set()},"{value} change":"set",set:function(){if(this.element){var t=this.options.value();this.element[0].value=null==t?"":t}},change:function(){this.element&&this.options.value(this.element[0].value)}}),a=t.Control.extend({init:function(){this.isCheckbox="checkbox"===this.element[0].type.toLowerCase(),this.check()},"{value} change":"check",check:function(){if(this.isCheckbox){var e=this.options.value(),n=this.options.trueValue||!0;this.element[0].checked=e===n}else{var r=this.options.value()==this.element[0].value?"set":"remove";t.attr[r](this.element[0],"checked",!0)}},change:function(){this.isCheckbox?this.options.value(this.element[0].checked?this.options.trueValue:this.options.falseValue):this.element[0].checked&&this.options.value(this.element[0].value)}}),s=i.extend({init:function(){this.delimiter=";",this.set()},set:function(){var e=this.options.value();"string"==typeof e?(e=e.split(this.delimiter),this.isString=!0):e&&(e=t.makeArray(e));var n={};t.each(e,function(t){n[t]=!0}),t.each(this.element[0].childNodes,function(t){t.value&&(t.selected=!!n[t.value])})},get:function(){var e=[],n=this.element[0].childNodes;return t.each(n,function(t){t.selected&&t.value&&e.push(t.value)}),e},change:function(){var e=this.get(),n=this.options.value();this.isString||"string"==typeof n?(this.isString=!0,this.options.value(e.join(this.delimiter))):n instanceof t.List?n.attr(e,!0):this.options.value(e)}}),o=t.Control.extend({init:function(){this.set(),this.on("blur","setValue")},"{value} change":"set",set:function(){var t=this.options.value();this.element[0].innerHTML=t===undefined?"":t},setValue:function(){this.options.value(this.element[0].innerHTML)}})}(__m2,__m21,__m11),__m1=function(t,e){var n=/^(dataViewId|class|id)$/i,r=/\{([^\}]+)\}/g,i=t.Component=t.Construct.extend({setup:function(){if(t.Construct.setup.apply(this,arguments),t.Component){var e=this,n=this.prototype.scope;if(this.Control=a.extend(this.prototype.events),n&&("object"!=typeof n||n instanceof t.Map)?n.prototype instanceof t.Map&&(this.Map=n):this.Map=t.Map.extend(n||{}),this.attributeScopeMappings={},t.each(this.Map?this.Map.defaults:{},function(t,n){"@"===t&&(e.attributeScopeMappings[n]=n)}),this.prototype.template)if("function"==typeof this.prototype.template){var r=this.prototype.template;this.renderer=function(){return t.view.frag(r.apply(null,arguments))}}else this.renderer=t.view.mustache(this.prototype.template);t.view.tag(this.prototype.tag,function(t,n){new e(t,n)})}}},{setup:function(r,i){var a,s,o,u={},c=this,l={};if(t.each(this.constructor.attributeScopeMappings,function(e,n){u[n]=r.getAttribute(t.hyphenate(e))}),t.each(t.makeArray(r.attributes),function(o){var f=t.camelize(o.nodeName.toLowerCase()),d=o.value;if(!(c.constructor.attributeScopeMappings[f]||n.test(f)||e.attr(o.nodeName))){if("{"===d[0]&&"}"===d[d.length-1])d=d.substr(1,d.length-2);else if("legacy"!==i.templateType)return u[f]=d,undefined;var p=i.scope.computeData(d,{args:[]}),h=p.compute,g=function(t,e){a=f,s.attr(f,e),a=null};h.bind("change",g),u[f]=h(),h.hasDependencies?(t.bind.call(r,"removed",function(){h.unbind("change",g)}),l[f]=p):h.unbind("change",g)}}),this.constructor.Map)s=new this.constructor.Map(u);else if(this.scope instanceof t.Map)s=this.scope;else if(t.isFunction(this.scope)){var f=this.scope(u,i.scope,r);s=f instanceof t.Map?f:f.prototype instanceof t.Map?new f(u):new(t.Map.extend(f))(u)}var d={};t.each(l,function(t,e){d[e]=function(n,r){a!==e&&t.compute(r)},s.bind(e,d[e])}),t.bind.call(r,"removed",function(){t.each(d,function(t,e){s.unbind(e,d[e])})}),t.isEmptyObject(this.constructor.attributeScopeMappings)&&"legacy"===i.templateType||t.bind.call(r,"attributes",function(e){var i=t.camelize(e.attributeName);l[i]||n.test(i)||s.attr(i,r.getAttribute(e.attributeName))}),this.scope=s,t.data(t.$(r),"scope",this.scope);var p=i.scope.add(this.scope),h={helpers:{}};t.each(this.helpers||{},function(e,n){t.isFunction(e)&&(h.helpers[n]=function(){return e.apply(s,arguments)})}),this._control=new this.constructor.Control(r,{scope:this.scope}),this.constructor.renderer?(h.tags||(h.tags={}),h.tags.content=function g(e,n){var r=i.subtemplate||n.subtemplate;r&&(delete h.tags.content,t.view.live.replace([e],r(n.scope,n.options)),h.tags.content=g)},o=this.constructor.renderer(p,i.options.add(h))):o="legacy"===i.templateType?t.view.frag(i.subtemplate?i.subtemplate(p,i.options.add(h)):""):i.subtemplate?i.subtemplate(p,i.options.add(h)):document.createDocumentFragment(),t.appendChild(r,o)}}),a=t.Control.extend({_lookup:function(t){return[t.scope,t,window]},_action:function(e,n,i){var a,s;if(r.lastIndex=0,a=r.test(e),i||!a){if(a){s=t.compute(function(){var i,a=e.replace(r,function(e,r){var a;return"scope"===r?(i=n.scope,""):(r=r.replace(/^scope\./,""),a=t.compute.read(n.scope,r.split("."),{isArgument:!0}).value,a===undefined&&(a=t.getObject(r)),"string"==typeof a?a:(i=a,""))}),s=a.split(/\s+/g),o=s.pop();return{processor:this.processors[o]||this.processors.click,parts:[a,s.join(" "),o],delegate:i||undefined}},this);var o=function(t,n){i._bindings.control[e](i.element),i._bindings.control[e]=n.processor(n.delegate||i.element,n.parts[2],n.parts[1],e,i)};return s.bind("change",o),i._bindings.readyComputes[e]={compute:s,handler:o},s()}return t.Control._action.apply(this,arguments)}}},{setup:function(e,n){return this.scope=n.scope,t.Control.prototype.setup.call(this,e,n)},off:function(){this._bindings&&t.each(this._bindings.readyComputes||{},function(t){t.compute.unbind("change",t.handler)}),t.Control.prototype.off.apply(this,arguments),this._bindings.readyComputes={}}});return window.$&&$.fn&&($.fn.scope=function(t){return t?this.data("scope").attr(t):this.data("scope")}),t.scope=function(e,n){return e=t.$(e),n?t.data(e,"scope").attr(n):t.data(e,"scope")},i}(__m2,__m9,__m11,__m14,__m21,__m29),__m30=function(t){var e=function(e,n,r){var i=new t.Deferred;return e.then(function(){var e=t.makeArray(arguments),a=!0;try{e[0]=r.apply(n,e)}catch(s){a=!1,i.rejectWith(i,[s].concat(e))}a&&i.resolveWith(i,e)},function(){i.rejectWith(this,arguments)}),"function"==typeof e.abort&&(i.abort=function(){return e.abort()}),i},n=0,r=function(e){return t.__reading(e,e.constructor.id),e.__get(e.constructor.id)},i=function(e,n,r,i,a,s){var o={};if("string"==typeof e){var u=e.split(/\s+/);o.url=u.pop(),u.length&&(o.type=u.pop())}else t.extend(o,e);return o.data="object"!=typeof n||t.isArray(n)?n:t.extend(o.data||{},n),o.url=t.sub(o.url,o.data,!0),t.ajax(t.extend({type:r||"post",dataType:i||"json",success:a,error:s},o))},a=function(n,i,a,s,o){var u;t.isArray(n)?(u=n[1],n=n[0]):u=n.serialize(),u=[u];var c,l,f=n.constructor;return("update"===i||"destroy"===i)&&u.unshift(r(n)),l=f[i].apply(f,u),c=e(l,n,function(t){return n[o||i+"d"](t,l),n}),l.abort&&(c.abort=function(){l.abort()}),c.then(a,s),c},s={models:function(e){return function(n,r){if(t.Model._reqs++,n){if(n instanceof this.List)return n;var i=this,a=[],s=i.List||g,o=r instanceof t.List?r:new s,u=t.isArray(n),c=n instanceof g,l=u?n:c?n.serialize():t.getObject(e||"data",n);if(l===undefined)throw Error("Could not get any raw data while converting using .models");return o.length&&o.splice(0),t.each(l,function(t){a.push(i.model(t))}),o.push.apply(o,a),u||t.each(n,function(t,e){"data"!==e&&o.attr(e,t)}),setTimeout(t.proxy(this._clean,this),1),o}}},model:function(e){return function(n){if(n){"function"==typeof n.serialize&&(n=n.serialize()),this.parseModel?n=this.parseModel.apply(this,arguments):e&&(n=t.getObject(e||"data",n));var r=n[this.id],i=(r||0===r)&&this.store[r]?this.store[r].attr(n,this.removeAttr||!1):new this(n);return i}}}},o=function(e){return function(n){return e?t.getObject(e||"data",n):n}},u={parseModel:o,parseModels:o},c={create:{url:"_shortName",type:"post"},update:{data:function(e,n){n=n||{};var r=this.id;return n[r]&&n[r]!==e&&(n["new"+t.capitalize(e)]=n[r],delete n[r]),n[r]=e,n},type:"put"},destroy:{type:"delete",data:function(t,e){return e=e||{},e.id=e[this.id]=t,e}},findAll:{url:"_shortName"},findOne:{}},l=function(t,e){return function(n){return n=t.data?t.data.apply(this,arguments):n,i(e||this[t.url||"_url"],n,t.type||"get")}},f=function(t,e){if(t.resource){var n=t.resource.replace(/\/+$/,"");return"findAll"===e||"create"===e?n:n+"/{"+t.id+"}"}};t.Model=t.Map.extend({fullName:"can.Model",_reqs:0,setup:function(e,r,i,a){if("string"!=typeof r&&(a=i,i=r),a||(a=i),this.store={},t.Map.setup.apply(this,arguments),t.Model){i&&i.List?(this.List=i.List,this.List.Map=this):this.List=e.List.extend({Map:this},{});var o=this,d=t.proxy(this._clean,o);t.each(c,function(n,r){if(i&&i[r]&&("string"==typeof i[r]||"object"==typeof i[r])?o[r]=l(n,i[r]):i&&i.resource&&(o[r]=l(n,f(o,r))),o["make"+t.capitalize(r)]){var a=o["make"+t.capitalize(r)](o[r]);t.Construct._overwrite(o,e,r,function(){t.Model._reqs++;var e=a.apply(this,arguments),n=e.then(d,d);return n.abort=e.abort,n})}}),t.each(s,function(n,r){var a="parse"+t.capitalize(r),s=o[r];"string"==typeof s?(t.Construct._overwrite(o,e,a,u[a](s)),t.Construct._overwrite(o,e,r,n(s))):i&&(i[r]||i[a])||t.Construct._overwrite(o,e,a,u[a]())}),t.each(u,function(n,r){"string"==typeof o[r]&&t.Construct._overwrite(o,e,r,n(o[r]))}),"can.Model"!==o.fullName&&o.fullName||(o.fullName="Model"+ ++n),t.Model._reqs=0,this._url=this._shortName+"/{"+this.id+"}"}},_ajax:l,_makeRequest:a,_clean:function(){if(t.Model._reqs--,!t.Model._reqs)for(var e in this.store)this.store[e]._bindings||delete this.store[e];return arguments[0]},models:s.models("data"),model:s.model()},{setup:function(e){var n=e&&e[this.constructor.id];t.Model._reqs&&null!=n&&(this.constructor.store[n]=this),t.Map.prototype.setup.apply(this,arguments)},isNew:function(){var t=r(this);return!(t||0===t)},save:function(t,e){return a(this,this.isNew()?"create":"update",t,e)},destroy:function(e,n){if(this.isNew()){var r=this,i=t.Deferred();return i.then(e,n),i.done(function(t){r.destroyed(t)}).resolve(r)}return a(this,"destroy",e,n,"destroyed")},_bindsetup:function(){return this.constructor.store[this.__get(this.constructor.id)]=this,t.Map.prototype._bindsetup.apply(this,arguments)},_bindteardown:function(){return delete this.constructor.store[r(this)],t.Map.prototype._bindteardown.apply(this,arguments)},___set:function(e,n){t.Map.prototype.___set.call(this,e,n),e===this.constructor.id&&this._bindings&&(this.constructor.store[r(this)]=this)}});var d=function(e){var n="parse"+t.capitalize(e);return function(t){return this[n]&&(t=this[n].apply(this,arguments)),this[e](t)}},p=function(t){return this.parseModel?this.parseModel.apply(this,arguments):this.model(t)},h={makeFindAll:d("models"),makeFindOne:d("model"),makeCreate:p,makeUpdate:p};t.each(h,function(n,r){t.Model[r]=function(r){return function(){var i=t.makeArray(arguments),a=t.isFunction(i[1])?i.splice(0,1):i.splice(0,2),s=e(r.apply(this,a),this,n);return s.then(i[0],i[1]),s}}}),t.each(["created","updated","destroyed"],function(e){t.Model.prototype[e]=function(n){var r,i=this.constructor;r=n&&"object"==typeof n&&this.attr(n.attr?n.attr():n),t.dispatch.call(this,{type:"change",target:this},[e]),t.dispatch.call(i,e,[this])}});var g=t.Model.List=t.List.extend({_bubbleRule:function(e,n){return t.List._bubbleRule(e,n)||"destroyed"}},{setup:function(e){t.isPlainObject(e)&&!t.isArray(e)?(t.List.prototype.setup.apply(this),this.replace(t.isDeferred(e)?e:this.constructor.Map.findAll(e))):t.List.prototype.setup.apply(this,arguments),this._init=1,this.bind("destroyed",t.proxy(this._destroyed,this)),delete this._init},_destroyed:function(t,e){if(/\w+/.test(e))for(var n;(n=this.indexOf(t.target))>-1;)this.splice(n,1)}});return t.Model}(__m2,__m15,__m19),__m32=function(t){var e=/^\d+$/,n=/([^\[\]]+)|(\[\])/g,r=/([^?#]*)(#.*)?$/,i=function(t){return decodeURIComponent(t.replace(/\+/g," "))};return t.extend(t,{deparam:function(a){var s,o,u={};return a&&r.test(a)&&(s=a.split("&"),t.each(s,function(t){var r=t.split("="),a=i(r.shift()),s=i(r.join("=")),c=u;if(a){r=a.match(n);for(var l=0,f=r.length-1;f>l;l++)c[r[l]]||(c[r[l]]=e.test(r[l+1])||"[]"===r[l+1]?[]:{}),c=c[r[l]];o=r.pop(),"[]"===o?c.push(s):c[o]=s}})),u}}),t}(__m2,__m13),__m31=function(t){var e,n,r,i,a=/\:([\w\.]+)/g,s=/^(?:&[^=]+=[^&]*)+/,o=function(e){var n=[];return t.each(e,function(e,r){n.push(("className"===r?"class":r)+'="'+("href"===r?e:t.esc(e))+'"')}),n.join(" ")},u=function(t,e){var n=0,r=0,i={};for(var a in t.defaults)t.defaults[a]===e[a]&&(i[a]=1,n++);for(;t.names.length>r;r++){if(!e.hasOwnProperty(t.names[r]))return-1;i[t.names[r]]||n++}return n},c=window.location,l=function(t){return(t+"").replace(/([.?*+\^$\[\]\\(){}|\-])/g,"\\$1")},f=t.each,d=t.extend,p=function(e){return e&&"object"==typeof e?(e=e instanceof t.Map?e.attr():t.isFunction(e.slice)?e.slice():t.extend({},e),t.each(e,function(t,n){e[n]=p(t)})):e!==undefined&&null!==e&&t.isFunction(e.toString)&&(e=""+e),e},h=function(t){return t.replace(/\\/g,"")},g=function(){i=1,clearTimeout(e),e=setTimeout(function(){i=0;var e=t.route.data.serialize(),n=t.route.param(e,!0);t.route._call("setURL",n),t.batch.trigger(m,"__url",[n,r]),r=n},10)},m=t.extend({},t.event);t.route=function(e,n){var r=t.route._call("root");r.lastIndexOf("/")===r.length-1&&0===e.indexOf("/")&&(e=e.substr(1)),n=n||{};for(var i,s,o=[],u="",c=a.lastIndex=0,f=t.route._call("querySeparator"),d=t.route._call("matchSlashes");i=a.exec(e);)o.push(i[1]),u+=h(e.substring(c,a.lastIndex-i[0].length)),s="\\"+(h(e.substr(a.lastIndex,1))||f+(d?"":"|/")),u+="([^"+s+"]"+(n[i[1]]?"*":"+")+")",c=a.lastIndex;return u+=e.substr(c).replace("\\",""),t.route.routes[e]={test:RegExp("^"+u+"($|"+l(f)+")"),route:e,names:o,defaults:n,length:e.split("/").length},t.route},d(t.route,{param:function(e,n){var r,i,s=0,o=e.route,c=0;if(delete e.route,f(e,function(){c++}),f(t.route.routes,function(t){return i=u(t,e),i>s&&(r=t,s=i),i>=c?!1:undefined}),t.route.routes[o]&&u(t.route.routes[o],e)===s&&(r=t.route.routes[o]),r){var l,p=d({},e),h=r.route.replace(a,function(t,n){return delete p[n],e[n]===r.defaults[n]?"":encodeURIComponent(e[n])}).replace("\\","");return f(r.defaults,function(t,e){p[e]===t&&delete p[e]}),l=t.param(p),n&&t.route.attr("route",r.route),h+(l?t.route._call("querySeparator")+l:"")}return t.isEmptyObject(e)?"":t.route._call("querySeparator")+t.param(e)},deparam:function(e){var n=t.route._call("root");n.lastIndexOf("/")===n.length-1&&0===e.indexOf("/")&&(e=e.substr(1));var r={length:-1},i=t.route._call("querySeparator"),a=t.route._call("paramsMatcher");if(f(t.route.routes,function(t){t.test.test(e)&&t.length>r.length&&(r=t)}),r.length>-1){var s=e.match(r.test),o=s.shift(),u=e.substr(o.length-(s[s.length-1]===i?1:0)),c=u&&a.test(u)?t.deparam(u.slice(1)):{};return c=d(!0,{},r.defaults,c),f(s,function(t,e){t&&t!==i&&(c[r.names[e]]=decodeURIComponent(t))}),c.route=r.route,c}return e.charAt(0)!==i&&(e=i+e),a.test(e)?t.deparam(e.slice(1)):{}},data:new t.Map({}),map:function(e){var n;n=e.prototype instanceof t.Map?new e:e,t.route.data=n},routes:{},ready:function(e){return e!==!0&&(t.route._setup(),t.route.setState()),t.route},url:function(e,n){return n&&(e=t.extend({},t.route.deparam(t.route._call("matchingPartOfURL")),e)),t.route._call("root")+t.route.param(e)},link:function(e,n,r,i){return"<a "+o(d({href:t.route.url(n,i)},r))+">"+e+"</a>"},current:function(e){return t.__reading(m,"__url"),this._call("matchingPartOfURL")===t.route.param(e)},bindings:{hashchange:{paramsMatcher:s,querySeparator:"&",matchSlashes:!1,bind:function(){t.bind.call(window,"hashchange",v)},unbind:function(){t.unbind.call(window,"hashchange",v)},matchingPartOfURL:function(){return c.href.split(/#!?/)[1]||""},setURL:function(t){return c.hash="#!"+t,t},root:"#!"}},defaultBinding:"hashchange",currentBinding:null,_setup:function(){t.route.currentBinding||(t.route._call("bind"),t.route.bind("change",g),t.route.currentBinding=t.route.defaultBinding)},_teardown:function(){t.route.currentBinding&&(t.route._call("unbind"),t.route.unbind("change",g),t.route.currentBinding=null),clearTimeout(e),i=0},_call:function(){var e=t.makeArray(arguments),n=e.shift(),r=t.route.bindings[t.route.currentBinding||t.route.defaultBinding],i=r[n];return i.apply?i.apply(r,e):i}}),f(["bind","unbind","on","off","delegate","undelegate","removeAttr","compute","_get","__get","each"],function(e){t.route[e]=function(){return t.route.data[e]?t.route.data[e].apply(t.route.data,arguments):undefined}}),t.route.attr=function(e,n){var r,i=typeof e;return r=n===undefined?arguments:"string"!==i&&"number"!==i?[p(e),n]:[e,p(n)],t.route.data.attr.apply(t.route.data,r)};var v=t.route.setState=function(){var e=t.route._call("matchingPartOfURL"),a=n;if(n=t.route.deparam(e),!i||e!==r){t.batch.start();for(var s in a)n[s]||t.route.removeAttr(s);t.route.attr(n),t.batch.trigger(m,"__url",[e,r]),t.batch.stop()}};return t.route}(__m2,__m15,__m19,__m32),__m33=function(t){return t.Control.processors.route=function(e,n,r,i,a){r=r||"",t.route.routes[r]||("/"===r[0]&&(r=r.substring(1)),t.route(r));var s,o=function(e){if(t.route.attr("route")===r&&(e.batchNum===undefined||e.batchNum!==s)){s=e.batchNum;var n=t.route.attr();delete n.route,t.isFunction(a[i])?a[i](n):a[a[i]](n)}};return t.route.bind("change",o),function(){t.route.unbind("change",o)}},t}(__m2,__m31,__m11);window.can=__m4})();
diff --git a/js/category-gallery.js b/js/category-gallery.js
deleted file mode 100644
index d21029aa4..000000000
--- a/js/category-gallery.js
+++ /dev/null
@@ -1,9 +0,0 @@
-(function(discourseGallery){
-    'use strict';
-
-    discourseGallery.loadCategoryGallery({
-        forumUrl: window.forumUrl,
-        category: window.galleryCategory,
-        containerId: 'category-gallery'
-    });
-})(window.discourseGallery);
diff --git a/js/discourseGallery.js b/js/discourseGallery.js
deleted file mode 100644
index 167718493..000000000
--- a/js/discourseGallery.js
+++ /dev/null
@@ -1,149 +0,0 @@
-window.discourseGallery = (function($){
-    'use strict';
-
-    function getPost(forum_url, post_id, cb){
-        var url = forum_url + '/posts/' + post_id + '.json';
-        $.getJSON(url, cb);
-    }
-
-
-    function getTopic(forum_url, topic_id, cb){
-        var url = forum_url + '/t/' + topic_id + '.json';
-        $.getJSON(url, cb);
-    }
-
-
-    function getCategory(forum_url, category, cb){
-        var url = forum_url + '/c/' +  category + '/l/latest.json';
-        $.getJSON(url, cb);
-    }
-
-
-    function loadTopicGallery(config){
-        var container = $('#' + config.containerId);
-        var template = $(container.children()[0]).clone();
-        container.children().remove();
-
-        getTopic(config.forumUrl, config.topicId, function(topic){
-            topic.post_stream.stream.forEach(function(post_id){
-                getPost(config.forumUrl, post_id, function(post){
-                    console.log(post_id);
-                    var clone = template.clone();
-                    //clone.find('.title').text('Template title');
-                    clone.find('.author').text(post.name);
-                    clone.find('.post-link').attr('href', config.forumUrl + '/t/' + post.topic_id + '/' + post.post_number);
-                    clone.find('.profile-image').attr('src', config.forumUrl + post.avatar_template.replace('{size}', '45'));
-                    // replace relative links in cooked text
-                    var cooked = post.cooked.replace(/(src=['"])(\/)/, '$1' + config.forumUrl + '/')
-                    clone.find('.post-text').html(cooked);
-                    container.append(clone);
-                });
-            });
-        });
-    }
-
-    
-    function loadCategoryGallery(config){
-        /* config = {
-         *     forumUrl: 'http://example.net',
-         *     category: 'category-slug'
-         *     containerId: 'id-of-html-element-with-template
-         * }
-         * */
-        var container = $('#' + config.containerId);
-        var template = $(container.children()[0]).clone();
-        container.children().remove();
-
-        getCategory(config.forumUrl, config.category, function(category){
-            // TODO add button and callback to load more
-            var topics = category.topic_list.topics.slice(0,5);
-            topics.forEach(function(topic){
-                var url = config.forumUrl + '/t/' + topic.id + '/1.json'
-                $.getJSON(url, function(topic){
-                    //console.log(post_id);
-                    var post = topic.post_stream.posts[0];
-                    var clone = template.clone();
-                    clone.find('.title').text(topic.title);
-                    clone.find('.author').text(post.name);
-                    clone.find('.post-link').attr('href', config.forumUrl + '/t/' + post.topic_id + '/' + post.post_number);
-                    clone.find('.profile-image').attr('src', config.forumUrl + post.avatar_template.replace('{size}', '45'));
-
-                    var cooked = post.cooked.replace(/(src=['"])(\/)/, '$1' + config.forumUrl + '/')
-                    clone.find('.post-text').html(cooked);
-                    container.append(clone);
-                });
-            });
-        });
-    }
-
-    function loadTopicUserGallery(config){
-        var container = $('#' + config.containerId);
-        var template = $(container.children()[0]).clone();
-        var users = [];
-        container.children().remove();
-        function addUserTemplate(user){
-            var clone = template.clone();
-            clone.find('.author').text(user.username);
-            clone.find('.profile-image').attr('src', config.forumUrl + user.avatar_template.replace('{size}', '45'));
-            clone.find('.profile-link').attr('href', config.forumUrl + '/users/' + user.username);
-            container.append(clone);
-        }
-
-        function loadTenUsers(post_ids, cb){
-            var new_users = [];
-            function loadOneMore(){
-                //var placeholder = document.createElement('div');
-                //placeholder.innerHTML = '<i class="fa fa-cog fa-spin"></i>';
-                getPost(config.forumUrl, post_ids.pop(), function(user){
-                    if (users.indexOf(user.username) == -1){
-                        users.push(user.username);
-                        new_users.push(user.username);
-                        addUserTemplate(user);
-                    }
-                    if (new_users.length < 10){
-                        loadOneMore();
-                    }
-                    else {
-                        cb(post_ids);
-                    }
-                });
-            }
-            loadOneMore();
-        }
-
-        getTopic(config.forumUrl, config.topicId, function(topic){
-            var post_ids = topic.post_stream.stream;
-            post_ids.reverse();
-
-            function cb(remaining_ids){
-                /*$('#' + config.loadMoreId).off();
-                $('#' + config.loadMoreId).click(function(){
-                    loadTenUsers(remaining_ids, cb);
-                });
-                */
-                if (remaining_ids.length > 0){
-                    loadTenUsers(remaining_ids, cb);
-                }
-            };
-            loadTenUsers(post_ids, cb);
-
-            /*post_ids.forEach(function(post_id){
-                getPost(config.forumUrl, post_id, function(user){
-                    if (users.indexOf(user.username) == -1){
-                        users.push(user.username);
-                        addUserTemplate(user);
-                    }
-                });
-            });
-            */
-        });
-
-    }
-
-    return {
-        loadTopicGallery: loadTopicGallery,
-        loadCategoryGallery: loadCategoryGallery,
-        loadTopicUserGallery: loadTopicUserGallery
-    }
-
-})(jQuery);
diff --git a/js/discourseposters.js b/js/discourseposters.js
deleted file mode 100644
index 0bdc962b5..000000000
--- a/js/discourseposters.js
+++ /dev/null
@@ -1,10 +0,0 @@
-(function(discourseGallery){
-    'use strict';
-
-    discourseGallery.loadTopicUserGallery({
-        forumUrl: 'http://community.p2pu.org',
-        topicId: 1549,
-        containerId: 'topic-users',
-        loadMoreId: 'load-more-users'
-    });
-})(window.discourseGallery);
diff --git a/js/gh_link_helper.js b/js/gh_link_helper.js
index 3d4590f11..f74f66517 100644
--- a/js/gh_link_helper.js
+++ b/js/gh_link_helper.js
@@ -20,7 +20,7 @@ var ghLinkHelper = (function ($) {
         // update all links
         links.replaceWith(function(){
 	        var linkClass = '',
-		        linkClear = 'This is not taking me to the right place ' +
+		        linkClear = 'This is not taking me to the right place.' +
 			        '<a href="#" class="clear-ghUserName">' +
 					'Set the Github name again.' +
 					'</a>',
diff --git a/js/init.js b/js/init.js
deleted file mode 100644
index 89d912631..000000000
--- a/js/init.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/*global jQuery, window, console, can, document */
-
-
-var P2PU = window.P2PU || {};
-
-(function ($, P2PU) {
-
-	'use strict';
-
-
-	var init = function () {
-		$(function () {
-			$(".p2pu-tab").p2puSlider({
-				navbarContainer: '.navbar',
-				icon: '.p2pu-tab-icon',
-				iconUp: 'fa fa-chevron-down',
-				iconDown: 'fa fa-chevron-up'
-			});
-		});
-	};
-
-	P2PU.ciab = {};
-	P2PU.ciab.init = init;
-
-}(jQuery, P2PU));
\ No newline at end of file
diff --git a/js/jquery.dropotron.min.js b/js/jquery.dropotron.min.js
deleted file mode 100644
index 98bd02355..000000000
--- a/js/jquery.dropotron.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/* jquery.dropotron.js v1.4.2 | (c) n33 | n33.co | MIT licensed */
-(function(e){var t="openerActiveClass",n="left",r="doCollapseAll",i="position",s="trigger",o="disableSelection_dropotron",u="addClass",a="doCollapse",f=!1,l="outerWidth",c="removeClass",h="preventDefault",p="dropotron",d="clearTimeout",v="length",m="right",g="speed",y=!0,b="parent",w="none",E="stopPropagation",S=":visible",x="absolute",T="click",N="doExpand",C="css",k="center",L="toggle",A="baseZIndex",O="offsetX",M="alignment",_="children",D="submenuClassPrefix",P="doToggle",H="hover",B="ul",j="relative",F="opacity",I="z-index",q="opener",R="find",U="px",z=null,W="fadeTo",X="offset";e.fn[o]=function(){return e(this)[C]("user-select",w)[C]("-khtml-user-select",w)[C]("-moz-user-select",w)[C]("-o-user-select",w)[C]("-webkit-user-select",w)},e.fn[p]=function(t){var n;if(this[v]>1)for(n=0;n<this[v];n++)e(this[n])[p](t);return e[p](e.extend({selectorParent:e(this)},t))},e[p]=function(w){var et=e.extend({selectorParent:z,baseZIndex:1e3,menuClass:p,expandMode:H,hoverDelay:150,hideDelay:250,openerClass:q,openerActiveClass:"active",submenuClassPrefix:"level-",mode:"fade",speed:"fast",easing:"swing",alignment:n,offsetX:0,offsetY:0,globalOffsetY:0,IEOffsetX:0,IEOffsetY:0,noOpenerFade:y,detach:y,cloneOnDetach:y},w),tt=et.selectorParent,nt=tt[R](B),rt=e("body"),it=e(window),st=f,ot=z,ut=z;tt.on(r,function(){nt[s](a)}),nt.each(function(){var r=e(this),p=r[b]();et.hideDelay>0&&r.add(p).on("mouseleave",function(){window[d](ut),ut=window.setTimeout(function(){r[s](a)},et.hideDelay)}),r[o]().hide()[u](et.menuClass)[C](i,x).on("mouseenter",function(){window[d](ut)}).on(N,function(){var o,h,v,w,E,T,N,_,D,P,H;if(r.is(S))return f;window[d](ut),nt.each(function(){var t=e(this);e.contains(t.get(0),p.get(0))||t[s](a)}),o=p[X](),h=p[i](),v=p[b]()[i](),w=p[l](),E=r[l](),T=r[C](I)==et[A];if(T){et.detach?N=o:N=h,P=N.top+p.outerHeight()+et.globalOffsetY,_=et[M],r[c](n)[c](m)[c](k);switch(et[M]){case m:D=N[n]-E+w,D<0&&(D=N[n],_=n);break;case k:D=N[n]-Math.floor((E-w)/2),D<0?(D=N[n],_=n):D+E>it.width()&&(D=N[n]-E+w,_=m);break;case n:default:D=N[n],D+E>it.width()&&(D=N[n]-E+w,_=m)}r[u](_)}else{p[C](i)==j||p[C](i)==x?(P=et.offsetY,D=-1*h[n]):(P=h.top+et.offsetY,D=0);switch(et[M]){case m:D+=-1*p[b]()[l]()+et[O];break;case k:case n:default:D+=p[b]()[l]()+et[O]}}navigator.userAgent.match(/MSIE ([0-9]+)\./)&&RegExp.$1<8&&(D+=et.IEOffsetX,P+=et.IEOffsetY),r[C](n,D+U)[C]("top",P+U),r[C](F,"0.01").show(),H=f,p[C](i)==j||p[C](i)==x?D=-1*h[n]:D=0,r[X]()[n]<0?(D+=p[b]()[l]()-et[O],H=y):r[X]()[n]+E>it.width()&&(D+=-1*p[b]()[l]()-et[O],H=y),H&&r[C](n,D+U),r.hide()[C](F,"1");switch(et.mode){case"zoom":st=y,p[u](et[t]),r.animate({width:L,height:L},et[g],et.easing,function(){st=f});break;case"slide":st=y,p[u](et[t]),r.animate({height:L},et[g],et.easing,function(){st=f});break;case"fade":st=y,T&&!et.noOpenerFade?(et[g]=="slow"?H=80:et[g]=="fast"?H=40:H=Math.floor(et[g]/2),p[W](H,.01,function(){p[u](et[t]),p[W](et[g],1),r.fadeIn(et[g],function(){st=f})})):(p[u](et[t]),p[W](et[g],1),r.fadeIn(et[g],function(){st=f}));break;case"instant":default:p[u](et[t]),r.show()}return f}).on(a,function(){return r.is(S)?(r.hide(),p[c](et[t]),r[R]("."+et[t])[c](et[t]),r[R](B).hide(),f):f}).on(P,function(){return r.is(S)?r[s](a):r[s](N),f}),p[o]()[u](q)[C]("cursor","pointer").on(T,function(e){if(st)return;e[h](),e[E](),r[s](P)}),et.expandMode==H&&p[H](function(){if(st)return;ot=window.setTimeout(function(){r[s](N)},et.hoverDelay)},function(){window[d](ot)})}),nt[R]("a")[C]("display","block").on(T,function(t){if(st)return;e(this).attr("href")[v]<1&&t[h]()}),tt[R]("li")[C]("white-space","nowrap").each(function(){var t=e(this),n=t[_]("a"),i=t[_](B);n.on(T,function(t){e(this).attr("href")[v]<1?t[h]():t[E]()}),n[v]>0&&i[v]==0&&t.on(T,function(e){if(st)return;tt[s](r),e[E]()})}),tt[_]("li").each(function(){var t,n,r,i,s=e(this),o=s[_](B);if(o[v]>0){et.detach&&(et.cloneOnDetach&&(t=o.clone(),t.attr("class","").hide().appendTo(o[b]())),o.detach().appendTo(rt));for(n=et[A],r=1,i=o;i[v]>0;r++)i[C](I,n++),et[D]&&i[u](et[D]+(n-1-et[A])),i=i[R]("> li > ul")}}),it.on("scroll",function(){tt[s](r)}).on("keypress",function(e){!st&&e.keyCode==27&&(e[h](),tt[s](r))}),rt.on(T,function(){st||tt[s](r)})}})(jQuery);
\ No newline at end of file
diff --git a/js/jquery.min.js b/js/jquery.min.js
deleted file mode 100644
index 73f33fb3a..000000000
--- a/js/jquery.min.js
+++ /dev/null
@@ -1,4 +0,0 @@
-/*! jQuery v1.11.0 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
-!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k="".trim,l={},m="1.11.0",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(n.isPlainObject(c)||(b=n.isArray(c)))?(b?(b=!1,f=a&&n.isArray(a)?a:[]):f=a&&n.isPlainObject(a)?a:{},g[d]=n.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray||function(a){return"array"===n.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return a-parseFloat(a)>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(l.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&n.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:k&&!k.call("\ufeff\xa0")?function(a){return null==a?"":k.call(a)}:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),n.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||n.guid++,e):void 0},now:function(){return+new Date},support:l}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s="sizzle"+-new Date,t=a.document,u=0,v=0,w=eb(),x=eb(),y=eb(),z=function(a,b){return a===b&&(j=!0),0},A="undefined",B=1<<31,C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=D.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},J="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",K="[\\x20\\t\\r\\n\\f]",L="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",M=L.replace("w","w#"),N="\\["+K+"*("+L+")"+K+"*(?:([*^$|!~]?=)"+K+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+M+")|)|)"+K+"*\\]",O=":("+L+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+N.replace(3,8)+")*)|.*)\\)|)",P=new RegExp("^"+K+"+|((?:^|[^\\\\])(?:\\\\.)*)"+K+"+$","g"),Q=new RegExp("^"+K+"*,"+K+"*"),R=new RegExp("^"+K+"*([>+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(O),U=new RegExp("^"+M+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L.replace("w","w*")+")"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+K+"*((?:-\\d)?\\d*)"+K+"*\\)|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=/'|\\/g,ab=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),bb=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)};try{G.apply(D=H.call(t.childNodes),t.childNodes),D[t.childNodes.length].nodeType}catch(cb){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function db(a,b,d,e){var f,g,h,i,j,m,p,q,u,v;if((b?b.ownerDocument||b:t)!==l&&k(b),b=b||l,d=d||[],!a||"string"!=typeof a)return d;if(1!==(i=b.nodeType)&&9!==i)return[];if(n&&!e){if(f=Z.exec(a))if(h=f[1]){if(9===i){if(g=b.getElementById(h),!g||!g.parentNode)return d;if(g.id===h)return d.push(g),d}else if(b.ownerDocument&&(g=b.ownerDocument.getElementById(h))&&r(b,g)&&g.id===h)return d.push(g),d}else{if(f[2])return G.apply(d,b.getElementsByTagName(a)),d;if((h=f[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(h)),d}if(c.qsa&&(!o||!o.test(a))){if(q=p=s,u=b,v=9===i&&a,1===i&&"object"!==b.nodeName.toLowerCase()){m=ob(a),(p=b.getAttribute("id"))?q=p.replace(_,"\\$&"):b.setAttribute("id",q),q="[id='"+q+"'] ",j=m.length;while(j--)m[j]=q+pb(m[j]);u=$.test(a)&&mb(b.parentNode)||b,v=m.join(",")}if(v)try{return G.apply(d,u.querySelectorAll(v)),d}catch(w){}finally{p||b.removeAttribute("id")}}}return xb(a.replace(P,"$1"),b,d,e)}function eb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function fb(a){return a[s]=!0,a}function gb(a){var b=l.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function hb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function ib(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||B)-(~a.sourceIndex||B);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function jb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function kb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function lb(a){return fb(function(b){return b=+b,fb(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function mb(a){return a&&typeof a.getElementsByTagName!==A&&a}c=db.support={},f=db.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},k=db.setDocument=function(a){var b,e=a?a.ownerDocument||a:t,g=e.defaultView;return e!==l&&9===e.nodeType&&e.documentElement?(l=e,m=e.documentElement,n=!f(e),g&&g!==g.top&&(g.addEventListener?g.addEventListener("unload",function(){k()},!1):g.attachEvent&&g.attachEvent("onunload",function(){k()})),c.attributes=gb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=gb(function(a){return a.appendChild(e.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(e.getElementsByClassName)&&gb(function(a){return a.innerHTML="<div class='a'></div><div class='a i'></div>",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),c.getById=gb(function(a){return m.appendChild(a).id=s,!e.getElementsByName||!e.getElementsByName(s).length}),c.getById?(d.find.ID=function(a,b){if(typeof b.getElementById!==A&&n){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ab,bb);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ab,bb);return function(a){var c=typeof a.getAttributeNode!==A&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==A?b.getElementsByTagName(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return typeof b.getElementsByClassName!==A&&n?b.getElementsByClassName(a):void 0},p=[],o=[],(c.qsa=Y.test(e.querySelectorAll))&&(gb(function(a){a.innerHTML="<select t=''><option selected=''></option></select>",a.querySelectorAll("[t^='']").length&&o.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||o.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll(":checked").length||o.push(":checked")}),gb(function(a){var b=e.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&o.push("name"+K+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||o.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),o.push(",.*:")})),(c.matchesSelector=Y.test(q=m.webkitMatchesSelector||m.mozMatchesSelector||m.oMatchesSelector||m.msMatchesSelector))&&gb(function(a){c.disconnectedMatch=q.call(a,"div"),q.call(a,"[s!='']:x"),p.push("!=",O)}),o=o.length&&new RegExp(o.join("|")),p=p.length&&new RegExp(p.join("|")),b=Y.test(m.compareDocumentPosition),r=b||Y.test(m.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},z=b?function(a,b){if(a===b)return j=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===e||a.ownerDocument===t&&r(t,a)?-1:b===e||b.ownerDocument===t&&r(t,b)?1:i?I.call(i,a)-I.call(i,b):0:4&d?-1:1)}:function(a,b){if(a===b)return j=!0,0;var c,d=0,f=a.parentNode,g=b.parentNode,h=[a],k=[b];if(!f||!g)return a===e?-1:b===e?1:f?-1:g?1:i?I.call(i,a)-I.call(i,b):0;if(f===g)return ib(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)k.unshift(c);while(h[d]===k[d])d++;return d?ib(h[d],k[d]):h[d]===t?-1:k[d]===t?1:0},e):l},db.matches=function(a,b){return db(a,null,null,b)},db.matchesSelector=function(a,b){if((a.ownerDocument||a)!==l&&k(a),b=b.replace(S,"='$1']"),!(!c.matchesSelector||!n||p&&p.test(b)||o&&o.test(b)))try{var d=q.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return db(b,l,null,[a]).length>0},db.contains=function(a,b){return(a.ownerDocument||a)!==l&&k(a),r(a,b)},db.attr=function(a,b){(a.ownerDocument||a)!==l&&k(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!n):void 0;return void 0!==f?f:c.attributes||!n?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},db.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},db.uniqueSort=function(a){var b,d=[],e=0,f=0;if(j=!c.detectDuplicates,i=!c.sortStable&&a.slice(0),a.sort(z),j){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return i=null,a},e=db.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=db.selectors={cacheLength:50,createPseudo:fb,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ab,bb),a[3]=(a[4]||a[5]||"").replace(ab,bb),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||db.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&db.error(a[0]),a},PSEUDO:function(a){var b,c=!a[5]&&a[2];return V.CHILD.test(a[0])?null:(a[3]&&void 0!==a[4]?a[2]=a[4]:c&&T.test(c)&&(b=ob(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ab,bb).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=w[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&w(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==A&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=db.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),t=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&t){k=q[s]||(q[s]={}),j=k[a]||[],n=j[0]===u&&j[1],m=j[0]===u&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[u,n,m];break}}else if(t&&(j=(b[s]||(b[s]={}))[a])&&j[0]===u)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(t&&((l[s]||(l[s]={}))[a]=[u,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||db.error("unsupported pseudo: "+a);return e[s]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?fb(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I.call(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:fb(function(a){var b=[],c=[],d=g(a.replace(P,"$1"));return d[s]?fb(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:fb(function(a){return function(b){return db(a,b).length>0}}),contains:fb(function(a){return function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:fb(function(a){return U.test(a||"")||db.error("unsupported lang: "+a),a=a.replace(ab,bb).toLowerCase(),function(b){var c;do if(c=n?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===m},focus:function(a){return a===l.activeElement&&(!l.hasFocus||l.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return X.test(a.nodeName)},input:function(a){return W.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:lb(function(){return[0]}),last:lb(function(a,b){return[b-1]}),eq:lb(function(a,b,c){return[0>c?c+b:c]}),even:lb(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:lb(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:lb(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:lb(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=jb(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=kb(b);function nb(){}nb.prototype=d.filters=d.pseudos,d.setFilters=new nb;function ob(a,b){var c,e,f,g,h,i,j,k=x[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=Q.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=R.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(P," ")}),h=h.slice(c.length));for(g in d.filter)!(e=V[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?db.error(a):x(a,i).slice(0)}function pb(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function qb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=v++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[u,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[s]||(b[s]={}),(h=i[d])&&h[0]===u&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function rb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function sb(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function tb(a,b,c,d,e,f){return d&&!d[s]&&(d=tb(d)),e&&!e[s]&&(e=tb(e,f)),fb(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||wb(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:sb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=sb(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?I.call(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=sb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ub(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],i=g||d.relative[" "],j=g?1:0,k=qb(function(a){return a===b},i,!0),l=qb(function(a){return I.call(b,a)>-1},i,!0),m=[function(a,c,d){return!g&&(d||c!==h)||((b=c).nodeType?k(a,c,d):l(a,c,d))}];f>j;j++)if(c=d.relative[a[j].type])m=[qb(rb(m),c)];else{if(c=d.filter[a[j].type].apply(null,a[j].matches),c[s]){for(e=++j;f>e;e++)if(d.relative[a[e].type])break;return tb(j>1&&rb(m),j>1&&pb(a.slice(0,j-1).concat({value:" "===a[j-2].type?"*":""})).replace(P,"$1"),c,e>j&&ub(a.slice(j,e)),f>e&&ub(a=a.slice(e)),f>e&&pb(a))}m.push(c)}return rb(m)}function vb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,i,j,k){var m,n,o,p=0,q="0",r=f&&[],s=[],t=h,v=f||e&&d.find.TAG("*",k),w=u+=null==t?1:Math.random()||.1,x=v.length;for(k&&(h=g!==l&&g);q!==x&&null!=(m=v[q]);q++){if(e&&m){n=0;while(o=a[n++])if(o(m,g,i)){j.push(m);break}k&&(u=w)}c&&((m=!o&&m)&&p--,f&&r.push(m))}if(p+=q,c&&q!==p){n=0;while(o=b[n++])o(r,s,g,i);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=E.call(j));s=sb(s)}G.apply(j,s),k&&!f&&s.length>0&&p+b.length>1&&db.uniqueSort(j)}return k&&(u=w,h=t),r};return c?fb(f):f}g=db.compile=function(a,b){var c,d=[],e=[],f=y[a+" "];if(!f){b||(b=ob(a)),c=b.length;while(c--)f=ub(b[c]),f[s]?d.push(f):e.push(f);f=y(a,vb(e,d))}return f};function wb(a,b,c){for(var d=0,e=b.length;e>d;d++)db(a,b[d],c);return c}function xb(a,b,e,f){var h,i,j,k,l,m=ob(a);if(!f&&1===m.length){if(i=m[0]=m[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&c.getById&&9===b.nodeType&&n&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(ab,bb),b)||[])[0],!b)return e;a=a.slice(i.shift().value.length)}h=V.needsContext.test(a)?0:i.length;while(h--){if(j=i[h],d.relative[k=j.type])break;if((l=d.find[k])&&(f=l(j.matches[0].replace(ab,bb),$.test(i[0].type)&&mb(b.parentNode)||b))){if(i.splice(h,1),a=f.length&&pb(i),!a)return G.apply(e,f),e;break}}}return g(a,m)(f,b,!n,e,$.test(a)&&mb(b.parentNode)||b),e}return c.sortStable=s.split("").sort(z).join("")===s,c.detectDuplicates=!!j,k(),c.sortDetached=gb(function(a){return 1&a.compareDocumentPosition(l.createElement("div"))}),gb(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||hb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&gb(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||hb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),gb(function(a){return null==a.getAttribute("disabled")})||hb(J,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),db}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return n.inArray(a,b)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;e>b;b++)if(n.contains(d[b],this))return!0}));for(b=0;e>b;b++)n.find(a,d[b],c);return c=this.pushStack(e>1?n.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=a.document,A=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,B=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:A.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:z,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=z.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return y.find(a);this.length=1,this[0]=d}return this.context=z,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};B.prototype=n.fn,y=n(z);var C=/^(?:parents|prev(?:Until|All))/,D={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!n(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b,c=n(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(n.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?n.inArray(this[0],n(a)):n.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function E(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return E(a,"nextSibling")},prev:function(a){return E(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return n.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(D[a]||(e=n.unique(e)),C.test(a)&&(e=e.reverse())),this.pushStack(e)}});var F=/\S+/g,G={};function H(a){var b=G[a]={};return n.each(a.match(F)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?G[a]||H(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&n.each(arguments,function(a,c){var d;while((d=n.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){if(a===!0?!--n.readyWait:!n.isReady){if(!z.body)return setTimeout(n.ready);n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(z,[n]),n.fn.trigger&&n(z).trigger("ready").off("ready"))}}});function J(){z.addEventListener?(z.removeEventListener("DOMContentLoaded",K,!1),a.removeEventListener("load",K,!1)):(z.detachEvent("onreadystatechange",K),a.detachEvent("onload",K))}function K(){(z.addEventListener||"load"===event.type||"complete"===z.readyState)&&(J(),n.ready())}n.ready.promise=function(b){if(!I)if(I=n.Deferred(),"complete"===z.readyState)setTimeout(n.ready);else if(z.addEventListener)z.addEventListener("DOMContentLoaded",K,!1),a.addEventListener("load",K,!1);else{z.attachEvent("onreadystatechange",K),a.attachEvent("onload",K);var c=!1;try{c=null==a.frameElement&&z.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!n.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}J(),n.ready()}}()}return I.promise(b)};var L="undefined",M;for(M in n(l))break;l.ownLast="0"!==M,l.inlineBlockNeedsLayout=!1,n(function(){var a,b,c=z.getElementsByTagName("body")[0];c&&(a=z.createElement("div"),a.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",b=z.createElement("div"),c.appendChild(a).appendChild(b),typeof b.style.zoom!==L&&(b.style.cssText="border:0;margin:0;width:1px;padding:1px;display:inline;zoom:1",(l.inlineBlockNeedsLayout=3===b.offsetWidth)&&(c.style.zoom=1)),c.removeChild(a),a=b=null)}),function(){var a=z.createElement("div");if(null==l.deleteExpando){l.deleteExpando=!0;try{delete a.test}catch(b){l.deleteExpando=!1}}a=null}(),n.acceptData=function(a){var b=n.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(O,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}n.data(a,b,c)}else c=void 0}return c}function Q(a){var b;for(b in a)if(("data"!==b||!n.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function R(a,b,d,e){if(n.acceptData(a)){var f,g,h=n.expando,i=a.nodeType,j=i?n.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||n.guid++:h),j[k]||(j[k]=i?{}:{toJSON:n.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=n.extend(j[k],b):j[k].data=n.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[n.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[n.camelCase(b)])):f=g,f
-}}function S(a,b,c){if(n.acceptData(a)){var d,e,f=a.nodeType,g=f?n.cache:a,h=f?a[n.expando]:n.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){n.isArray(b)?b=b.concat(n.map(b,n.camelCase)):b in d?b=[b]:(b=n.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!Q(d):!n.isEmptyObject(d))return}(c||(delete g[h].data,Q(g[h])))&&(f?n.cleanData([a],!0):l.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}n.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?n.cache[a[n.expando]]:a[n.expando],!!a&&!Q(a)},data:function(a,b,c){return R(a,b,c)},removeData:function(a,b){return S(a,b)},_data:function(a,b,c){return R(a,b,c,!0)},_removeData:function(a,b){return S(a,b,!0)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=n.data(f),1===f.nodeType&&!n._data(f,"parsedAttrs"))){c=g.length;while(c--)d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d]));n._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){n.data(this,a)}):arguments.length>1?this.each(function(){n.data(this,a,b)}):f?P(f,a,n.data(f,a)):void 0},removeData:function(a){return this.each(function(){n.removeData(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=n._data(a,b),c&&(!d||n.isArray(c)?d=n._data(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return n._data(a,c)||n._data(a,c,{empty:n.Callbacks("once memory").add(function(){n._removeData(a,b+"queue"),n._removeData(a,c)})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?n.queue(this[0],a):void 0===b?this:this.each(function(){var c=n.queue(this,a,b);n._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&n.dequeue(this,a)})},dequeue:function(a){return this.each(function(){n.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=n.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=n._data(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var T=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,U=["Top","Right","Bottom","Left"],V=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)},W=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},X=/^(?:checkbox|radio)$/i;!function(){var a=z.createDocumentFragment(),b=z.createElement("div"),c=z.createElement("input");if(b.setAttribute("className","t"),b.innerHTML="  <link/><table></table><a href='/a'>a</a>",l.leadingWhitespace=3===b.firstChild.nodeType,l.tbody=!b.getElementsByTagName("tbody").length,l.htmlSerialize=!!b.getElementsByTagName("link").length,l.html5Clone="<:nav></:nav>"!==z.createElement("nav").cloneNode(!0).outerHTML,c.type="checkbox",c.checked=!0,a.appendChild(c),l.appendChecked=c.checked,b.innerHTML="<textarea>x</textarea>",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,a.appendChild(b),b.innerHTML="<input type='radio' checked='checked' name='t'/>",l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,l.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){l.noCloneEvent=!1}),b.cloneNode(!0).click()),null==l.deleteExpando){l.deleteExpando=!0;try{delete b.test}catch(d){l.deleteExpando=!1}}a=b=c=null}(),function(){var b,c,d=z.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(l[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),l[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var Y=/^(?:input|select|textarea)$/i,Z=/^key/,$=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,ab=/^([^.]*)(?:\.(.+)|)$/;function bb(){return!0}function cb(){return!1}function db(){try{return z.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=n._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=n.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof n===L||a&&n.event.triggered===a.type?void 0:n.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(F)||[""],h=b.length;while(h--)f=ab.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=n.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=n.event.special[o]||{},l=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},i),(m=g[o])||(m=g[o]=[],m.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,l):m.push(l),n.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=n.hasData(a)&&n._data(a);if(r&&(k=r.events)){b=(b||"").match(F)||[""],j=b.length;while(j--)if(h=ab.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=m.length;while(f--)g=m[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(m.splice(f,1),g.selector&&m.delegateCount--,l.remove&&l.remove.call(a,g));i&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(k)&&(delete r.handle,n._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,m,o=[d||z],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||z,3!==d.nodeType&&8!==d.nodeType&&!_.test(p+n.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[n.expando]?b:new n.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),k=n.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!n.isWindow(d)){for(i=k.delegateType||p,_.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||z)&&o.push(l.defaultView||l.parentWindow||a)}m=0;while((h=o[m++])&&!b.isPropagationStopped())b.type=m>1?i:k.bindType||p,f=(n._data(h,"events")||{})[b.type]&&n._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&n.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&n.acceptData(d)&&g&&d[p]&&!n.isWindow(d)){l=d[g],l&&(d[g]=null),n.event.triggered=p;try{d[p]()}catch(r){}n.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(n._data(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((n.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?n(c,this).index(i)>=0:n.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},fix:function(a){if(a[n.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];g||(this.fixHooks[e]=g=$.test(e)?this.mouseHooks:Z.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new n.Event(f),b=d.length;while(b--)c=d[b],a[c]=f[c];return a.target||(a.target=f.srcElement||z),3===a.target.nodeType&&(a.target=a.target.parentNode),a.metaKey=!!a.metaKey,g.filter?g.filter(a,f):a},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button,g=b.fromElement;return null==a.pageX&&null!=b.clientX&&(d=a.target.ownerDocument||z,e=d.documentElement,c=d.body,a.pageX=b.clientX+(e&&e.scrollLeft||c&&c.scrollLeft||0)-(e&&e.clientLeft||c&&c.clientLeft||0),a.pageY=b.clientY+(e&&e.scrollTop||c&&c.scrollTop||0)-(e&&e.clientTop||c&&c.clientTop||0)),!a.relatedTarget&&g&&(a.relatedTarget=g===a.target?b.toElement:g),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==db()&&this.focus)try{return this.focus(),!1}catch(a){}},delegateType:"focusin"},blur:{trigger:function(){return this===db()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return n.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=n.extend(new n.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?n.event.trigger(e,null,b):n.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},n.removeEvent=z.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){var d="on"+b;a.detachEvent&&(typeof a[d]===L&&(a[d]=null),a.detachEvent(d,c))},n.Event=function(a,b){return this instanceof n.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&(a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault())?bb:cb):this.type=a,b&&n.extend(this,b),this.timeStamp=a&&a.timeStamp||n.now(),void(this[n.expando]=!0)):new n.Event(a,b)},n.Event.prototype={isDefaultPrevented:cb,isPropagationStopped:cb,isImmediatePropagationStopped:cb,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=bb,a&&(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=bb,a&&(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=bb,this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){n.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!n.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),l.submitBubbles||(n.event.special.submit={setup:function(){return n.nodeName(this,"form")?!1:void n.event.add(this,"click._submit keypress._submit",function(a){var b=a.target,c=n.nodeName(b,"input")||n.nodeName(b,"button")?b.form:void 0;c&&!n._data(c,"submitBubbles")&&(n.event.add(c,"submit._submit",function(a){a._submit_bubble=!0}),n._data(c,"submitBubbles",!0))})},postDispatch:function(a){a._submit_bubble&&(delete a._submit_bubble,this.parentNode&&!a.isTrigger&&n.event.simulate("submit",this.parentNode,a,!0))},teardown:function(){return n.nodeName(this,"form")?!1:void n.event.remove(this,"._submit")}}),l.changeBubbles||(n.event.special.change={setup:function(){return Y.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(n.event.add(this,"propertychange._change",function(a){"checked"===a.originalEvent.propertyName&&(this._just_changed=!0)}),n.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1),n.event.simulate("change",this,a,!0)})),!1):void n.event.add(this,"beforeactivate._change",function(a){var b=a.target;Y.test(b.nodeName)&&!n._data(b,"changeBubbles")&&(n.event.add(b,"change._change",function(a){!this.parentNode||a.isSimulated||a.isTrigger||n.event.simulate("change",this.parentNode,a,!0)}),n._data(b,"changeBubbles",!0))})},handle:function(a){var b=a.target;return this!==b||a.isSimulated||a.isTrigger||"radio"!==b.type&&"checkbox"!==b.type?a.handleObj.handler.apply(this,arguments):void 0},teardown:function(){return n.event.remove(this,"._change"),!Y.test(this.nodeName)}}),l.focusinBubbles||n.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){n.event.simulate(b,a.target,n.event.fix(a),!0)};n.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=n._data(d,b);e||d.addEventListener(a,c,!0),n._data(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=n._data(d,b)-1;e?n._data(d,b,e):(d.removeEventListener(a,c,!0),n._removeData(d,b))}}}),n.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(f in a)this.on(f,b,c,a[f],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=cb;else if(!d)return this;return 1===e&&(g=d,d=function(a){return n().off(a),g.apply(this,arguments)},d.guid=g.guid||(g.guid=n.guid++)),this.each(function(){n.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,n(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=cb),this.each(function(){n.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){n.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?n.event.trigger(a,b,c,!0):void 0}});function eb(a){var b=fb.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}var fb="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gb=/ jQuery\d+="(?:null|\d+)"/g,hb=new RegExp("<(?:"+fb+")[\\s/>]","i"),ib=/^\s+/,jb=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,kb=/<([\w:]+)/,lb=/<tbody/i,mb=/<|&#?\w+;/,nb=/<(?:script|style|link)/i,ob=/checked\s*(?:[^=]|=\s*.checked.)/i,pb=/^$|\/(?:java|ecma)script/i,qb=/^true\/(.*)/,rb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,sb={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:l.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},tb=eb(z),ub=tb.appendChild(z.createElement("div"));sb.optgroup=sb.option,sb.tbody=sb.tfoot=sb.colgroup=sb.caption=sb.thead,sb.th=sb.td;function vb(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==L?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==L?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||n.nodeName(d,b)?f.push(d):n.merge(f,vb(d,b));return void 0===b||b&&n.nodeName(a,b)?n.merge([a],f):f}function wb(a){X.test(a.type)&&(a.defaultChecked=a.checked)}function xb(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function yb(a){return a.type=(null!==n.find.attr(a,"type"))+"/"+a.type,a}function zb(a){var b=qb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Ab(a,b){for(var c,d=0;null!=(c=a[d]);d++)n._data(c,"globalEval",!b||n._data(b[d],"globalEval"))}function Bb(a,b){if(1===b.nodeType&&n.hasData(a)){var c,d,e,f=n._data(a),g=n._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)n.event.add(b,c,h[c][d])}g.data&&(g.data=n.extend({},g.data))}}function Cb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!l.noCloneEvent&&b[n.expando]){e=n._data(b);for(d in e.events)n.removeEvent(b,d,e.handle);b.removeAttribute(n.expando)}"script"===c&&b.text!==a.text?(yb(b).text=a.text,zb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),l.html5Clone&&a.innerHTML&&!n.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&X.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}n.extend({clone:function(a,b,c){var d,e,f,g,h,i=n.contains(a.ownerDocument,a);if(l.html5Clone||n.isXMLDoc(a)||!hb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ub.innerHTML=a.outerHTML,ub.removeChild(f=ub.firstChild)),!(l.noCloneEvent&&l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(d=vb(f),h=vb(a),g=0;null!=(e=h[g]);++g)d[g]&&Cb(e,d[g]);if(b)if(c)for(h=h||vb(a),d=d||vb(f),g=0;null!=(e=h[g]);g++)Bb(e,d[g]);else Bb(a,f);return d=vb(f,"script"),d.length>0&&Ab(d,!i&&vb(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k,m=a.length,o=eb(b),p=[],q=0;m>q;q++)if(f=a[q],f||0===f)if("object"===n.type(f))n.merge(p,f.nodeType?[f]:f);else if(mb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(kb.exec(f)||["",""])[1].toLowerCase(),k=sb[i]||sb._default,h.innerHTML=k[1]+f.replace(jb,"<$1></$2>")+k[2],e=k[0];while(e--)h=h.lastChild;if(!l.leadingWhitespace&&ib.test(f)&&p.push(b.createTextNode(ib.exec(f)[0])),!l.tbody){f="table"!==i||lb.test(f)?"<table>"!==k[1]||lb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)n.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}n.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),l.appendChecked||n.grep(vb(p,"input"),wb),q=0;while(f=p[q++])if((!d||-1===n.inArray(f,d))&&(g=n.contains(f.ownerDocument,f),h=vb(o.appendChild(f),"script"),g&&Ab(h),c)){e=0;while(f=h[e++])pb.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=n.expando,j=n.cache,k=l.deleteExpando,m=n.event.special;null!=(d=a[h]);h++)if((b||n.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)m[e]?n.event.remove(d,e):n.removeEvent(d,e,g.handle);j[f]&&(delete j[f],k?delete d[i]:typeof d.removeAttribute!==L?d.removeAttribute(i):d[i]=null,c.push(f))}}}),n.fn.extend({text:function(a){return W(this,function(a){return void 0===a?n.text(this):this.empty().append((this[0]&&this[0].ownerDocument||z).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=xb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=xb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(vb(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&Ab(vb(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&n.cleanData(vb(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&n.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return W(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(gb,""):void 0;if(!("string"!=typeof a||nb.test(a)||!l.htmlSerialize&&hb.test(a)||!l.leadingWhitespace&&ib.test(a)||sb[(kb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(jb,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(vb(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(vb(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,k=this.length,m=this,o=k-1,p=a[0],q=n.isFunction(p);if(q||k>1&&"string"==typeof p&&!l.checkClone&&ob.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(k&&(i=n.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=n.map(vb(i,"script"),yb),f=g.length;k>j;j++)d=i,j!==o&&(d=n.clone(d,!0,!0),f&&n.merge(g,vb(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,n.map(g,zb),j=0;f>j;j++)d=g[j],pb.test(d.type||"")&&!n._data(d,"globalEval")&&n.contains(h,d)&&(d.src?n._evalUrl&&n._evalUrl(d.src):n.globalEval((d.text||d.textContent||d.innerHTML||"").replace(rb,"")));i=c=null}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=0,e=[],g=n(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),n(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Db,Eb={};function Fb(b,c){var d=n(c.createElement(b)).appendTo(c.body),e=a.getDefaultComputedStyle?a.getDefaultComputedStyle(d[0]).display:n.css(d[0],"display");return d.detach(),e}function Gb(a){var b=z,c=Eb[a];return c||(c=Fb(a,b),"none"!==c&&c||(Db=(Db||n("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=(Db[0].contentWindow||Db[0].contentDocument).document,b.write(),b.close(),c=Fb(a,b),Db.detach()),Eb[a]=c),c}!function(){var a,b,c=z.createElement("div"),d="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;padding:0;margin:0;border:0";c.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",a=c.getElementsByTagName("a")[0],a.style.cssText="float:left;opacity:.5",l.opacity=/^0.5/.test(a.style.opacity),l.cssFloat=!!a.style.cssFloat,c.style.backgroundClip="content-box",c.cloneNode(!0).style.backgroundClip="",l.clearCloneStyle="content-box"===c.style.backgroundClip,a=c=null,l.shrinkWrapBlocks=function(){var a,c,e,f;if(null==b){if(a=z.getElementsByTagName("body")[0],!a)return;f="border:0;width:0;height:0;position:absolute;top:0;left:-9999px",c=z.createElement("div"),e=z.createElement("div"),a.appendChild(c).appendChild(e),b=!1,typeof e.style.zoom!==L&&(e.style.cssText=d+";width:1px;padding:1px;zoom:1",e.innerHTML="<div></div>",e.firstChild.style.width="5px",b=3!==e.offsetWidth),a.removeChild(c),a=c=e=null}return b}}();var Hb=/^margin/,Ib=new RegExp("^("+T+")(?!px)[a-z%]+$","i"),Jb,Kb,Lb=/^(top|right|bottom|left)$/;a.getComputedStyle?(Jb=function(a){return a.ownerDocument.defaultView.getComputedStyle(a,null)},Kb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Jb(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),Ib.test(g)&&Hb.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):z.documentElement.currentStyle&&(Jb=function(a){return a.currentStyle},Kb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Jb(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ib.test(g)&&!Lb.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function Mb(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h=z.createElement("div"),i="border:0;width:0;height:0;position:absolute;top:0;left:-9999px",j="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;padding:0;margin:0;border:0";h.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",b=h.getElementsByTagName("a")[0],b.style.cssText="float:left;opacity:.5",l.opacity=/^0.5/.test(b.style.opacity),l.cssFloat=!!b.style.cssFloat,h.style.backgroundClip="content-box",h.cloneNode(!0).style.backgroundClip="",l.clearCloneStyle="content-box"===h.style.backgroundClip,b=h=null,n.extend(l,{reliableHiddenOffsets:function(){if(null!=c)return c;var a,b,d,e=z.createElement("div"),f=z.getElementsByTagName("body")[0];if(f)return e.setAttribute("className","t"),e.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",a=z.createElement("div"),a.style.cssText=i,f.appendChild(a).appendChild(e),e.innerHTML="<table><tr><td></td><td>t</td></tr></table>",b=e.getElementsByTagName("td"),b[0].style.cssText="padding:0;margin:0;border:0;display:none",d=0===b[0].offsetHeight,b[0].style.display="",b[1].style.display="none",c=d&&0===b[0].offsetHeight,f.removeChild(a),e=f=null,c},boxSizing:function(){return null==d&&k(),d},boxSizingReliable:function(){return null==e&&k(),e},pixelPosition:function(){return null==f&&k(),f},reliableMarginRight:function(){var b,c,d,e;if(null==g&&a.getComputedStyle){if(b=z.getElementsByTagName("body")[0],!b)return;c=z.createElement("div"),d=z.createElement("div"),c.style.cssText=i,b.appendChild(c).appendChild(d),e=d.appendChild(z.createElement("div")),e.style.cssText=d.style.cssText=j,e.style.marginRight=e.style.width="0",d.style.width="1px",g=!parseFloat((a.getComputedStyle(e,null)||{}).marginRight),b.removeChild(c)}return g}});function k(){var b,c,h=z.getElementsByTagName("body")[0];h&&(b=z.createElement("div"),c=z.createElement("div"),b.style.cssText=i,h.appendChild(b).appendChild(c),c.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;display:block;padding:1px;border:1px;width:4px;margin-top:1%;top:1%",n.swap(h,null!=h.style.zoom?{zoom:1}:{},function(){d=4===c.offsetWidth}),e=!0,f=!1,g=!0,a.getComputedStyle&&(f="1%"!==(a.getComputedStyle(c,null)||{}).top,e="4px"===(a.getComputedStyle(c,null)||{width:"4px"}).width),h.removeChild(b),c=h=null)}}(),n.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var Nb=/alpha\([^)]*\)/i,Ob=/opacity\s*=\s*([^)]*)/,Pb=/^(none|table(?!-c[ea]).+)/,Qb=new RegExp("^("+T+")(.*)$","i"),Rb=new RegExp("^([+-])=("+T+")","i"),Sb={position:"absolute",visibility:"hidden",display:"block"},Tb={letterSpacing:0,fontWeight:400},Ub=["Webkit","O","Moz","ms"];function Vb(a,b){if(b in a)return b;var c=b.charAt(0).toUpperCase()+b.slice(1),d=b,e=Ub.length;while(e--)if(b=Ub[e]+c,b in a)return b;return d}function Wb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=n._data(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&V(d)&&(f[g]=n._data(d,"olddisplay",Gb(d.nodeName)))):f[g]||(e=V(d),(c&&"none"!==c||!e)&&n._data(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}function Xb(a,b,c){var d=Qb.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Yb(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+U[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+U[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+U[f]+"Width",!0,e))):(g+=n.css(a,"padding"+U[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+U[f]+"Width",!0,e)));return g}function Zb(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Jb(a),g=l.boxSizing()&&"border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Kb(a,b,f),(0>e||null==e)&&(e=a.style[b]),Ib.test(e))return e;d=g&&(l.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Yb(a,b,c||(g?"border":"content"),d,f)+"px"}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Kb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":l.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;if(b=n.cssProps[h]||(n.cssProps[h]=Vb(i,h)),g=n.cssHooks[b]||n.cssHooks[h],void 0===c)return g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b];if(f=typeof c,"string"===f&&(e=Rb.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(n.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||n.cssNumber[h]||(c+="px"),l.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),!(g&&"set"in g&&void 0===(c=g.set(a,c,d)))))try{i[b]="",i[b]=c}catch(j){}}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Vb(a.style,h)),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(f=g.get(a,!0,c)),void 0===f&&(f=Kb(a,b,d)),"normal"===f&&b in Tb&&(f=Tb[b]),""===c||c?(e=parseFloat(f),c===!0||n.isNumeric(e)?e||0:f):f}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?0===a.offsetWidth&&Pb.test(n.css(a,"display"))?n.swap(a,Sb,function(){return Zb(a,b,d)}):Zb(a,b,d):void 0},set:function(a,c,d){var e=d&&Jb(a);return Xb(a,c,d?Yb(a,b,d,l.boxSizing()&&"border-box"===n.css(a,"boxSizing",!1,e),e):0)}}}),l.opacity||(n.cssHooks.opacity={get:function(a,b){return Ob.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=n.isNumeric(b)?"alpha(opacity="+100*b+")":"",f=d&&d.filter||c.filter||"";c.zoom=1,(b>=1||""===b)&&""===n.trim(f.replace(Nb,""))&&c.removeAttribute&&(c.removeAttribute("filter"),""===b||d&&!d.filter)||(c.filter=Nb.test(f)?f.replace(Nb,e):f+" "+e)}}),n.cssHooks.marginRight=Mb(l.reliableMarginRight,function(a,b){return b?n.swap(a,{display:"inline-block"},Kb,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+U[d]+b]=f[d]||f[d-2]||f[0];return e}},Hb.test(a)||(n.cssHooks[a+b].set=Xb)}),n.fn.extend({css:function(a,b){return W(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=Jb(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)
-},a,b,arguments.length>1)},show:function(){return Wb(this,!0)},hide:function(){return Wb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){V(this)?n(this).show():n(this).hide()})}});function $b(a,b,c,d,e){return new $b.prototype.init(a,b,c,d,e)}n.Tween=$b,$b.prototype={constructor:$b,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=$b.propHooks[this.prop];return a&&a.get?a.get(this):$b.propHooks._default.get(this)},run:function(a){var b,c=$b.propHooks[this.prop];return this.pos=b=this.options.duration?n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):$b.propHooks._default.set(this),this}},$b.prototype.init.prototype=$b.prototype,$b.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[n.cssProps[a.prop]]||n.cssHooks[a.prop])?n.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},$b.propHooks.scrollTop=$b.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},n.fx=$b.prototype.init,n.fx.step={};var _b,ac,bc=/^(?:toggle|show|hide)$/,cc=new RegExp("^(?:([+-])=|)("+T+")([a-z%]*)$","i"),dc=/queueHooks$/,ec=[jc],fc={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=cc.exec(b),f=e&&e[3]||(n.cssNumber[a]?"":"px"),g=(n.cssNumber[a]||"px"!==f&&+d)&&cc.exec(n.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,n.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function gc(){return setTimeout(function(){_b=void 0}),_b=n.now()}function hc(a,b){var c,d={height:a},e=0;for(b=b?1:0;4>e;e+=2-b)c=U[e],d["margin"+c]=d["padding"+c]=a;return b&&(d.opacity=d.width=a),d}function ic(a,b,c){for(var d,e=(fc[b]||[]).concat(fc["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function jc(a,b,c){var d,e,f,g,h,i,j,k,m=this,o={},p=a.style,q=a.nodeType&&V(a),r=n._data(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,m.always(function(){m.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[p.overflow,p.overflowX,p.overflowY],j=n.css(a,"display"),k=Gb(a.nodeName),"none"===j&&(j=k),"inline"===j&&"none"===n.css(a,"float")&&(l.inlineBlockNeedsLayout&&"inline"!==k?p.zoom=1:p.display="inline-block")),c.overflow&&(p.overflow="hidden",l.shrinkWrapBlocks()||m.always(function(){p.overflow=c.overflow[0],p.overflowX=c.overflow[1],p.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],bc.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(q?"hide":"show")){if("show"!==e||!r||void 0===r[d])continue;q=!0}o[d]=r&&r[d]||n.style(a,d)}if(!n.isEmptyObject(o)){r?"hidden"in r&&(q=r.hidden):r=n._data(a,"fxshow",{}),f&&(r.hidden=!q),q?n(a).show():m.done(function(){n(a).hide()}),m.done(function(){var b;n._removeData(a,"fxshow");for(b in o)n.style(a,b,o[b])});for(d in o)g=ic(q?r[d]:0,d,m),d in r||(r[d]=g.start,q&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function kc(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function lc(a,b,c){var d,e,f=0,g=ec.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=_b||gc(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:_b||gc(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(kc(k,j.opts.specialEasing);g>f;f++)if(d=ec[f].call(j,a,k,j.opts))return d;return n.map(k,ic,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(lc,{tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],fc[c]=fc[c]||[],fc[c].unshift(b)},prefilter:function(a,b){b?ec.unshift(a):ec.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(V).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=lc(this,n.extend({},a),f);(e||n._data(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=n._data(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&dc.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=n._data(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(hc(b,!0),a,d,e)}}),n.each({slideDown:hc("show"),slideUp:hc("hide"),slideToggle:hc("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=n.timers,c=0;for(_b=n.now();c<b.length;c++)a=b[c],a()||b[c]!==a||b.splice(c--,1);b.length||n.fx.stop(),_b=void 0},n.fx.timer=function(a){n.timers.push(a),a()?n.fx.start():n.timers.pop()},n.fx.interval=13,n.fx.start=function(){ac||(ac=setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){clearInterval(ac),ac=null},n.fx.speeds={slow:600,fast:200,_default:400},n.fn.delay=function(a,b){return a=n.fx?n.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a,b,c,d,e=z.createElement("div");e.setAttribute("className","t"),e.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",a=e.getElementsByTagName("a")[0],c=z.createElement("select"),d=c.appendChild(z.createElement("option")),b=e.getElementsByTagName("input")[0],a.style.cssText="top:1px",l.getSetAttribute="t"!==e.className,l.style=/top/.test(a.getAttribute("style")),l.hrefNormalized="/a"===a.getAttribute("href"),l.checkOn=!!b.value,l.optSelected=d.selected,l.enctype=!!z.createElement("form").enctype,c.disabled=!0,l.optDisabled=!d.disabled,b=z.createElement("input"),b.setAttribute("value",""),l.input=""===b.getAttribute("value"),b.value="t",b.setAttribute("type","radio"),l.radioValue="t"===b.value,a=b=c=d=e=null}();var mc=/\r/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e="":"number"==typeof e?e+="":n.isArray(e)&&(e=n.map(e,function(a){return null==a?"":a+""})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(mc,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b:n.text(a)}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(l.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&n.nodeName(c.parentNode,"optgroup"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)if(d=e[g],n.inArray(n.valHooks.option.get(d),f)>=0)try{d.selected=c=!0}catch(h){d.scrollHeight}else d.selected=!1;return c||(a.selectedIndex=-1),e}}}}),n.each(["radio","checkbox"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>=0:void 0}},l.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var nc,oc,pc=n.expr.attrHandle,qc=/^(?:checked|selected)$/i,rc=l.getSetAttribute,sc=l.input;n.fn.extend({attr:function(a,b){return W(this,n.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===L?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),d=n.attrHooks[b]||(n.expr.match.bool.test(b)?oc:nc)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void n.removeAttr(a,b))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(F);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)?sc&&rc||!qc.test(c)?a[d]=!1:a[n.camelCase("default-"+c)]=a[d]=!1:n.attr(a,c,""),a.removeAttribute(rc?c:d)},attrHooks:{type:{set:function(a,b){if(!l.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),oc={set:function(a,b,c){return b===!1?n.removeAttr(a,c):sc&&rc||!qc.test(c)?a.setAttribute(!rc&&n.propFix[c]||c,c):a[n.camelCase("default-"+c)]=a[c]=!0,c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=pc[b]||n.find.attr;pc[b]=sc&&rc||!qc.test(b)?function(a,b,d){var e,f;return d||(f=pc[b],pc[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,pc[b]=f),e}:function(a,b,c){return c?void 0:a[n.camelCase("default-"+b)]?b.toLowerCase():null}}),sc&&rc||(n.attrHooks.value={set:function(a,b,c){return n.nodeName(a,"input")?void(a.defaultValue=b):nc&&nc.set(a,b,c)}}),rc||(nc={set:function(a,b,c){var d=a.getAttributeNode(c);return d||a.setAttributeNode(d=a.ownerDocument.createAttribute(c)),d.value=b+="","value"===c||b===a.getAttribute(c)?b:void 0}},pc.id=pc.name=pc.coords=function(a,b,c){var d;return c?void 0:(d=a.getAttributeNode(b))&&""!==d.value?d.value:null},n.valHooks.button={get:function(a,b){var c=a.getAttributeNode(b);return c&&c.specified?c.value:void 0},set:nc.set},n.attrHooks.contenteditable={set:function(a,b,c){nc.set(a,""===b?!1:b,c)}},n.each(["width","height"],function(a,b){n.attrHooks[b]={set:function(a,c){return""===c?(a.setAttribute(b,"auto"),c):void 0}}})),l.style||(n.attrHooks.style={get:function(a){return a.style.cssText||void 0},set:function(a,b){return a.style.cssText=b+""}});var tc=/^(?:input|select|textarea|button|object)$/i,uc=/^(?:a|area)$/i;n.fn.extend({prop:function(a,b){return W(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return a=n.propFix[a]||a,this.each(function(){try{this[a]=void 0,delete this[a]}catch(b){}})}}),n.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!n.isXMLDoc(a),f&&(b=n.propFix[b]||b,e=n.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=n.find.attr(a,"tabindex");return b?parseInt(b,10):tc.test(a.nodeName)||uc.test(a.nodeName)&&a.href?0:-1}}}}),l.hrefNormalized||n.each(["href","src"],function(a,b){n.propHooks[b]={get:function(a){return a.getAttribute(b,4)}}}),l.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex),null}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this}),l.enctype||(n.propFix.enctype="encoding");var vc=/[\t\r\n\f]/g;n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j="string"==typeof a&&a;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(F)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(vc," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=n.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j=0===arguments.length||"string"==typeof a&&a;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(F)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(vc," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?n.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(n.isFunction(a)?function(c){n(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=n(this),f=a.match(F)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===L||"boolean"===c)&&(this.className&&n._data(this,"__className__",this.className),this.className=this.className||a===!1?"":n._data(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(vc," ").indexOf(b)>=0)return!0;return!1}}),n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var wc=n.now(),xc=/\?/,yc=/(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;n.parseJSON=function(b){if(a.JSON&&a.JSON.parse)return a.JSON.parse(b+"");var c,d=null,e=n.trim(b+"");return e&&!n.trim(e.replace(yc,function(a,b,e,f){return c&&b&&(d=0),0===d?a:(c=e||b,d+=!f-!e,"")}))?Function("return "+e)():n.error("Invalid JSON: "+b)},n.parseXML=function(b){var c,d;if(!b||"string"!=typeof b)return null;try{a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b))}catch(e){c=void 0}return c&&c.documentElement&&!c.getElementsByTagName("parsererror").length||n.error("Invalid XML: "+b),c};var zc,Ac,Bc=/#.*$/,Cc=/([?&])_=[^&]*/,Dc=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Ec=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Fc=/^(?:GET|HEAD)$/,Gc=/^\/\//,Hc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,Ic={},Jc={},Kc="*/".concat("*");try{Ac=location.href}catch(Lc){Ac=z.createElement("a"),Ac.href="",Ac=Ac.href}zc=Hc.exec(Ac.toLowerCase())||[];function Mc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(F)||[];if(n.isFunction(c))while(d=f[e++])"+"===d.charAt(0)?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Nc(a,b,c,d){var e={},f=a===Jc;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Oc(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(d in b)void 0!==b[d]&&((e[d]?a:c||(c={}))[d]=b[d]);return c&&n.extend(!0,a,c),a}function Pc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===e&&(e=a.mimeType||b.getResponseHeader("Content-Type"));if(e)for(g in h)if(h[g]&&h[g].test(e)){i.unshift(g);break}if(i[0]in c)f=i[0];else{for(g in c){if(!i[0]||a.converters[g+" "+i[0]]){f=g;break}d||(d=g)}f=f||d}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Qc(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ac,type:"GET",isLocal:Ec.test(zc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Kc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":n.parseJSON,"text xml":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Oc(Oc(a,n.ajaxSettings),b):Oc(n.ajaxSettings,a)},ajaxPrefilter:Mc(Ic),ajaxTransport:Mc(Jc),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=n.ajaxSetup({},b),l=k.context||k,m=k.context&&(l.nodeType||l.jquery)?n(l):n.event,o=n.Deferred(),p=n.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!j){j={};while(b=Dc.exec(f))j[b[1].toLowerCase()]=b[2]}b=j[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?f:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return i&&i.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||Ac)+"").replace(Bc,"").replace(Gc,zc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=n.trim(k.dataType||"*").toLowerCase().match(F)||[""],null==k.crossDomain&&(c=Hc.exec(k.url.toLowerCase()),k.crossDomain=!(!c||c[1]===zc[1]&&c[2]===zc[2]&&(c[3]||("http:"===c[1]?"80":"443"))===(zc[3]||("http:"===zc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=n.param(k.data,k.traditional)),Nc(Ic,k,b,v),2===t)return v;h=k.global,h&&0===n.active++&&n.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!Fc.test(k.type),e=k.url,k.hasContent||(k.data&&(e=k.url+=(xc.test(e)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=Cc.test(e)?e.replace(Cc,"$1_="+wc++):e+(xc.test(e)?"&":"?")+"_="+wc++)),k.ifModified&&(n.lastModified[e]&&v.setRequestHeader("If-Modified-Since",n.lastModified[e]),n.etag[e]&&v.setRequestHeader("If-None-Match",n.etag[e])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+Kc+"; q=0.01":""):k.accepts["*"]);for(d in k.headers)v.setRequestHeader(d,k.headers[d]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(d in{success:1,error:1,complete:1})v[d](k[d]);if(i=Nc(Jc,k,b,v)){v.readyState=1,h&&m.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,i.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,c,d){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),i=void 0,f=d||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,c&&(u=Pc(k,v,c)),u=Qc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(n.lastModified[e]=w),w=v.getResponseHeader("etag"),w&&(n.etag[e]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,h&&m.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),h&&(m.trigger("ajaxComplete",[v,k]),--n.active||n.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return n.get(a,b,c,"json")},getScript:function(a,b){return n.get(a,void 0,b,"script")}}),n.each(["get","post"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n._evalUrl=function(a){return n.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},n.fn.extend({wrapAll:function(a){if(n.isFunction(a))return this.each(function(b){n(this).wrapAll(a.call(this,b))});if(this[0]){var b=n(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&1===a.firstChild.nodeType)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){return this.each(n.isFunction(a)?function(b){n(this).wrapInner(a.call(this,b))}:function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,"body")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0||!l.reliableHiddenOffsets()&&"none"===(a.style&&a.style.display||n.css(a,"display"))},n.expr.filters.visible=function(a){return!n.expr.filters.hidden(a)};var Rc=/%20/g,Sc=/\[\]$/,Tc=/\r?\n/g,Uc=/^(?:submit|button|image|reset|file)$/i,Vc=/^(?:input|select|textarea|keygen)/i;function Wc(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||Sc.test(a)?d(a,e):Wc(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Wc(a+"["+e+"]",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Wc(c,a[c],b,e);return d.join("&").replace(Rc,"+")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,"elements");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(":disabled")&&Vc.test(this.nodeName)&&!Uc.test(a)&&(this.checked||!X.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(Tc,"\r\n")}}):{name:b.name,value:c.replace(Tc,"\r\n")}}).get()}}),n.ajaxSettings.xhr=void 0!==a.ActiveXObject?function(){return!this.isLocal&&/^(get|post|head|put|delete|options)$/i.test(this.type)&&$c()||_c()}:$c;var Xc=0,Yc={},Zc=n.ajaxSettings.xhr();a.ActiveXObject&&n(a).on("unload",function(){for(var a in Yc)Yc[a](void 0,!0)}),l.cors=!!Zc&&"withCredentials"in Zc,Zc=l.ajax=!!Zc,Zc&&n.ajaxTransport(function(a){if(!a.crossDomain||l.cors){var b;return{send:function(c,d){var e,f=a.xhr(),g=++Xc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)void 0!==c[e]&&f.setRequestHeader(e,c[e]+"");f.send(a.hasContent&&a.data||null),b=function(c,e){var h,i,j;if(b&&(e||4===f.readyState))if(delete Yc[g],b=void 0,f.onreadystatechange=n.noop,e)4!==f.readyState&&f.abort();else{j={},h=f.status,"string"==typeof f.responseText&&(j.text=f.responseText);try{i=f.statusText}catch(k){i=""}h||!a.isLocal||a.crossDomain?1223===h&&(h=204):h=j.text?200:404}j&&d(h,i,j,f.getAllResponseHeaders())},a.async?4===f.readyState?setTimeout(b):f.onreadystatechange=Yc[g]=b:b()},abort:function(){b&&b(void 0,!0)}}}});function $c(){try{return new a.XMLHttpRequest}catch(b){}}function _c(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}n.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c=z.head||n("head")[0]||z.documentElement;return{send:function(d,e){b=z.createElement("script"),b.async=!0,a.scriptCharset&&(b.charset=a.scriptCharset),b.src=a.url,b.onload=b.onreadystatechange=function(a,c){(c||!b.readyState||/loaded|complete/.test(b.readyState))&&(b.onload=b.onreadystatechange=null,b.parentNode&&b.parentNode.removeChild(b),b=null,c||e(200,"success"))},c.insertBefore(b,c.firstChild)},abort:function(){b&&b.onload(void 0,!0)}}}});var ad=[],bd=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=ad.pop()||n.expando+"_"+wc++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(bd.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&bd.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(bd,"$1"+e):b.jsonp!==!1&&(b.url+=(xc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||n.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,ad.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),n.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||z;var d=v.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=n.buildFragment([a],b,e),e&&e.length&&n(e).remove(),n.merge([],d.childNodes))};var cd=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&cd)return cd.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=a.slice(h,a.length),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(f="POST"),g.length>0&&n.ajax({url:a,type:f,dataType:"html",data:b}).done(function(a){e=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var dd=a.document.documentElement;function ed(a){return n.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&n.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,n.contains(b,e)?(typeof e.getBoundingClientRect!==L&&(d=e.getBoundingClientRect()),c=ed(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===n.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(c=a.offset()),c.top+=n.css(a[0],"borderTopWidth",!0),c.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-n.css(d,"marginTop",!0),left:b.left-c.left-n.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||dd;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||dd})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);n.fn[a]=function(d){return W(this,function(a,d,e){var f=ed(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?n(f).scrollLeft():e,c?e:n(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Mb(l.pixelPosition,function(a,c){return c?(c=Kb(a,b),Ib.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return W(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var fd=a.jQuery,gd=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=gd),b&&a.jQuery===n&&(a.jQuery=fd),n},typeof b===L&&(a.jQuery=a.$=n),n});
diff --git a/modules/README.md b/modules/README.md
index 97a533fef..192464cd1 100644
--- a/modules/README.md
+++ b/modules/README.md
@@ -1,6 +1,6 @@
-This folder is where you should put the content for your course. Every module in your course should have a subfolder inside this folder, eg. `learning`.
+This folder is where you should put the content for your course. Every module in your course should have a subfolder inside this folder, eg. `setup`.
 
-Inside every module folder, you should create a special folder called `_posts`, eg. `learning/_posts`. Inside the folder called `_posts`, you should create a file for every section in the module. The name of the file should start with the date in the format `YYYY-MM-DD-sectionname.md`. The date determines the order of the sections in your module.
+Inside every module folder, you should create a special folder called `_posts`, eg. `setup/_posts`. Inside the folder called `_posts`, you should create a file for every section in the module. The name of the file should start with the date in the format `YYYY-MM-DD-sectionname.md`. The date determines the order of the sections in your module.
 
 An example of the file layout for this course:
 
diff --git a/modules/community/_posts/1999-12-31-outcomes.markdown b/modules/community/_posts/1999-12-31-outcomes.markdown
deleted file mode 100644
index 43fe11f08..000000000
--- a/modules/community/_posts/1999-12-31-outcomes.markdown
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: Outcomes
-excerpt: "Find out why community is important in learning something new, what makes robust communities tick, and start co-designing your course."
----
-
-# Why care about community when building a course?
-
-![]({{site.baseurl}}/img/community-banner.jpg)
-Image [CC-BY-SA](https://creativecommons.org/licenses/by/2.0/) [Peter Dutton](https://www.flickr.com/photos/joeshlabotnik/) 
-
-We believe that community forms an essential part of learning. Not only does being part of a community help motivate you, but learning to work together and improving how you communicate are useful skill to learn on their own.
-
-The aim of this module is to
-
-- understand more about why community is important for online learning.
-- find a community to build your course with.
-- decide what the community in your course will look like.
-- build on-ramps for learners to join your community.
diff --git a/modules/community/_posts/2000-01-02-projects.markdown b/modules/community/_posts/2000-01-02-projects.markdown
deleted file mode 100644
index 0fda38a6c..000000000
--- a/modules/community/_posts/2000-01-02-projects.markdown
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: Projects
-published: true
----
-
-## Find and Invite Folks to be Your 'First 10'
-
-Building a course alone is a daunting task. We guarantee that co-designing with a crew makes for a [more successful online community](http://jolt.merlot.org/vol9no2/ahn_0613.htm). To wit, we invite you to:
-
-- Start a new topic on discourse under the [new courses](http://community.p2pu.org/c/new-courses) category to tell people about the course you are building.
-- Poke through the forums to find folks who might be interested in the topic or could give you some tasty feedback. Mention them in your post by attaching @ to their username. (For example, Dirk is @dirk).
-- If you have pals with interest or expertise in this area, send them the link to Discourse and ask for their feedback and ideas.
-
-This is a good opportunity to grow your network and to get other people to work with.
-
-<a class="btn btn-primary" href="http://community.p2pu.org/c/new-courses"><i class="fa fa-comments"></i> Post to the "New Courses" category</a>
-
-## How will people join your community?
-
-A good on boarding experience will help new people find their feet in your course community. Communities have different identities and different ways of introducing yourself will work in different communities. In Play With Your Music, a course about music production, we asked people to list 5 of their favorite artists when they sign up. Without prompting them, people started sharing this information when they introduced themselves to the community.
-
-Other ideas are asking people to make something, share a GIF that reflects something about them or tell why they wish to join the course.
-
- - How will people join your community?
- - How will you ask people joining your course to introduce themselves?
- - Will your community have an unique identity? What will it be?
-
-<a class="btn btn-primary" href="http://community.p2pu.org/t/how-will-people-join-your-community/1550"><i class="fa fa-comments"></i> Share your ideas for a community on-boarding experience</a>
-
-## Observe and Participate in Other Communities
-
-The best way to build a quality community is to participate in other communities. Take a look at how other courses do it: 
-
-- [Why Open](https://p2pu.org/en/courses/2314/why-open/)
-- [Writing for Change](http://writing4change.p2pu.org) 
-- [Play With Your Music](http://playwithyourmusic.org) are good examples to look at.
-
-Observe how
-
-- folks welcome new people to the community
-- how community members interact with each other
-- how they celebrate success
-- how they give feedback to each other
-
-Post your observations to Discourse under [Community Safari](http://community.p2pu.org/t/course-in-a-box-community-safari/1153).
-
-<a class="btn btn-primary" href="http://community.p2pu.org/t/course-in-a-box-community-safari/1153"><i class="fa fa-comments"></i> Post your observations</a>
diff --git a/modules/community/_posts/2000-01-03-concepts.markdown b/modules/community/_posts/2000-01-03-concepts.markdown
deleted file mode 100644
index 9c0e2ccdc..000000000
--- a/modules/community/_posts/2000-01-03-concepts.markdown
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: Concepts
-excerpt: "Find out why community is important in learning something new, what makes robust communities tick, and start co-designing your course."
-published: true
----
-
-# Community: the Dynamics of Generating Awesome
-
-![Image of community]({{site.baseurl}}/img/community.jpg)
-
-*Learners go farther when they learn together.*
-
-The way we see it, any online learning experience consists of three parts:
-
-- Social presence (that you have a crew & we're in it together)
-- Cognitive presence (ideas & content)
-- Teaching presence (feedback & questions)
-
-The way those pieces work together looks like this:
-
-![Venn diagram showing the intersection of social presence, cognitive presence and teaching presence.]({{site.baseurl}}/img/community-diagram.jpg)
-
-In this part of the course, we’ll talk about “social presence” (or community), and how to build one around your learning goals.
-
-## What Does a Learning Community Look Like?
-[Dave Cormier](http://davecormier.com/), lead raconteur for the online course [Rhizomatic Learning: the Community is the Curriculum](https://p2pu.org/en/courses/882/rhizomatic-learning-the-community-is-the-curriculum/) ([#rhizo14](https://twitter.com/search?q=rhizo14&src=typd)) and reluctant stepfather of the MOOC movement, answers the following core questions:
-
-- Why is learning in community important?
-- How do you ask people to participate?
-- How did you build with your audience?
-
-<iframe width="560" height="315" src="//www.youtube.com/embed/c4KM9QgfOXA" frameborder="0" allowfullscreen></iframe>
-
-## Why does Community Matter for Learning?
-
-**Diversity of perspectives.** As Dave said, books are inert objects. Pushing "play" on a video is one passive experience. When you engage ideas with other people, the dialogue and exchanges challenge you to look at things several different ways. We won't tell you what to think--engaging others helps us think uniquely and engage collaboratively.
-
-**Support and stretching.** When you find your learning crew--the folks who share your vision and your values--they can buoy you up when you encounter setbacks and help you set the next goalpost. They can deliver feedback that helps you hone in on weaknesses or develop strengths.
-
-
-## OK, But What Is Community?
-
-Let's ask around:
-
-Scholar and writer Clay Shirky, in describing [how the open source community Perl works](https://www.youtube.com/watch?v=Xe1TZaElTAs) described his litmus test: 
-
-![shirky community.png]({{ site.baseurl }}/img/shirky%20community.png)
-
-Communities also provide a sense of interconnectedness. Community designer Alex Hillman shows how important it is to design for deep, trusting interactions, because they create *value* for the participants:
-
-![hillman community.png]({{ site.baseurl }}/img/hillman%20community.png)
-
-At P2PU, we describe community as a combination of the above. For us, community is a sense of *shared purpose and belonging*. 
-
-![P2PU community.png]({{ site.baseurl }}/img/P2PU%20community.png)
-
-Think about your local PTA, block party organization, church, book club or alumni association. You participate for a reason, and when you're there, you have a sense that you’re included. 
-
-As a course facilitator, you are designing a learning community. Peer-to-peer learning is a network of people helping each other. Once you have your learning goals established, the next series of ideas to think about is how to build a community around those goals. 
-
-## How Do I Design a Community?
-Good question. In order to design a stellar learning community, you'll need to think through a few questions. In your course, how will you:
-
-### Ask learners to participate?
-Often at P2PU learners and facilitators design the course together. We've already mentioned collaborative goal-setting, and asking for input or feedback on the course design is a great first step. 
-
-### Welcome new members to the community?
-We like to ask folks to introduce themselves on [community.p2pu.org](http://community.p2pu.org/t/please-introduce-yourself/28). We build social presence by asking people a bit about their personality and their background: 
-
-![Image of discourse forum]({{site.baseurl}}/img/discourse.png)
-
-### Celebrate successes?
-Each community has their own rituals to recognize success (think about work anniversaries, juried art shows, ribbon-cutting ceremonies, etc.) These activities build a shared sense of quality in a community--they provide models for what is imporant, what individual members should strive to produce, what good collaborations might look like. Thinking about what you value and measure is important in community design. 
-
-
-# Some examples: 
-
-## P2PU School of Ed.
-In 2011, [Karen Fasimpaur](https://twitter.com/kfasimpaur) was looking to experiment with teacher professional development. She wanted to focus on  inquiry, self-direction, critical thinking, and collaboration with continuing education that was relevant to the lives of teachers. What came out of her curiosity was the P2PU School of Ed. 30 courses on the [p2pu.org](https://p2pu.org/en/) platform and two years later, she recommends the following design principles:
-
->First, in our experience, the formation of community has been critical. The social nature of peer learning relies on trust and relationships. This is not something that can be fostered over a few weeks. While this kind of community-building takes time, we are beginning to see some evidence of it at P2PU. In large part this has been due to the ongoing, generous participation of many individuals, as well as organizations such as the National Writing Project. We have benefitted greatly from the participation of their already-existing community of passionate and deep thinking educators who share our values and goals.
-
->We have also learned that peer learning experiences work best when they are designed by the group, not instituted from the top down. This can be challenging to achieve, but the groups that have been co-planned and co-facilitated collaboratively have been most compelling.
-
-Check out the full report at [reports.p2pu.org](http://reports.p2pu.org/school-of-ed/).
-
-## Data Explorer Mission
-
-In 2013, P2PU and [Open Knowledge](http://us.okfn.org/) teamed up to offer a [“Data Explorer Missions”](http://schoolofdata.org/datamooc/) an introduction to working with data over the course of 3 weeks. 151 learners signed up for our initial pilot. After the course ended, we took at look at the engagement metrics—one group (Team 10) cohered quickly and took off like a rocketship. When we looked into their comments to each other, we saw how they built *social presence*, *trust* and *asked each other to participate*.
-
-- *Spontaneous prompts to check in*: Members sent short messages to each other to keep the course alive, i.e. “Are you doing alright? Haven’t heard from you in ages” “Just making some noise.”
-- *Familiarity*: Members referred to each other by name (as opposed to simply “Team 10″) and shared bits of contextual information about their lives, such as when they found time to do the assignments, where they were traveling, etc.
-- *Building upon shared interest*: Team 10 shared content related to the subject matter of the course that others might find interesting–such as other Data MOOCs, open data released by the White House, etc.
-- *Tried new tools together*: Members tried out new tools like Google Fusion Tables together, and shared their frustrations, setbacks and successes. 
-- *Summaries of Hangouts*: In a brilliant move, members sent a summary of the synchronous Hangout to the whole group, which kept the folks who couldn’t make it in the loop.
-
-See the full recap at [Data MOOC: Results, Findings and Recommendations](http://info.p2pu.org/2013/06/18/data-mooc-results-findings-and-recommendations/)
diff --git a/modules/community/_posts/2000-01-03-discuss.markdown b/modules/community/_posts/2000-01-03-discuss.markdown
deleted file mode 100644
index 77a730dc6..000000000
--- a/modules/community/_posts/2000-01-03-discuss.markdown
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: "Discuss"
-extra_js:
- - '/js/discourseGallery.js'
- - '/js/category-gallery.js'
----
-# Discussion on community.p2pu.org
-
-Join discussion about community on [discourse](http://community.p2pu.org/c/course-in-a-box/community).
-
-{% include category_gallery.html forum_url='http://community.p2pu.org' category='course-in-a-box/community' %}
-
-# Organize a hangout
-
-Organize your very own hangout! Post the date and time that you want to hold the hangout on [here on discourse](http://community.p2pu.org/c/course-in-a-box/hangouts) and you can use [this link](https://unhangout.media.mit.edu/h/course-in-a-box) to hang out. When people go to that link, they will automatically join the same Google Hangout!
-
-To get the conversation started, let everyone share their hobby. Then ask everyone to find an online community for someone else's hobby.
diff --git a/modules/community/_posts/2000-01-03-resources.markdown b/modules/community/_posts/2000-01-03-resources.markdown
deleted file mode 100644
index 07a47f9d1..000000000
--- a/modules/community/_posts/2000-01-03-resources.markdown
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Resources
-excerpt: "Find out why community is important in learning something new, what makes robust communities tick, and start co-designing your course."
-published: true
----
-
-# Other People’s Good Ideas
-
-## Why is Community Important?
-
-<script async class="speakerdeck-embed" data-id="ee0c521029ab0132958f166834114127" data-ratio="1.77777777777778" src="//speakerdeck.com/assets/embed.js"></script>
-
-For a presentation at the Interactive Telecommunications Program at NYU, we asked the students: 
-
-- How do you learn best? 
-- Describe a time you learned something new.
-
-From there we look at ways to build technologies that reflect how we learn best--via learning projects and helping each other.
-
-## Why Social Learning?
->We found that learners studied over 2x as many questions when they were in a group study session as when they were alone. This was important because we wanted to make sure that studying with others wasn’t just making people slower to answer questions. But learners study more than twice as many questions, on average, when in group study than when they study alone.
-
-Grockit, [An Experiment in Group Study](http://grockit.com/blog/main/2011/05/09/an-experiment-in-group-study/)
-
->Peer learning also helps us learn others things: engaging with others, communicating our ideas, and trying to understand theirs, negotiating different interests and perspectives, and collaborating on joint projects. These are the types of non-cognitive skills that may be more important for finding a job and living successful lives. And, as the global population rises to somewhere around 10 billion people, squeezed together on a pretty small planet, getting along with each other, and working together will not be an option, but a necessity.
-
-Philipp Schmidt, [The Great Peer Learning Pyramid Scheme](http://dmlcentral.net/blog/philipp-schmidt/great-peer-learning-pyramid-scheme)
-
-## Love, Internet Style
-
-<iframe width="420" height="315" src="//www.youtube.com/embed/Xe1TZaElTAs" frameborder="0" allowfullscreen></iframe>
-
-
-## Focus on Your First 10
->People jumping straight into coworking calculating square footage & sizing up furniture, or obsessing over branding and their website, are skipping over the important and crucial step to developing a healthy community: *finding your first 10 coworkers*. Everything else can come after that.
-
->Where you find them will vary. What they’ll look like will vary. But these first 10 people are the human seeds of your coworking space to be. They will be the #1 reason that other people want to come work with you at your coworking space.
-
-Alex Hillman, [How To Fund Your Coworking Space](http://dangerouslyawesome.com/2011/09/how-to-fund-your-coworking-space/)
-
-## Community of Inquiry Model
-
-> In an educational context, An educational community of inquiry is a group of individuals who collaboratively engage in purposeful critical discourse and reflection to construct personal meaning and confirm mutual understanding.
-
-> The Community of Inquiry theoretical framework represents a process of creating a deep and meaningful (collaborative-constructivist) learning experience through the development of three interdependent elements – social, cognitive and teaching presence.
-
-> **Social presence** is “the ability of participants to identify with the community (e.g., course of study), communicate purposefully in a trusting environment, and develop inter-personal relationships by way of projecting their individual personalities.” (Garrison, 2009)
-
-> **Teaching Presence**  is the design, facilitation, and direction of cognitive and social processes for the purpose of realizing personally meaningful and educationally worthwhile learning outcomes (Anderson, Rourke, Garrison, & Archer, 2001).
-
-> **Cognitive Presence** is the extent to which learners are able to construct and confirm meaning through sustained reflection and discourse (Garrison, Anderson, & Archer, 2001).
-
-Garrison, D. R., Anderson, T., & Archer, W. (2000). [Critical inquiry in a text-based environment: Computer conferencing in higher education model](http://cde.athabascau.ca/coi_site/documents/Garrison_Anderson_Archer_Critical_Inquiry_model.pdf). The Internet and Higher Education, 2(2-3), 87-105.
-
-## Traits of Communities
-
-> The sense of belonging and identification involves the feeling, belief, and expectation that one fits in the group and has a place there, a feeling of acceptance by the group, and a willingness to sacrifice for the group. The role of identification must be emphasized here. It may be represented in the reciprocal statements "It is my group" and "I am part of the group."
-
-> Personal investment is an important contributor to a person's feeling of group membership and to his or her sense of community. McMillan (1976) contended (a) that working for membership will provide a feeling that one has earned a place in the group and (b) that, as a consequence of this personal investment, membership will be more meaningful and valuable.
-
-David W. McMillan and David M. Chavis "[Sense of Community: A Definition and Theory](http://gageparkhs.enschool.org/ourpages/auto/2011/5/7/37616703/Sense%20of%20Community-McMillan%20and%20Chavis.pdf)"
\ No newline at end of file
diff --git a/modules/content/_posts/2000-01-01-markdown-and-media.md b/modules/content/_posts/2000-01-01-markdown-and-media.md
new file mode 100644
index 000000000..5fc529661
--- /dev/null
+++ b/modules/content/_posts/2000-01-01-markdown-and-media.md
@@ -0,0 +1,188 @@
+---
+title: Markdown & Media
+---
+
+## Formatting Text with Markdown
+
+Course-in-a-Box uses **Markdown**, a text-to-HTML conversion tool which uses different combinations of punctuation marks to add emphasis and formatting to content written for the web. Any file name in your GitHub project that ends in `.md` will be interpreted using Markdown rules. (Markdown also supports HTML tags which are used for embedding media or more complicated formatting if needed.)
+
+This guide focuses on editing your course directly through GitHub, which offers a Preview tab above the code editor so you can see how your Markdown edits look before you commit your changes and wait for them to appear live:
+
+<center><img src="/img/preview-changes.png" alt="screenshot of github's Preview Changes function" width="75%"/></center>
+
+If you want to write your text in other software before bringing it into Course-in-a-Box, here are a few options to convert your formatting into Markdown before bringing it into Course-in-a-Box:
+* [GSuite Tool: Google Docs to Markdown](https://github.com/evbacher/gd2md-html/wiki#installing-docs-to-markdown)
+* [Microsoft Word to Markdown Converter](https://word2md.com/)
+* [StackEdit: a visual Markdown editor](https://stackedit.io/app#)
+
+<br>
+
+## Markdown Cheatsheet
+Below are previews of Markdown formatting options and the code needed to make them happen. We've added the most common options here — for more, check out [Mastering Markdown](https://guides.github.com/features/mastering-markdown/).
+
+<br>
+
+----
+#### Emphasis 
+
+```
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with double **asterisks** or __underscores__.
+
+Combined emphasis with **_asterisks and underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+```
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with double **asterisks** or __underscores__.
+
+Combined emphasis with **_asterisks and underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<br>
+
+----
+
+#### Headings
+
+```
+# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### Heading 6
+```
+
+# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### Heading 6
+
+<br>
+
+----
+
+#### Bulleted + Numbered Lists
+
+```
+* list item
+* list item
+  * indented list item (two spaces before the *)
+    * secondary indented list item (four spaces before the *)
+```
+
+* list item
+* list item
+  * indented list item 
+    * secondary indented list item 
+    
+```
+1. numbered list item 1
+1. numbered list item 2
+1. numbered list item 3
+  * mixed list 1 
+  * mixed list 2
+```
+
+1. numbered list item 1
+1. numbered list item 2
+1. numbered list item 3
+  * mixed list 1 
+  * mixed list 2
+ 
+<br>
+
+----
+
+#### Links
+
+Markdown supports a few types of links, but we're just sharing the most common version here. For more details, see [Markdown Links](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#links).
+
+```
+[External link](https://p2pu.org)
+```
+
+[External link](https://p2pu.org)
+ 
+<br>
+
+----
+#### Fancy Buttons
+(This is HTML, not Markdown, but just in case you want to get fancy...)
+
+```
+<a class="btn btn-primary" href="link address"><i class="fa fa-home"></i> A fancy button</a>
+```
+
+<a class="btn btn-primary" href="https://www.p2pu.org/en/"><i class="fa fa-home"></i> A fancy button</a>
+
+<br>
+
+----
+
+<br>
+
+## Media cheetsheat
+
+While Markdown supports adding images, its capacities for media are generally limited. Fortunately, Markdown is designed to support and work alongside HTML, which has vast options for customizing your course content with images, videos, and other interactive features.
+
+<br>
+
+----
+##### Using Existing Images
+If you're using an image that is already uploaded somewhere, you can copy the URL and use it like in the example below:
+
+```
+![alt](https://www.p2pu.org/assets/images/p2pu-logo.png)
+```
+
+![alt text for image](https://www.p2pu.org/assets/images/p2pu-logo.png)
+
+<br> 
+
+----
+##### Hosting Images on Github
+
+You can also host images for your course for free through GitHub. Head to the `img` folder, click *Add File > Upload Files* (top right above the list of files), and use the upload tool to add your images. When you add an image to your course, you'll link to it with the code below and replace `logo.png` with the name of the image.
+
+<!-- {% raw %} -->
+```
+![alt]({{site.baseurl}}/img/logo.png)
+```
+<!-- {% endraw %} -->
+![alt]({{site.baseurl}}/img/logo.png)
+
+<br>
+
+----
+##### YouTube Videos
+If you want to place a video in your course, the easiest way is to upload it to YouTube and grab the automatically-generated embed code† from the **Share** button on the video's YouTube page. You can plop this directly into a submodule's `.md` file:
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+```
+<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+```
+
+The code above includes specific values for width and height which lets you control exactly how big your video will appear. This can be helpful in many cases, but it can also make it harder for mobile users to view the video. If you want your video size to be "responsive" (aka changing its size relative to the size of the browser window), you can copy the URL† to your YouTube video into the code below:
+
+<div class="embed-responsive embed-responsive-16by9">
+  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/dQw4w9WgXcQ" allowfullscreen></iframe>
+</div>
+
+```
+<div class="embed-responsive embed-responsive-16by9">
+  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/dQw4w9WgXcQ" allowfullscreen></iframe>
+</div>
+```
+ 
+† Note that these codes use an _embed_ version of a YouTube video's URL and won't work with the normal link to a video page. If you copy these codes directly, you'll want to replace `watch?v=` with `embed/` in your video's URL before you add them to the code block.
+
+<br>
diff --git a/modules/content/_posts/2000-01-01-outcomes.markdown b/modules/content/_posts/2000-01-01-outcomes.markdown
deleted file mode 100644
index 7bda4fa15..000000000
--- a/modules/content/_posts/2000-01-01-outcomes.markdown
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Outcomes
----
-
-# Does your course need content
-
-![]({{site.baseurl}}/img/content-banner.jpg)
-
-The aim of this module is to
-
-- figure out what time of content you will use for your course
-- find the relevant resources that students will need for your course
-- ask other people to help you curate your content
diff --git a/modules/content/_posts/2000-01-02-homepage.md b/modules/content/_posts/2000-01-02-homepage.md
new file mode 100644
index 000000000..336c9b49d
--- /dev/null
+++ b/modules/content/_posts/2000-01-02-homepage.md
@@ -0,0 +1,69 @@
+---
+title: Homepage
+---
+
+## Homepage
+
+The homepage is the part of your course that most people will see first. By default, it shows a "jumbotron" (large banner with the course title, headline, and icon) and an open space to describe the materials inside the course. This information can be changed at any time without affecting other parts of your course. 
+
+<br>
+
+#### Customize the Jumbotron
+
+![default Course-in-a-Box Jumbotron](/img/example-jumbotron.png)
+
+Settings for the background of the Jumbotron banner at the top of the page are made in the `_config.yml` file. If you've uploaded the images into the `img` folder, you can replace the text after `img/` with the file name for the image you want to use. You can also replace the link with an externally-hosted image.
+
+[https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_config.yml](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_config.yml)
+
+
+```
+jumbotron_color: "#FFF"
+jumbotron_image: "img/jumbotron-image.svg"
+jumbotron_mask: "img/jumbotron-mask.svg"
+jumbotron_icon: "img/box-icon.png"
+```
+
+- `jumbotron_color` is the background color that will be used if nothing else is defined.
+- `jumbotron_image` is the image that will be used as the background. If it’s a repeating pattern, it must be saved as an SVG file. All other image types will stretch to fit the space.
+- `jumbotron_mask` is an optional dark tint that can be applied over your background image to improve legibility. By default, this is not enabled—to add it, remove the `# ` at the beginning of the line of code. (To turn it off, add the `# ` back in.)
+- `jumbotron_icon` is the image that appears at the top of the jumbotron.
+
+<br>
+
+#### Set the Course Title + Headline
+
+The name of a course is set by editing the `course.yml` in the `_data/` folder:
+
+[https://github.com/your-github-username/course-in-a-box/blog/gh-pages/_data/course.yml](https://github.com/your-github-username/course-in-a-box/edit/gh-pages/_data/course.yml)
+
+By default, the information in this file will read: 
+
+```
+title: Course-in-a-Box
+description: An open-source project for creating online courses, built by <a href="https://www.p2pu.org">P2PU</a>
+modules: [tutorial, resources, references]
+```
+
+- **Title:** This text appears as the title of the page in your browser. 
+- **Description:** This text appears as the headline in the large banner on the course landing page.
+- **Modules:** This list controls the modules that appear in the top menu of your course. (See the [Modules](../modules) section for more information).
+
+Commit the changes when you’re finished and refresh your course page after a few minutes to see the edits appear.
+
+<br>
+
+#### Update the Course Description
+
+The `index.md` file in the main folder of the course holds the information that appears on the bottom half of the homepage.
+
+[https://github.com/your-github-username/course-in-a-box/blob/gh-pages/index.md](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/index.md)
+
+```
+---
+layout: index
+published: true
+---
+```
+
+You can leave this text alone (it’s called “front matter”—more about that in [Submodules](../submodules)) at the top of the document. Using Markdown formatting, add your content underneath. This is a good place to explain a basic overview of the course material, materials required, or instructions for sign-up. 
diff --git a/modules/content/_posts/2000-01-02-projects.markdown b/modules/content/_posts/2000-01-02-projects.markdown
deleted file mode 100644
index 011da12ca..000000000
--- a/modules/content/_posts/2000-01-02-projects.markdown
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: Projects
-published: true
----
-
-# Projects
-
-## What is Content?
-
-Decide what "content" in a learning experience means to you. In a peer learning context, that can mean:
-
-- learners create tutorials for others
-- learners make the content together
-- a facilitator curates open resources out on the web
-
-And it can also be a blend of the 3 :)
-
-For your course, decide which approaches to developing content are most appropriate, especially in light of the activities you designed.
-
-<a class="btn btn-primary" href="http://community.p2pu.org/t/course-in-a-box-what-on-earth-is-content/1226"><i class="fa fa-comments"></i> Post your ideas on discourse</a>
-
-## Add Content to Your Course
-To add tasty content to your modules, you need to create a section in the module the same way you created the 'Projects' section. Go to the folder for the module ex. [https://github.com/your-github-username/course-in-a-box/tree/gh-pages/modules/module-1/_posts](https://github.com/your-github-username/course-in-a-box/tree/gh-pages/modules/module-1/_posts) and create a new file for every section that you want within the module.
-
-Remember that the file name needs to start with a valid date in the format YYYY-MM-DD-your-section-name.md. The date determines the order of the sections in every module (so it's kinda important). 
-
-Content will show up automatically as soon as you commit and save (booyah!). To check how your spiffy content looks, you can go to [http://your-github-username.github.io/course-in-a-box/](http://your-github-username.github.io/course-in-a-box/) to look at it.
-
-## Recruit Your Crew to Curate Content
-
-After you have added 2-3 resources (links, articles, videos, songs) to each module, reach out to your design team for other potential resources. You can work together on the [P2PU hackpad](https://p2pu.hackpad.com/) if you like. 
-
-Our advice: consider making a resource together with your design team. You may have noticed that the videos and articles in this course come from our colleagues and edupunk pals on the internet, and that's no accident. Sometimes our crew will explain things in a different way, or some folks are better in videos than in slides. Each member of [our extended family](https://p2pu.org/en/about/people/) has something to offer--so we ask them to join forces with us to make the whole stronger.
-
diff --git a/modules/content/_posts/2000-01-03-concepts.markdown b/modules/content/_posts/2000-01-03-concepts.markdown
deleted file mode 100644
index 558a13103..000000000
--- a/modules/content/_posts/2000-01-03-concepts.markdown
+++ /dev/null
@@ -1,64 +0,0 @@
----
-title: Concepts
-published: true
----
-
-# Content: OER, Learning Kits and Course Length
-
-Traditionally, online courses followed this very top-down, regimented formula:
-
-![]({{site.baseurl}}/img/content.jpg)
-
-But open online courses think about content a bit differently. 
-Since your learners will be encouraged to find their own resources and interact with others, knowledge emerges organically. Here are a few ways that you can think about developing content in your course: 
-
-![content slide.001.jpg]({{site.baseurl}}/img/content slide/content%20slide.001.jpg)
-
-### Peers co-create the content. 
-
-In the video you looked at in the last module, Jim Groom mentions that content is the "residue" of interactions in the course. What this means is that, when activities are open-ended and creative, the social interactions around them build out much of what we think of as "content" for an open course. 
-
-In another P2PU course, [Rhizomatic Learning](https://p2pu.org/en/courses/882/rhizomatic-learning-the-community-is-the-curriculum/), Dave Cormier asked learners to participate in the design of the course--the community was going to decide what to learn together. After Dave "officially" stopped running the course in week 6, the course continued to evolve without him--proof of success if ever there was any. 
-
-### Use openly-licensed content that already exists.
-
-The Open Education movement and the use of Creative Commons licenses for educational content have given rise to a wealth of open educational resources. If you'd like to pull together a few foundational resources, [MIT OpenCourseWare](http://ocw.mit.edu/index.htm) and the [Saylor Foundation](http://www.saylor.org/) are both great sources for OERs you can use in your course. Don't forget to attribute correctly.
-
-We used openly-licensed content for our "[A Gentle Introduction to Python](http://reports.p2pu.org/mooc-maker/)" course, and grouped learners together around the chapters and tutorials in the main text we used. The interaction happened around the content, and it was super-nifty. 
-
-### Learners can create tutorials for other learners.
-
-Seasoned educators know that when a student teaches another student, their understanding deepens. That's peer learning in a nutshell. You might want to prompt learners to create a ["Teaching Kit"](http://discourse.webmakerprototypes.org/t/activity-1-create-a-teaching-kit/332) to accompany their project. For our [Mozilla Webmaker course](https://training.webmakerprototypes.org/en/), learners created tutorials to help someone else complete the project in the future. 
-
-These teaching kits/tutorials ask learners to reflect on their project and model a ["reflective practice"](http://en.wikipedia.org/wiki/Reflective_practice) (mmmmm, tasty self-assessment). At the same time, learners are creating their own OERs to contributione to the wider open learning landscape. 
-
-## Give Your Content a Vibe
-
-As we mentioned earlier in this course, we create playful learning experiences that last. The wittier, chattier and more mysterious the better. We always try to strike a balance between playful language and internationalization (what's funny in Australia might not be in Germany) but concepts that make us laugh are concepts that stick. 
-
-The Open University's P2PU course on ["Open Research"] (https://p2pu.org/he/courses/2377/open-research/) decided to deliver all of their examples through a character named "Mr. O'Pen." 
-
-
-
-By setting a playful tone, you are modeling how easy it can be to engage the community and making your little corner of the internet a very welcoming one. 
-
-
-## Course Length
-
-Let's re-think "length." Because ideally what you are building is an online community--one that is ongoing, self-sustaining, and engaged. And in a community, you're never really "done". When is the last time you were done being a musician? Or a teacher? Or a writer? 
-
-When you look at your community longitudinally, it's natural that folks are going to participate in different ways. Our fellow community-builder [Alex Hillman](http://dangerouslyawesome.com/) subscribes to the 80/20 rule: your community will break down into gradations between somewhat active and most active participants:
-
-![]({{site.baseurl}}/img/content-2.jpg)
-
-*Participation is a continuum of activity, and our data at P2PU bears that out.* When looking at one of our recent P2PU courses, folks reported engaging on a pleathora of ways:
-
-![]({{site.baseurl}}/img/content-3.jpg)
-
-So instead of thinking about beginning and finishing, you might think about the course you are developing as *an onramp to your ongoing community* that lives on P2PU.org or somewhere else. You might run Arduino 101 every 8 weeks, but the Arduino G+ group is always there to help, and that way the expert folks can help newbies. 
-
-Some relevant data as to how to design your onborading: recent research by [Martin Weller](http://nogoodreason.typepad.co.uk/no_good_reason/2013/12/design-responses-to-mooc-completion-rates.html) and [Katy Jordan](http://www.katyjordan.com/MOOCproject.html) indicate that, no matter what the discipline, there seems to be a 4-week long "sweet spot" in active participation. 
-
-![]({{site.baseurl}}/img/content-4.png)
-
-So the first 30 days of your course make all the difference. We'd recommend a four-week onboarding course that runs regularly as an introduction to your learning community.
diff --git a/modules/content/_posts/2000-01-03-discuss.markdown b/modules/content/_posts/2000-01-03-discuss.markdown
deleted file mode 100644
index 4f16b798f..000000000
--- a/modules/content/_posts/2000-01-03-discuss.markdown
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: Discuss
-extra_js:
- - '/js/discourseGallery.js'
- - '/js/category-gallery.js'
----
-
-# Discussion on community.p2pu.org
-
-Join discussion about content on [discourse](http://community.p2pu.org/c/course-in-a-box/content).
-
-{% include category_gallery.html forum_url='http://community.p2pu.org' category='course-in-a-box/content' %}
-
-# Organize a hangout
-
-Organize your very own hangout! Post the date and time that you want to hold the hangout on [here on discourse](http://community.p2pu.org/c/course-in-a-box/hangouts) and you can use [this link](https://unhangout.media.mit.edu/h/course-in-a-box) to hang out. When people go to that link, they will automatically join the same Google Hangout!
-
-This is a good opportunity to ask other people to suggest resources that they think will be useful for someone doing your course.
diff --git a/modules/content/_posts/2000-01-03-modules.md b/modules/content/_posts/2000-01-03-modules.md
new file mode 100644
index 000000000..be8956a34
--- /dev/null
+++ b/modules/content/_posts/2000-01-03-modules.md
@@ -0,0 +1,58 @@
+---
+title: Modules
+published: true
+---
+
+## Modules
+
+Course-in-a-Box organizes course content using **modules** and **submodules** which exist respectively as folders and Markdown (`.md`) files within those folders.
+
+**Modules** index your course material into broad sections (topic, weeks, etc.) and appear in the top bar of the website to guide learners through the material. **Submodules** make up the modules and hold the content. 
+
+<br>
+
+#### Default Modules
+
+The default modules for Course-in-a-Box are *Setup*, *Content*, and *Customize* which will appear in the menu bar above. In your GitHub repository, there's a folder called `modules` which contains a folder corresponding to each of these default modules. Inside each of these folders is another folder called `_posts` which contains your submodules (`.md` files). 
+
+[https://github.com/your-github-username/course-in-a-box/blob/gh-pages/modules/](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/modules/)
+
+<br>
+
+#### Creating New Modules
+
+To add a new module, start by creating the first file that will live within that module.
+
+To create a module called **introduction**: 
+* Open the `modules` folder (link above)
+* Click the *Add File* > *Create new file* button which will take you to a page with a text box asking you to name your file
+* Enter the text `introduction/_posts/2000-01-01-test.md` into the box (You should see "introduction" and "_posts" convert to folders while `2000-01-01-test.md` remains as the file name)
+* Scroll to the bottom of the page and commit your change 
+
+This will generate a new hidden module called "introduction" with a subfolder called "_posts" that contains a file (aka a submodule) called `2000-01-01-test.md`. 🎉! 
+
+<br>
+
+#### Updating Modules in the Menu
+New modules will remain hidden from public view until you add them to the course menu. To edit the modules that appear in the menu across the top of your Course-in-a-Box website, you'll manually update the list of module names in `_data/course.yml`.
+
+[https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_data/course.yml](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_data/course.yml)
+
+Change the line containing:
+
+`modules: [tutorial, resources, references]`
+
+to include the name of your new module:
+
+`modules: [introduction, tutorial, resources, reference]`
+
+You can also remove or rearrange these however you'd like. Commit your changes, wait a minute or two, then refresh your course website to see the updated menu!
+
+<br>
+
+#### Deleting Modules
+
+The primary way to delete a folder on GitHub is to clear out all of its files: as soon as a folder is empty, it will automatically disappear. To delete a module, you'll need to remove all of the files inside one-by-one by opening them, hitting the trash icon, and committing the change.
+
+Fortunately, a module won't appear if its name isn't listed in your `course.yml` file, so you can leave P2PU's default folders in your GitHub repository without impacting the way your course looks on the web.
+
diff --git a/modules/content/_posts/2000-01-03-resources.markdown b/modules/content/_posts/2000-01-03-resources.markdown
deleted file mode 100644
index 996736629..000000000
--- a/modules/content/_posts/2000-01-03-resources.markdown
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Resources
-published: true
----
-
-# Other People’s Good Ideas
-
-## Give It A Voice
-
-![python cartoon from xkcd]({{ site.baseurl }}/img/python.jpg)
-
-*Image credit, xkcd*
-
->Computer Science textbooks aren’t always the most exciting learning materials in the world. But research shows that people learn better when they’re having a good experience. After some discussions, we decided that it would be good to create a character who would deliver the messages - a kind of steampunk International MOOC of Mystery. The irony was intentional - we wanted people to understand that a machine was talking to them, as if other MOOCs weren’t machines! It also allowed those who were writing the text to have a bit of fun, with an anchor for for presenting content that, if you’re not careful, can come across like different shades of eggshell paint.
-
-P2PU, [How We Made The Mechanical MOOC - Freerange Learning With a Mechanical Guide](http://reports.p2pu.org/mooc-maker/)
-
-## What Does Collaborative Content Creation Look Like?
-<script async class="speakerdeck-embed" data-id="42f67230b04c013014cf1ec0fc3df86a" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
-
-This slide deck walks through how to design activities for learners to create the content with each other. Folks were asked to design community-centered websites based on their interests. [Check out all the awesome wireframes folks made!](https://www.flickr.com/photos/mozzadrella/sets/72157633955642570/)
-
-## Content is the Residue between Learners
-
->In other words, the Internet Course, and ds106 before it, were not designed around pre-determined content, often packaged as textbooks (so much of the open education movement is still premised on this idea of the authoritative text), but rather on an open educational experience. For example, in ds106 students could choose from a series of assignments, create their own, and navigate a series of resources other shared, etc. But that wasn’t a text in any strict sense, content as a concept was far more elastic and slippery that this hulking, unmoveable metaphor of insfrastrucutre. It was constantly negotiable, remixable, and fluid in its relevance. In the Internet Course there is no pre-exisiting syllabus or readings,  rather the students in the course immediately start brainstorming a set of topics and then start researching and reinforcing what was what. Content plays a crucial role, no doubt, but it’s not predetermined or pre-existing in it’s layout like this idea of infrastructure.
-
-Jim Groom, [Is Content Infrastructure or the Residue of Social Learning?](http://bavatuesdays.com/is-content-infrastructure-or-the-residue-of-social-learning/)
-
-## Content as Infrastructure
->And finally, we have to understand that content is infrastructure to see current “open educational resources” projects and initiatives from the proper perspective. The OpenCourseWares, the Connexions, the GLOBEs, and all the other repositories of open educational resources in the world are critical infrastructure. As such, they are necessary conditions for revolutionizing education. The revolution can not happen without them. However, open content itself is by no means a sufficient condition for the revolution to succeed. So much more is needed! The list above includes only a handful of what needs to be worked on (localization, translation, low-bandwidth delivery, accreditation, degrees, certificates, support, tutors, study group locators).
-
-David Wiley, [Content as Infrastructure](http://cnx.org/contents/f6846012-480e-4154-a7bb-30e836a955e9@7/David_Wiley_-_Content_Is_Infra)
-
diff --git a/modules/content/_posts/2000-01-04-submodules.md b/modules/content/_posts/2000-01-04-submodules.md
new file mode 100644
index 000000000..f4cb8466a
--- /dev/null
+++ b/modules/content/_posts/2000-01-04-submodules.md
@@ -0,0 +1,55 @@
+---
+title: Submodules
+---
+
+## Submodules
+
+**Submodules** are the subsections of a module where your learning content lives. What you're looking at right now is a submodule about submodules. Meta!
+
+<br>
+
+#### Naming Submodules
+
+All submodule files need to follow a specific naming convention to work correctly: 
+
+`YYYY-MM-DD-your-section-name.md`
+
+* **YYYY-MM-DD** - Each file name starts with a valid date in the format `YYYY-MM-DD`—the actual date doesn't matter, but the order of the submodules will be determined by chronological date (for these purposes, you can think of each submodule as a blog post, where the earliest post appears first). We use `2000-01-01` for the first submodule and increment the day (01, 02, 03, etc.) to define the order.
+
+* **your-section-name** - This is a short title for your submodule and will appear in the URL linking to it. You can hyphenate between multiple words if needed and edit this anytime.
+
+* **.md** – Typing `.md` at the end of your name will set the file type as a Markdown document which tells the course how to read the content that's inside. 
+
+<br>
+
+#### Creating Submodules 
+
+To add a new blank submodule, open the `modules` folder in your GitHub repository. 
+
+[https://github.com/your-github-username/course-in-a-box/blob/gh-pages/modules/](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/modules/)
+
+Find the module folder you want to create content for and click into it, then into its `_posts` subfolder. (If these doesn't exist yet, check out [Creating New Modules](../modules).) Click the *Add File* > *Create new file* button and enter your personalized version of `YYYY-MM-DD-your-section-name.md` into the "Name your file..." field.
+
+Below the name, you'll see a vast white space, full of possibility and eagerly awaiting your learning content! If you're not ready to add text yet, you can scroll to the bottom to commit the change and create a blank page.
+
+<br>
+
+#### Adding a Page Title
+
+To set the name of your submodule in the left-hand side bar, you’ll need to add something called “front matter” to the top of your document. This sets meta-information about your page – while it won't be visible on the page itself, it will establish the information that shows up in bookmarks, link previews, and search results. We primarily use `title` in Course-in-a-Box — all you need to do is plop the text below into the beginning of your `.md.` files and replace the word(s) after `title:` with the name of your page. 
+
+```
+---
+title: Submodules
+---
+```
+
+<br>
+
+#### Add Your Content
+
+After that, it's all you! Below the title, add in your learning content using Markdown and (optionally) HTML. Keep the [Markdown & Media](../markdown-and-media) guide handy to speed up the process.
+
+If you're learning this as you go, it can be immensely helpful to peek under the hood of other projects to see how they're made. To compare this page with its Markdown guts, check out `2000-01-04-submodules.md`:
+
+[https://github.com/your-github-username/course-in-a-box/tree/gh-pages/modules/content/_posts/2000-01-04-submodules.md](https://github.com/your-github-username/course-in-a-box/tree/gh-pages/modules/content/_posts/2000-01-04-submodules.md)
diff --git a/modules/customize/_posts/2000-01-01-single-pages.md b/modules/customize/_posts/2000-01-01-single-pages.md
new file mode 100644
index 000000000..ef7a7b9ba
--- /dev/null
+++ b/modules/customize/_posts/2000-01-01-single-pages.md
@@ -0,0 +1,24 @@
+---
+title: Add Single Pages
+---
+
+## Add Single Pages
+
+If you have extra content that you don’t want to fit within a course module (contact page, credits, reference guides, etc), you can also set up single pages. These pages will appear with no left-hand sidebar, just a top navigation and a central space to fill with your content.
+
+<center><img src="/img/example-single-page.png" alt="Screenshot of an example single page" width="75%"/></center>
+<br>
+
+Adding a single page is similar to [making a submodule](../../content/submodules/). Create a new `.md` file in the root folder of your project. You can name it anything you want—the name of the file will turn into its URL in the browser. (Ex: `single-page.md` turns into `https://course-in-a-box.p2pu.org/single-page`)
+
+Add this chunk of code (aka front matter) at the top of your file:
+
+```
+---
+layout: page
+---
+```
+
+Underneath that, you can add your Markdown-formatted content however you’d like. 😎
+
+Note that this file won’t automatically appear in the top navigation bar of your course or anywhere else unless you specifically link to it. For information on adding links, see the [Markdown and Media](../../content/markdown-and-media) page. To add a link to your nav bar, head to the next section, [Add Links to the Top Menu](../top-menu).
diff --git a/modules/customize/_posts/2000-01-02-top-menu.md b/modules/customize/_posts/2000-01-02-top-menu.md
new file mode 100644
index 000000000..cf6368c12
--- /dev/null
+++ b/modules/customize/_posts/2000-01-02-top-menu.md
@@ -0,0 +1,41 @@
+---
+title: Add Links to the Top Menu
+---
+
+## Add Links to the Top Menu
+
+Course-in-a-Box automatically fills the top navigation bar with a link to the course’s homepage and every module that is added to the `_data/course.yml` file. If you want to further customize the top nav with links to external websites (like a forum or your org’s website), you can do that by editing some HTML.
+
+Head to `_includes/navigation.html`:
+
+[https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_includes/navigation.html](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_includes/navigation.html)
+
+Near the bottom of the code, you’ll see text that looks like this:
+
+```
+<!--
+      <li class="nav-item py-2">
+        <a class="nav-link" href="https://www.p2pu.org/en/" target="_blank">Example Link</a>
+      </li>
+-->
+```
+
+This code is “commented out”—in HTML, you can add `<!--` and `-->` around a block of code to instruct the computer to ignore it. (This function is typically used for leaving messages about what specific code is used for—you can see that at the top of this file where it says `<!-- Navigation -->`) In this case, we’ve pre-built a space for you to add a link to the top menu and ignored it by default. You’ll only need to delete the `<!--` and `-->` and update the link information to your own information.
+
+By default, the nav bar should look like this:
+
+![Screenshot of the top navigation bar without an extra link](/img/example-top-nav-no-link.png)
+
+Once you delete the `<!--` and `-->` from the code above and commit your changes, it should look like:
+
+![Screenshot of the top navigation bar with an extra link](/img/example-top-nav-link.png)
+
+To customize the link and title, you’ll replace these parts of the code:
+```
+<a class="nav-link" href="https://www.p2pu.org/en/" target="_blank">Example Link</a>
+```
+
+* `https://www.p2pu.org/en/` – Delete this, then paste your web link here.
+* `Example Link` - Change this text to be the name of your link.
+
+Commit your changes and your new link should appear at the end shortly!
diff --git a/modules/customize/_posts/2000-01-03-custom-domain.md b/modules/customize/_posts/2000-01-03-custom-domain.md
new file mode 100644
index 000000000..9a9d597e2
--- /dev/null
+++ b/modules/customize/_posts/2000-01-03-custom-domain.md
@@ -0,0 +1,22 @@
+---
+title: Set a Custom Domain
+---
+
+## Set a Custom Domain
+
+Your course will live freely and indefinitely at the following link which will be automatically generated when you fork Course-in-a-Box:
+
+[https://your-github-username.github.io/course-in-a-box/](https://your-github-username.github.io/course-in-a-box/)
+
+If you’d prefer to share your course on a different website, you can set it up under a custom domain name. 
+If you or your organization don’t already own the domain name where you want to host your course, you’ll need to buy one. Domains typically start at $10–15 per year. There are hundreds of services for this, many of which offer discounts or specialty domains. We recommend starting with [namecheap](https://www.namecheap.com/) or [gandi](https://www.gandi.net/en-US). 
+
+#### Linking the Custom Domain
+
+Once you’ve registered the domain, there are two steps needed to route it to your course: adding a CNAME and configuring your DNS record.
+
+Remember that CNAME file you deleted when you first forked your course? Er, well, you’ll have to make that again in order to use a custom domain. In the main repository of your course, create a new file titled `CNAME` and paste your custom domain into the file. 
+
+[https://your-github-username.github.io/course-in-a-box/CNAME](https://your-github-username.github.io/course-in-a-box/CNAME.)
+
+Finally, you need to configure your new domain to point to your course on GitHub. For this, we recommend following [GitHub’s official documentation](https://docs.github.com/en/github/working-with-github-pages/managing-a-custom-domain-for-your-github-pages-site#configuring-a-subdomain).
diff --git a/modules/customize/_posts/2000-01-04-google-analytics.md b/modules/customize/_posts/2000-01-04-google-analytics.md
new file mode 100644
index 000000000..d227ea73a
--- /dev/null
+++ b/modules/customize/_posts/2000-01-04-google-analytics.md
@@ -0,0 +1,16 @@
+---
+title: Use Google Analytics
+---
+
+## Use Google Analytics
+
+Google Analytics is a free web analytics service that tracks and reports website traffic. If you're interested in seeing information like how people are finding your course, what country they live in, and how long they spend on different pages, you'll like Google Analytics!
+
+1. Head to [analytics.google.com](https://analytics.google.com/) and sign in with or create a Google account
+1. Create a new property ([more info](https://support.google.com/analytics/answer/1042508)) for your Course-in-a-Box website (You'll need to enter the URL it lives at, so if you want to set up a custom domain, you should do that first)
+1. Copy the Tracking ID information (should look like "UA-000000000-0")
+1. Add your tracking code after the `ga_tracking_code:` line of `_config.yml` 
+
+[https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_config.yml](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_config.yml)
+
+This will take a while to update and won't look very exciting until you start widely sharing your course. If you want to test it now, send the link to a few friends and check the analytics dashboard 24 hours later to make sure things are functioning properly.
diff --git a/modules/customize/_posts/2000-01-05-favicon.md b/modules/customize/_posts/2000-01-05-favicon.md
new file mode 100644
index 000000000..0f2c89b82
--- /dev/null
+++ b/modules/customize/_posts/2000-01-05-favicon.md
@@ -0,0 +1,27 @@
+---
+title: Add a Favicon
+---
+
+## Add a Favicon
+
+A **favicon** is the small image associated with a particular website. Most browsers display these as a visual reminder of the website in the address bar or in tabs. By default, the favicon for Course-in-a-Box courses is the box emoji pictured below. 
+
+![box emoji]({{site.baseurl}}/img/favicon.ico)
+
+<br>
+
+#### Creating a Favicon
+
+Head to [favicon.io](https://favicon.io/), a free and extensive resource that offers tools to quickly generate the correct files using an image, text, or emoji.
+
+Once you've generated the favicon you'd like, the website will download a .ZIP folder called `favicon_io` that contains 6 different images. For Course-in-a-Box purposes, you'll only need the one titled `favicon.ico`
+
+<br>
+
+#### Uploading a Favicon
+
+As long as your file is named `favicon.ico`, you don't need to make any code changes for this one. Head to the `img` folder,  click *Add File* > *Upload Files* (top right above the list of files), and use the upload tool to add your image. Once your file has uploaded, commit your changes and wait a few minutes to see the updated favicon appear.
+
+[https://github.com/your-github-username/course-in-a-box/tree/gh-pages/img](https://github.com/your-github-username/course-in-a-box/tree/gh-pages/img)
+
+You can update the favicon anytime by following this same process. Uploading a file with the same name will overwrite the previous version so you don't need to worry about deleting old versions.
diff --git a/modules/customize/_posts/2000-01-06-licensing.md b/modules/customize/_posts/2000-01-06-licensing.md
new file mode 100644
index 000000000..f4fa753a0
--- /dev/null
+++ b/modules/customize/_posts/2000-01-06-licensing.md
@@ -0,0 +1,9 @@
+---
+title: Choose a Course License
+---
+
+## Choose a Course License
+
+We license our course content (including this very sentence) with a [Creative Commons BY-SA](https://creativecommons.org/licenses/by-sa/4.0/legalcode) license, which means that anybody can reuse or remix content so long as they attribute us (BY) and share their derivative work with the same license (SA=Share Alike). You are free to choose any license that you like: Creative Commons [offers a number of licenses](https://creativecommons.org/licenses/), and there are alternative licenses as well. To change your course license, you need to update text in two places: the website footer and the README file.
+
+You may also have noticed a `LICENSE` file in your repository: this license is for Course-in-a-Box software, not for the content that you create. Do not edit the `LICENSE` file when changing the content license.
diff --git a/modules/feedback/_posts/2000-01-01-outcomes.markdown b/modules/feedback/_posts/2000-01-01-outcomes.markdown
deleted file mode 100644
index f448f5626..000000000
--- a/modules/feedback/_posts/2000-01-01-outcomes.markdown
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Outcomes
----
-
-# Feedback as a form of assessment
-
-![]({{site.baseurl}}/img/feedback-banner.jpg)
-Image [CC-BY-SA](https://creativecommons.org/licenses/by-sa/2.0/) [Brandon Schauer](https://www.flickr.com/photos/brandonschauer/)
-
-Getting feedback on projects and assignments is an important part of learning.
-
-The aim of this module is to
-
-- understand the importance of good feedback and how that relates to assessment.
-- design and facilitate good feedback in the course you are creating.
-- get good feedback on the course you are building.
-- use badges as a way to facilitate feedback in your course.
diff --git a/modules/feedback/_posts/2000-01-02-projects.markdown b/modules/feedback/_posts/2000-01-02-projects.markdown
deleted file mode 100644
index 8b0e55055..000000000
--- a/modules/feedback/_posts/2000-01-02-projects.markdown
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: Projects
-published: true
-extra_js:
- - '/js/discourseGallery.js'
- - '/js/category-gallery.js'
----
-
-# Projects
-
-## Feedback on the Web: What is "Good"?
-
-We encounter feedback mechanisms on the web, wherver we go. On Twitter, we know a Tweet is "good" if people Favorite it, or Retweet it. On Stack Overflow, people "upvote" good answers. 
-
-Think about the last time you received feedback on the web. Did the feedback help you achieve your goal? Share your experiences on the forum and lets figure out what good feedback looks like together.
-
-<a href="http://community.p2pu.org/t/what-is-good-feedback/1292" class="btn btn-primary"><i class="fa fa-comments"></i> Share your experiences</a>
-
-## Help Others with Your Sharp Feedback Skills
-
-Go to the ['New Course'](http://community.p2pu.org/c/new-courses) category and pick a course to give feedback on. Structure your feedback as follows: 
-
-1. Say specifically what you like about the course. Is the topic interesting? Do the exercises reflect the goals of peer learning? 
-2. Ask for clarification on things that you don't understand or don't agree with. 
-3. Make suggestions after hearing the answers to your clarification questions.
-
-We call this "red - yellow - green" feedback, which you'll soon see in action in badges.
-
-{% include category_gallery.html forum_url='http://community.p2pu.org' category='new-courses' %}
-
-## Create a P2PU Badge to Prompt Feedback and Recognize Mastery
-
-Badges are a good way to facilitate feedback on projects in a course. Design a badge for every project in your course. You can create a badge on [badges.p2pu.org](https://badges.p2pu.org), and get a feel for how they work with our [Badge Maker](https://p2pu.org/en/courses/653/p2pu-badge-maker/) course.
-
-Some good example badges to look at are: 
-
-### WikiSOO Burba Badge
-<iframe id="badge_embed" type="text/html" frameborder="0" height="310" width="210" src="//badges.p2pu.org/en/badge/view/22/embedded/?rendering=normal"></iframe>
-
-### Deeper Learning
-<iframe id="badge_embed" type="text/html" frameborder="0" height="310" width="210" src="//badges.p2pu.org/en/badge/view/323/embedded/?rendering=normal"></iframe>
-
-### I Walked with #WALKMYWORLD
-<iframe id="badge_embed" type="text/html" frameborder="0" height="310" width="210" src="//badges.p2pu.org/en/badge/view/347/embedded/?rendering=normal"></iframe>
-
-To add your badges to your course, you should grab the embed code from the badges page by clicking on the embed button and paste the code into a seperate section in your module called "badges." [Here's some detailed directions to help you embed your badge anywhere on the web](http://info.p2pu.org/2013/07/16/announcing-new-ways-to-use-badges-p2pu/).
-
-This is an example of what the embed code looks like:
-
-{% highlight html %}
-<iframe id="badge_embed" type="text/html" frameborder="0" height="310" width="210" src="//badges.p2pu.org/en/badge/view/3/embedded/?rendering=normal"></iframe>
-{% endhighlight %}
diff --git a/modules/feedback/_posts/2000-01-03-concepts.markdown b/modules/feedback/_posts/2000-01-03-concepts.markdown
deleted file mode 100644
index d1b4763cc..000000000
--- a/modules/feedback/_posts/2000-01-03-concepts.markdown
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: Concepts
-published: true
----
-
-# Feedback: the Good Stuff
-![getfeedback.png]({{site.baseurl}}/img/getfeedback.png)
-
-The word “feedback” may fill some with dread, but at P2PU it fills us with joy. We’re feedback addicts, always wanting to build with each other or see a project from another point of view. 
-
-When a student gives feedback or support to another student, that process deepens their own understanding of the subject being discussed. In the case of learning to program, students with some expertise actually learn more when they work with students who have less expertise. In writing courses, the research suggests that the act of critiquing another’s work measurably improves the quality of your own. We can associate peer feedback with dozens of other skills, including communication, conflict resolution, negotiation, and empathy. **It’s a bit edu-speak, but bear with us: what we're suggesting is that you can learn through assessing someone else.** This has massive implications (and they're good ones) for learning communities on the web. Not only does this mean that communities come up with their own notions of quality (the software development community GitHub has “core contributors” as an example) but communities can also scale to meet the needs of many learners in a personal way.
-
-In the social learning universe, feedback is another form of “assessment” of someone else’s work, so we tend to use the terms interchangeably. From where we sit, solid feedback on the Web embraces the following principles:
-
-###Recognize different paths to the answer
-Traditional assessment structures often resemble binary code: they are either on (right) or off (wrong). There’s a mismatch between this kind of black-and-white approach and working on complex projects: solutions are often iterative, and understanding grows over time. 
-Say you’re an urban planner tasked with building a new park. There are countless ways to approach the problem--you could optimize for greenery, for social interaction, for ecological impact--and all of the answers would be relevant. Real world problems often have several solutions. The way we learn and recognize learning should not be “one size fits all.”
-###Model concepts of quality and community norms 
-Learning communities determine what is “in” or acceptable, and what isn’t. Community moderators or experienced members often shine a light on what they consider to be of quality, for instance with “Featured Projects” or “Projects We Love” gallery. Imparting exemplary work with some sense of status models behavior for the wider community.
-###Foster deep conversations amongst community members
-Participating in a learning community is a way to master both a subject and the norms and values of a community. For example, if you post your latest crochet mittens to the knitting community site Ravelry. The feedback from the community will: a.) make your future crochet projects more stitch-perfect and, b.) model for you how to participate in the larger Ravelry community. If you’re stuck on a certain pattern, consulting experts on Ravelry can buoy you up, help you overcome obstacles and give you the gumption to take risks.
-###Build in reflection and self-assessment 
-In educational circles we often hear about building a “reflective practice”--asking learners to look back on their own work, diagnose their understanding, and imagine how they might use these skills in the future. In edu-speak we call this “metacognition”: thinking about your thinking. Metacognition is positively correlated with lifelong learning and self-directed exploration, which we can all agree is a good thing.
-###Support a learner’s continued growth and evolution 
-E-portfolios and other similar mechanisms make space where we can showcase how we evolve, and tap into the wealth of resources available on the web. As learners progress they gain visibility within a community, and they are expected to take on increasing responsibilities, e.g. to help others, provide feedback, or maintain the norms of the community.
-
-# A Toolkit for Better Feedback
-
-As sketched out above, our feedback model derives from the educational model of “Critique”. In this model, the group of instructors and peers deliver primed, constructive feedback to the writer, artist or designer. 
-
-But undirected, messy feedback doesn’t do much to help the learner. Neither do value judgements, opinions or ad hominem attacks. In order to deliver more constructive feedback, organizations like the Stanford Design school use the “[I Like, I Wish, What If](http://dschool.stanford.edu/wp-content/themes/dschool/method-cards/i-like-i-wish-what-if.pdf)” model to help prompt new ideas for the designer. Similarly choreographer Liz Lerman has developed a [Critical Response Process](http://www.lizlerman.com/crpLL.html) as a method to deliver feedback openly and constructively. 
-
-How the critique approach shakes out on the web *looks* a little different, but has the same spirit. We’ll walk you through a few P2PU examples, and pop some more into the [Resources](http://howto.p2pu.org/modules/feedback/resources) section.
-
-### Badges
-Everyone is an expert in something. Maybe you know how to make the perfect costume for your pet. Or you bring objects to life via 3D-drafting and printing. Most people are curious and want learn how to make the next thing--whether it be digital, analogue or abstract. Sound about right?
-At P2PU, we use badges as a way to recognize and support the development of your expertise as you evolve. If you see a badge on [badges.p2pu.org](https://badges.p2pu.org) that’s in line with a project you’re working on, you can submit it for feedback from an expert. It usually looks something like this:
-![qualfeedback.png]({{site.baseurl}}/img/qualfeedback.png)
-
-
-For Wikipedia’s School of Open [Burba Badge](http://badges.p2pu.org/en/badge/view/22/), a learner need to make over 200 edits to a Wikipedia article, and bring an article from a D grade to a B grade. 
-
-![wikisooba.png]({{site.baseurl}}/img/wikisooba.png)
-
-When learner C01 submits their project, an expert delivers directed feedback in the model of “Kudos” “Questions” and “Concerns” and prompts the learner to resubmit.
-
-![badges.png]({{site.baseurl}}/img/badges.png)
-
-Our platform is unique in that is supports peer-to-peer feedback and not just top-down badge issuing. As far we know it’s also the only full-service open source platform that anyone can use at the moment. Find out more at [badges.p2pu.org](badges.p2pu.org).
-
-### Play With Your Music
-For our playful introduction to audio engineering, all the expert guests were encouraged to model a reflective process--to talk about the different steps they took to get to their final creative product. If they had outstanding questions or concerns they wanted to bring to the group, this “reflective practice” opened up the project for others to weigh in.
-
-![pwymfeedback.png]({{site.baseurl}}/img/pwymfeedback.png)
-
-Good feedback starts with reflecting on how far you’ve come (eduwonks call this “self-assessment”) and then asking others into the project with you.
diff --git a/modules/feedback/_posts/2000-01-03-discuss.markdown b/modules/feedback/_posts/2000-01-03-discuss.markdown
deleted file mode 100644
index ca5f6a644..000000000
--- a/modules/feedback/_posts/2000-01-03-discuss.markdown
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Discuss
-extra_js:
- - '/js/discourseGallery.js'
- - '/js/category-gallery.js'
----
-# Discussion on community.p2pu.org
-
-Join discussion about feedback on [discourse](http://community.p2pu.org/c/course-in-a-box/feedback).
-
-{% include category_gallery.html forum_url='http://community.p2pu.org' category='course-in-a-box/feedback' %}
-
-# Organize a hangout
-
-Organize your very own hangout! Post the date and time that you want to hold the hangout on [here on discourse](http://community.p2pu.org/c/course-in-a-box/hangouts) and you can use [this link](https://unhangout.media.mit.edu/h/course-in-a-box) to hang out. When people go to that link, they will automatically join the same Google Hangout!
-
-This is a good opportunity to practice giving good feedback. Repeat the process as outlined in the projects, but this time, ask a 3rd person to facilitate the feedback.
diff --git a/modules/feedback/_posts/2000-01-03-resources.markdown b/modules/feedback/_posts/2000-01-03-resources.markdown
deleted file mode 100644
index 90bd6b192..000000000
--- a/modules/feedback/_posts/2000-01-03-resources.markdown
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: Resources
-published: true
----
-
-# Other People’s Good Ideas:
-
-## Assessment on the Web
->Participating is learning. By observing and chiming in with your ideas in an online community, over time you’re learning several things: the domain of the community (i.e. code, techno, lolzcatz), and how to communicate within it (i.e. communication tools, but also etiquette, are emotiji appropriate?). An online presence is a blend of “soft” and “hard” skills, and they are interconnected.
-Communities decide what’s acceptable. Voting an answer up-or-down, liking a post, or remixing a project–these are different levels of granularity, but anyone in the community can give feedback on any project. The community decides what’s good and what’s not, and folks who make stellar contributions are celebrated.
-
->Feedback is key. It’s actually a core skill in a community of practice. Whether it’s leaving a comment on a post, suggestions on a project, or answering an open question, giving feedback is a way to apply the norms and values of a community. Giving feedback is also a kind of learning–in and of itself.
-
-P2PU, [Assessment on the Web](http://reports.p2pu.org/assessment-on-the-web/part-1/)
-
-## Liz Lerman: The Critical Response Process
-<iframe src="//player.vimeo.com/video/55022092" width="100%" height="380" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-
-## I Like, I Wish, What If
->Designers rely on personal communication and, particularly, feedback, during design work. You request feedback from users about your solution concepts, and you seek feedback from colleagues about design frameworks you are developing. Outside the project itself, fellow designers need to communicate how they are working together as a team. Feedback is best given with I-statements. For example, “I sometimes feel you don’t listen to me” instead of “You don’t listen to a word I say.” Specifically, “I like, I wish, What if” (IL/IW/WI) is a simple tool to encourage open feedback.
-
-Stanford Design School, [“I Like, I Wish, What If” Method of Feedback](http://dschool.stanford.edu/wp-content/themes/dschool/method-cards/i-like-i-wish-what-if.pdf)
-
-## Critical Response Process
-The Process engages participants in three roles:
-- The artist offers a work-in-progress for review and feels prepared to question that work in a dialogue with other people;
-- Responders, committed to the artist’s intent to make excellent work, offer reactions to the work in a dialogue with the artist; and
-- The facilitator initiates each step, keeps the process on track, and works to help the artist and responders use the Process to frame useful questions and responses.
-
-The Critical Response Process takes place after a presentation of artistic work. Work can be short or long, large or small, and at any stage in its development.
-
-The facilitator then leads the artist and responders through four steps:
-
-1. Statements of Meaning: Responders state what was meaningful, evocative, interesting, exciting, striking in the work they have just witnessed.
-2. Artist as Questioner: The artist asks questions about the work. After each question, the responders answer. Responders may express opinions if they are in direct response to the question asked and do not contain suggestions for changes.
-3. Neutral Questions: Responders ask neutral questions about the work. The artist responds. Questions are neutral when they do not have an opinion couched in them. For example, if you are discussing the lighting of a scene, “Why was it so dark?” is not a neutral question. “What ideas guided your choices about lighting?” is.
-4. Opinion Time: Responders state opinions, subject to permission from the artist. The usual form is “I have an opinion about ______, would you like to hear it?” The artist has the option to decline opinions for any reason.
-
-[Liz Lerman’s Critical Response Method](http://unlockingtheclassroom.blogspot.com/2009/06/liz-lermans-critical-response-process.html)
-
-## Iteration and Reflection
->The practitioner allows himself to experience surprise, puzzlement, or confusion in a situation which he finds uncertain or unique. He reflects on the phenomenon before him, and on the prior understandings which have been implicit in his behaviour. He carries out an experiment which serves to generate both a new understanding of the phenomenon and a change in the situation.
-
-Donald Schön ["The Reflective Practitioner"](http://infed.org/mobi/donald-schon-learning-reflection-change/)
diff --git a/modules/learning/_posts/2000-01-01-outcomes.markdown b/modules/learning/_posts/2000-01-01-outcomes.markdown
deleted file mode 100644
index e4e73c416..000000000
--- a/modules/learning/_posts/2000-01-01-outcomes.markdown
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Outcomes
----
-
-# Is learning on the web any different
-
-![]({{site.baseurl}}/img/learning-banner.jpg)
-
-Web + content = free education for all! Well, almost. The popular argument of how technology will disrupt education is typically based on the idea that low cost distribution of hight quality content will result in free (almost) education for everyone. While high quality content doesn't hurt, it's not the whole story. 
-
-There are lots of research showing that learners (even those in brick and mortar institutions) are more likely to succeed when working on projects about topics they value. 
-
-The aim of this module is to
-
-- identify the key questions in your target community
-- define the learning outcomes for your course
-- design good assignments for your course that engage learners
diff --git a/modules/learning/_posts/2000-01-02-projects.markdown b/modules/learning/_posts/2000-01-02-projects.markdown
deleted file mode 100644
index dd9f2efd4..000000000
--- a/modules/learning/_posts/2000-01-02-projects.markdown
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Projects
-published: true
----
-
-# Projects
-
-## Backwards Design: What Will People *Learn* in Your Course?
-Everyone has their favorite readings, ideas and activities that they might want to pull into their courses. But designing a course is about selecting the right elements that will bring about transformation. 
-
-*Start with what you want folks to know.* Work backwards from there. 
-
-![3stages.gif]({{site.baseurl}}/img/3stages.gif)
-
-*credit: http://techknowtools.files.wordpress.com/2012/04/3stages.gif*
-
-
-1. What ideas or skills do you want students to master in your course? Make a list of 3-5. 
-2. Think about what kinds of projects students might complete to show mastery of those ideas or skills. Jot down 1-2 ideas.
-3. You now have the learning outcomes for your course. 
-
-<a class="btn btn-primary" href="http://community.p2pu.org/t/course-in-a-box-backwards-learning-design/1224)"><i class="fa fa-comments"></i> Post your learning outcomes.</a>
-
-Now you are ready to create (and play with) your modules!
-
-## Let's Make Some Modules!
-
-Now it's time to start building your course! 
-
-1. In your GitHub repository, create a folder for every module inside the `modules` folder. The name of the folder will be reflected in the URLs of your course. If you look at the URL for this page, you will notice the first part of the URL is 'modules/learning' and that is also the name of the [folder in the GitHub repository](https://github.com/p2pu/course-in-a-box/tree/gh-pages/modules/learning/).
-1. Inside the folder you just created, create another folder called `_posts`. This is the folder that will hold the actual content for your course. Every module can have multiple sections. One of these sections should be `projects`.
-1. Create a new file called `2000-01-01-projects.md` inside the `_posts` folder for the module you just created. The date part determines the order of the sections in the module. For instance, you can see all the sections for the learning module [here](https://github.com/p2pu/course-in-a-box/tree/gh-pages/modules/learning/_posts).
-
-If you don't want to create all the folders yourself, rename or copy one of the folders that are already there (start, community, learning, content) and update the sections appropriately.
-
-For modules to show up in the top navigation, you need to update the list modules in [https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_data/course.yml](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_data/course.yml).
-
-Update the list of modules to reflect the modules for your course:
-
-{% highlight yaml %}
-modules: [start, community, learning, content, feedback, references]
-{% endhighlight %}
-
-The video below shows all the steps for adding a module called 'variables' to a course.
-
-<video src="{{site.baseurl}}/img/add-module.webm" width="640" height="360" controls></video>
-
-## From Learning Goals to Activities
-We recall information best when we:
-
-- design for all senses
-- build a real-life project that is applicable to our lives
-- present that project to others for feedback
-- share our ideas with the wider world
-
-For each learning goal / module, design an assignment prompt that's open-ended and empowers learners to personalize the project.
-
-<a class="btn btn-primary" href="http://community.p2pu.org/t/course-in-a-box-activity-design/1225"><i class="fa fa-comment"></i> Post your activities</a>
diff --git a/modules/learning/_posts/2000-01-03-concepts.markdown b/modules/learning/_posts/2000-01-03-concepts.markdown
deleted file mode 100644
index 04fedfb52..000000000
--- a/modules/learning/_posts/2000-01-03-concepts.markdown
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: Concepts
-published: true
----
-
-# Learning Design: Assignments, Length, and Tasty Theory 
-
-## How to Design a Learning Experience that Works
-
-[Jim Groom](http://bavatuesdays.com/) is the wizard behind the curtain at [ds106](http://ds106.us/), or Digital Storytelling 106--widely known as one of the most vibrant and successful learning communities on the internet. We decided to ask him about how he designs for learning. In this chat, we tackle the following questions:
-
-- What were the design principles behind your course?
-- How do you develop content for an open online course?
-- How do you motivate learners in order to sustain their interest?
-
-<iframe width="560" height="315" src="//www.youtube.com/embed/T_1ONj1vFBk" frameborder="0" allowfullscreen></iframe>
-
-## Learning Design: Motivation, Play and Styles
-
-**When Did Learning Get so Boring?**
-Remember playing with Legos as a kid? You were probably relaxed, curious, and not particulary focused on what the final outcome might look like. You might have built a little bit, then decided what was working and what wasn't, abandoned some bits, kept others and perhaps lost track of time in the process.
-
-At P2PU we strive to create learning experiences that are like playing with Legos. When we don't feel the pressure of time, of outcomes, of what other people are doing or of what the "right" answer is, we are able to imagine what's possible and follow our passions. 
-
-For every learning module, consider the following design principles:
-
-### Playful projects. 
-How could someone make a project where they fiddle, tinker and lose themselves in it? Open-ended projects and thematic prompts help learners find their own paths and ideas. These types of assignments nurture ["flow"](http://www.ted.com/talks/mihaly_csikszentmihalyi_on_flow), where learners become completely engaged and [intrinsically motivated](http://en.wikipedia.org/wiki/Motivation#Intrinsic_and_extrinsic_motivation) to work on an activity. 
-
-### Design for all senses.
-We recall information best when it engages several of our senses. Take, for example, the abstract concept of "[social stratification](http://en.wikipedia.org/wiki/Social_stratification)." How else could someone learn this concept, and even further, display that they understand the concept? They might
-
-- display census data on a map
-- interview 5 people in a certain radius and share the interviews on a website
-- create a video documentary about grocery stores in an area
-- create a time lapse photography about the gentrification of a neighborhood
-
-### Low floors, wide walls. 
-We recommend activities that can work for both beginner and advanced learners. Activities of this type have few barriers to entry ( and make use of easy-to-use tools like Googledocs or Twitter) but are flexible enough to allow advanced folks to add layers of more complex elements. That way beginners can learn from the projects of advanced learners, and more advanced students are still challenged by the project. For example, say an assignment is [to create a manifesto](https://speakerdeck.com/mozzadrella/learning-community-design-adult-learner-manifesto). Both novice and experienced writers can articulate their beliefs and share core values. Experienced writers could take it further with persuasive techniques or speech writing.
-
-### Focus on themes.
-Instead of encouraging learners to compete to solve a problem, select a thematic focus for a project. Instead of working deductively towards a “correct” solution, learners are free to follow their personal passions. The Science Leadership Academy in Philadelphia is a formal learning setting which anchors each year with a theme: identity, systems, change and creation. The assignments learners undertake map onto those themes and prompt learners to create their own understanding of the concepts.
-
-###Inspire with diverse examples. 
-Showcasing a range of work inspires learners to imagine what’s possible (as opposed to what’s correct). At the same time, an array of different projects models inclusivity, builds a broad community of learners. For instance, the homepage for the 3-D printing community [Shapeways](http://www.shapeways.com/) features projects that range from an egg-cup to accessories to bling out your Google Glass.
-
-## Examples 
-
-### Play With Your Music
-For [Play With Your Music](http://www.playwithyourmusic.org/) an online music remixing course, learners were prompted to select their favorite song and write down where they heard the various instruments in space. From there, they created a graph to visually show where they perceived the instruments and sounds in the song. 
-
-![Image of Play With Your Music project]({{site.baseurl}}/img/pwym.png)
-
-At the same time, we didn't want learners to feel constrained by the structure of the activity. If learners wanted to try another tool, we welcomed that creativity: 
-
->As you might have guessed, we encourage you to be creative in this course. If you find our Perceived Space Graph Template limiting, feel free to use your imagination and develop a different template than the one shared in Step 2, above. Some people prefer to work with pens, markers, and paper. For others, Google Charts is fine. If you decide to create multiple >space graphs for your song, we encourage you to edit them into a video using iMovie or the free web-based Mozilla Popcorn Maker11 synchronizing your graphs to the recording. Whatever method you use, be sure to either share a link or take a photograph of it and post a photo of it to your learning ensemble.
- 
-We want learners to feel comfortable and give them options for how to engage. Like the Play With Your Music course we mentioned above, we encourage folks to convey the information in different ways--visually (like mental maps), audially (like pronunciation clips), or via text (like readings or Wikipedia entries). We recommend that you offer content that appeals to different styles, and give learners options for what sorts of projects they might want to undertake.
-
-### Story Hack Day
-For [Story Hack Boston](http://storyhack.splashthat.com/) SoundCloud, MIT and P2PU hatched a plan to revamp the hackathon, peer-learning style. 44 storytellers and hackers came together to tell stories. We offered 4 thematic tracks for the day-long event:
-
-- Heartbeat of MIT: Soundscapes
-- Arc of the API: How to Use APIs to Tell Stories
-- Beyond Vox Pop: Creative Ways to Engage Your Audience
-- Storyslamming
-
-The Vox Pop group wanted to showcase the different perceptions Hackers and Storytellers had about each other, and decided a series of interviews would surface those ideas. The result was an extended "chain" of conversations between the different groups:
-
-<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/25125652&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
-
-Full recap at [The Hackathon, Revamped: Recs for Mixing Hackers & Storytellers](http://info.p2pu.org/2012/10/01/the-hackathon-revamped-recs-for-mixing-hackers-storytellers/)
diff --git a/modules/learning/_posts/2000-01-03-discuss.markdown b/modules/learning/_posts/2000-01-03-discuss.markdown
deleted file mode 100644
index 70a1ee46e..000000000
--- a/modules/learning/_posts/2000-01-03-discuss.markdown
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Discuss
-extra_js:
- - '/js/discourseGallery.js'
- - '/js/category-gallery.js'
----
-# Discussion on community.p2pu.org
-
-Join discussion about learning on [discourse](http://community.p2pu.org/c/course-in-a-box/learning).
-
-{% include category_gallery.html forum_url='http://community.p2pu.org' category='course-in-a-box/learning' %}
-
-# Organize a hangout
-
-Organize your very own hangout! Post the date and time that you want to hold the hangout on [here on discourse](http://community.p2pu.org/c/course-in-a-box/hangouts) and you can use [this link](https://unhangout.media.mit.edu/h/course-in-a-box) to hang out. When people go to that link, they will automatically join the same Google Hangout!
-
-This is a good opportunity to brainstorm ideas for assignments/project for your modules.
diff --git a/modules/learning/_posts/2000-01-03-resources.markdown b/modules/learning/_posts/2000-01-03-resources.markdown
deleted file mode 100644
index 05b28cfdd..000000000
--- a/modules/learning/_posts/2000-01-03-resources.markdown
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: Resources
-published: true
----
-
-# Other peoples good ideas
-
-## What's Creative Learning?
-
-<iframe width="560" height="315" src="//www.youtube.com/embed/mDdg_fFH5XI" frameborder="0" allowfullscreen></iframe>
-
-## Motivation & Mindset
->In a fixed mindset, people believe their basic qualities, like their intelligence or talent, are simply fixed traits. They spend their time documenting their intelligence or talent instead of developing them. They also believe that talent alone creates success—without effort. They’re wrong.
-In a growth mindset, people believe that their most basic abilities can be developed through dedication and hard work—brains and talent are just the starting point. This view creates a love of learning and a resilience that is essential for great accomplishment. Virtually all great people have had these qualities.
-[Carol Dweck, Mindset](http://mindsetonline.com/whatisit/about/)
-
-## Learning Styles
->In developing technologies for older learners, we try to 
-achieve a similar effect. Our guiding principle is “many 
-paths, many styles” – that is, to develop technologies that 
-can be used along many different paths, by children with 
-many different styles. Too often, educational technologies 
-are overly constrained, such as tutoring software for 
-teaching algebra, or simulation software for modeling 
-planetary motion in the solar system. Our goal is to provide 
-tools that can be used in multiple ways, leaving more room 
-for children’s imaginations. 
-[Mitch Resnick, All I Really Need to Know (About Creative Thinking)I Learned (By Studying How Children Learn) in Kindergarten*](http://web.media.mit.edu/~mres/papers/CC2007-handout.pdf)
-
-## Learners Constructing Knowledge
-
->I can identify examples (as an existence proof) that constructionism can work for adults as well as children.
-
->Teachers know that if you want to learn a new subject, sign up to teach the new subject. Constructing the course and teaching it to others is a great way of developing that knowledge.
-
->Programmers take on new projects to learn a new method, language, context, or community. My former PhD student, Mike Hewner, wanted to know what professional game development was like. Because he’s an exceptional software engineer, he was able to land himself an internship with a game company one summer (with no prior game experience), explicitly to learn game development.
-
-[http://computinged.wordpress.com/2014/05/23/constructionism-for-adults/](http://computinged.wordpress.com/2014/05/23/constructionism-for-adults/)
-
-## Learning Styles and Accessibility
-
-![]({{site.baseurl}}/img/learning-styles.png)
-
-CAST, "[Post Secondary Triple Blended Courses](http://udloncourse.cast.org/page/planning_course#.U3-6AVhdVy9)"
\ No newline at end of file
diff --git a/modules/references/_posts/2000-01-01-introduction.markdown b/modules/references/_posts/2000-01-01-introduction.markdown
deleted file mode 100644
index 768a5c761..000000000
--- a/modules/references/_posts/2000-01-01-introduction.markdown
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Introduction
----
-
-![Picture of references]({{site.baseurl}}/img/reference.jpg)
-
-Image [CC-BY-SA](https://creativecommons.org/licenses/by/2.0/) by [bohman](https://www.flickr.com/photos/bohman/) on Flickr. 
-
-This module contains a lot of resources; mostly related to the technical side of how to create an online course. If you have any questions about these references or any questions that are not addressed here, please ask us on [community.p2pu.org](http://community.p2pu.org/category/tech).
-
-<a class="btn btn-primary" target="_blank" href="http://community.p2pu.org/category/tech"><i class="fa fa-weixin"></i> Ask us stuff!</a>
diff --git a/modules/references/_posts/2000-01-02-github-cheatsheet.markdown b/modules/references/_posts/2000-01-02-github-cheatsheet.markdown
deleted file mode 100644
index dc90b9ef3..000000000
--- a/modules/references/_posts/2000-01-02-github-cheatsheet.markdown
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: GitHub Cheatsheet
----
-
-# Github cheatsheet
-
-This cheatsheet explains how to do various things in GitHub. If you're looking for explanations of what some of the terms we use mean, have a look at the [GitHub Glossary](https://help.github.com/articles/github-glossary) 
-
-## How to fork a repository
-To fork a repository, go to the repository you would like to fork.  Ex. "https://github.com/yourusername/repositoryname/"
-
-Click "Fork" at the top right of the page.  That's it!  You will now have your own copy of the repository.
-
-![]({{site.baseurl}}/img/tools/github-fork-step-1.png)
-
-## How to submit a pull request
-
-To submit a pull request, go to a repository that you forked. Ex. "https://github.com/yourusername/repositoryname/"
-
-Select the "Pull Requests" tab.
-
-![]({{site.baseurl}}/img/tools/github-pull-request-step-1-small.png)
-
-Click on "New pull request".
-
-![]({{site.baseurl}}/img/tools/github-pull-request-step-2-small.png)
-
-See if the changes shown are correct and then click "Create pull request".
-
-![]({{site.baseurl}}/img/tools/github-pull-request-step-3-small.png)
-
-Fill in a title for the pull request and click on "Create".
-
-![]({{site.baseurl}}/img/tools/github-pull-request-step-4-small.png)
-
-You are done and the pull request will look something like this:
-
-![]({{site.baseurl}}/img/tools/github-pull-request-step-5-small.png)
-
-You can click on the "Files changed" tab to see the changes that was made.
-
-![]({{site.baseurl}}/img/tools/github-pull-request-step-6-small.png)
-
-## How to edit a file
-
-Go to your repository
-
-...
-
-## How to upload an image
-
-## How to keep your fork up-to-date
-You just forked this awesome project but it got more awesome... what do you do?
-
-### Through GitHub
-> Note:  This is assuming none of the updates made to the main repository conflict with changes you have made to yours.  Conflicts can make things a bit trickier but hopefully this is useful in most situations.
-
-Go to your repository on GitHub and click the green Pull Request button.
-
- ![]({{site.baseurl}}/img/tools/github-upstream-step-1.png)
-
-If you haven't made any updates to your repository it will tell you there is nothing to compare.  Click 'switching the base' and jump past the next couple steps to 'Create pull request.'  If you have made updates to your repository click the 'Edit' button.
-
- ![]({{site.baseurl}}/img/tools/github-upstream-step-2.png)
-
-Change the base fork to your repository
- 
-  ![]({{site.baseurl}}/img/tools/github-upstream-step-2-1.png)
- 
-It will tell you that there isn't anything to compare (Which is true! You are comparing your respository to itself!).
- 
-Click 'Edit' again and click 'compare across forks.'
- 
-  ![]({{site.baseurl}}/img/tools/github-upstream-step-2-2.png) 
- 
-Change the head fork to main respository (p2pu in this case).
-
-  ![]({{site.baseurl}}/img/tools/github-upstream-step-2-3.png)
-
-Click 'Create pull request.'
- 
- ![]({{site.baseurl}}/img/tools/github-upstream-step-3.png)
-
-Fill out your merge request that will be submitted to yourself.
-
- ![]({{site.baseurl}}/img/tools/github-upstream-step-4.png)
-
-Go to the bottom of the page and click 'Merge pull request.'
-
- ![]({{site.baseurl}}/img/tools/github-upstream-step-5.png)
-
-Click 'Confirm merge.'
-
- ![]({{site.baseurl}}/img/tools/github-upstream-step-6.png)
-
-That's it!  
- 
-### Through Git
-> Note: This can only be done using git directly and cannot be done through the GitHub website
-
-1. Open a terminal (for Mac and Linux users) or command line (for Windows users).
-
-1. Add a new remote that points to the original repository.
-
-        git remote add upstream https://github.com/p2pu/course-in-a-box.git
-
-1. Update your repository so it knows about all the stuff that has been going on since you forked.
-
-        git fetch upstream
-
-1. Merge the changes from the upstream repository into yours.  This will bring your repository up-to-date without losing any of your local changes.
-
-        git merge upstream/gh-pages
-
-1. Push the changes up to your repository on GitHub.
-
-        git push origin gh-pages
-
-## How to create a new repository
diff --git a/modules/references/_posts/2000-01-02-markdown-cheatsheet.markdown b/modules/references/_posts/2000-01-02-markdown-cheatsheet.markdown
deleted file mode 100644
index 68d622807..000000000
--- a/modules/references/_posts/2000-01-02-markdown-cheatsheet.markdown
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: Markdown Cheatsheet
----
-
-# Markdown Cheatsheet
-
-Markdown is a plain text formatting language which has been designed to be easily converted to HTML. Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor. This cheatsheet will help you to get going using Markdown.
-
-**Some bold text**
-
-```
-**Some bold text**
-```
-
-----
-
-*Some italics*
-
-```
-*Some italics*
-```
-
-----
-
-# Heading 1
-## Heading 2
-### Heading 3
-
-    # Heading 1
-    ## Heading 2
-    ### Heading 3
-
-or
-
-    Heading 1
-    =========
-    Heading 2
-    ---------
-    ### Heading 3
-
-----
-
-- list item
-- list item
- - sub list item 
-- list item
- 1. numbered sub list item 1
- 1. numbered sub list item 2
- 1. numbered sub list item 3
-
-```
-- list item
-- list item
- - sub list item 
-- list item
- 1. numbered sub list item 1
- 1. numbered sub list item 2
- 1. numbered sub list item 3
-```
-
-----
-
-[link to p2pu](https://p2pu.org)
-
-```
-[link to p2pu](https://p2pu.org)
-```
-
-----
-
-![Alternative text for image](https://p2pu.org/static/images/homepage/logo-p2pu-menu.png)
-
-```
-![Alternative text for image](https://p2pu.org/static/images/homepage/logo-p2pu-menu.png)
-```
-
-----
-
-<iframe width="640" height="360" src="//www.youtube.com/embed/5LtpOZT0z7E" frameborder="0" allowfullscreen></iframe>
-
-```
-<iframe width="640" height="360" src="//www.youtube.com/embed/5LtpOZT0z7E" frameborder="0" allowfullscreen></iframe>
-```
-
-----
-
-<a class="btn btn-primary" href="#"><i class="fa fa-home"></i> A fancy button</a>
-
-```
-<a class="btn btn-primary" href="#"><i class="fa fa-home"></i> A fancy button</a>
-```
diff --git a/modules/references/_posts/2000-01-03-glossary.markdown b/modules/references/_posts/2000-01-03-glossary.markdown
deleted file mode 100644
index c8086f0ff..000000000
--- a/modules/references/_posts/2000-01-03-glossary.markdown
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: Glossary
----
-##We refer to quite a lot of terms and resources in this course - here is where they're all explained, because we like to avoid jargon!
-
-
-[DNS](http://www.wikipedia.org/wiki/Domain_Name_System) - Domain Name Service. The telephone directory of the internet. In short, when you enter p2pu.org, DNS is what sends you to the right computer on the internet that contains the website you are looking for. Why is this relevant? Well, maybe you want to use myawesomecourse.org for your course. In that case you will need to register a domain name.
-
-[Github](https://github.com) - Git hosting service with other colaborative tools added. Hosting for open source software and open content is free! See our [Github cheatsheet](http://howto.p2pu.org/modules/references/github-cheatsheet/).
-
-[Git](http://git-scm.com) - Version control software. Git allows you to track changes to a set of documents. Not sure what I mean, have a look at [the history for this repostory](https://github.com/p2pu/course-in-a-box/commits/gh-pages).
-
-[Jekyll](http://jekyllrb.com) - Software that 'ingests' a directory with files as input and outputs a directory of files ready to host as a website on the internet.
-
-[GitHub Pages](https://pages.github.com) - A hosted version of Github + Jekyll. Important part -> if you use GitHub Pages you don't need to install and run Jekyll and you don't need to pay for hosting!
-
-[Google Analytics](http://www.google.com/analytics/) - Service offered by Google to track page views and other metrics on a web page.
-
-[Discourse](http://www.discourse.org) - Takes the idea of online forums to a whole new level.  Conversations can be viewed as a continuous flow within categories that keep you up to date on what you are interested in.  Join in on our conversations at [http://community.p2pu.org/](http://community.p2pu.org/).
-
-[Disqus](https://disqus.com) - You have probably used Disqus already without even realizing it, it's everywhere.  Disqus makes it simple to add comment sections to any page and is supported on many popular blogging and content management platforms.
-
-[MailChimp](http://mailchimp.com) - Online service for automating emails that also provides analytics on how your community is interacting with your email communications.
-
-[IFTTT](https://ifttt.com) - If This Then That. Online service that allows you to string together different web services with a single recipe.
-
-[Etherpads](http://etherpad.org) - Collaborative online documents which can be written and edited in real time. Open source, but you need to host it. [Hackpad](https://hackpad.com) is similar and hosted for you, but is not open source.
-
-[Google Docs](http://www.google.com/docs/about/) - Collaborative online document, spreadsheet, and presentation editing services provided by Google.
-
-[Google Forms](https://www.google.co.uk/forms/about/) - A component of Google Docs but worth mentioning on its own.  Google Forms allow for the easy creation, sending, and collection of responses for online surveys.
diff --git a/modules/references/_posts/2000-01-04-course-template.markdown b/modules/references/_posts/2000-01-04-course-template.markdown
deleted file mode 100644
index 5d7c5a621..000000000
--- a/modules/references/_posts/2000-01-04-course-template.markdown
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: Course template explained
----
-
-# Github course template explained
-
-## Directory layout
-
-```
-_config.yml
-_data/course.html
-_layout/base.html
-_layout/course_page.html
-_layout/course_about.html
-_layout/page.html
-```
-## Course data
-
-**_data/course.yml**
-
-```
-title: "DIY U: Build a Personal Learning Plan"
-language: en
-image: /img/diy-u/thumb.jpg
-```
diff --git a/modules/references/_posts/2000-01-04-google-analytics.markdown b/modules/references/_posts/2000-01-04-google-analytics.markdown
deleted file mode 100644
index 634e4d232..000000000
--- a/modules/references/_posts/2000-01-04-google-analytics.markdown
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: How to use Google Analytics
----
-
-# How do I use Google Analytics to see how people are using my course?
-
-1. Register for a Google Analytics account
-1. Create a new property and get the tracking code
-1. Add your tracking code to [https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_config.yml](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_config.yml)
-
-{% highlight yaml %}
-ga_tracking_code: UA-5757664-19
-{% endhighlight %}
diff --git a/modules/references/_posts/2000-01-05-resources.markdown b/modules/references/_posts/2000-01-05-resources.markdown
deleted file mode 100644
index 2f77a668a..000000000
--- a/modules/references/_posts/2000-01-05-resources.markdown
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: Resources
----
-
-## Basics
-
-These are some links that will help you with setting up a course using the template:
-
-- [Markdown reference](http://daringfireball.net/projects/markdown/syntax)
-
-## Intermediate
-
-## Advanced
-
-Here are some links for you if you are planning to customize the provided course template:
-
-- [Jekyll nuts and bolts](]http://jekyllbootstrap.com/lessons/jekyll-introduction.html)
-- [Liquid reference](http://docs.shopify.com/themes/liquid-basics)
diff --git a/modules/setup/_posts/2000-01-01-getting-started.md b/modules/setup/_posts/2000-01-01-getting-started.md
new file mode 100644
index 000000000..931c66379
--- /dev/null
+++ b/modules/setup/_posts/2000-01-01-getting-started.md
@@ -0,0 +1,20 @@
+---
+title: Getting Started with GitHub
+---
+
+## Getting Started with GitHub
+
+Course-in-a-Box courses are websites that are edited and hosted through GitHub, a web-based service for managing code and collaborating on projects. To start, you'll need a (free) [GitHub account](https://github.com/join).
+
+For a great basic primer on GitHub, check out [Hello World](https://guides.github.com/activities/hello-world/) and the [GitHub Term Glossary](https://docs.github.com/en/github/getting-started-with-github/github-glossary). If you get stuck at any point in the setup process, head to our [community forum](https://community.p2pu.org/c/tech/course-in-a-box/78) and someone can help you out!
+
+We can automatically generate all of the links in this guide if you type your GitHub username into the box below. You can also copy the links directly into your browser’s URL bar, though you’ll have to manually replace the text “your-github-username” with your GitHub username.
+
+<!--<div id="ghUsername-intro">
+If you tell us your username, we can prepare some links and make things a bit easier for you. If for some reason it doesn't work, replace 'your-github-username' with your GitHub username where you see links containing 'your-github-username'
+</div>-->
+[your-github-username](https://github.com/your-github-username-set/course-in-a-box/)
+
+This guide is a cohesive companion for building a course directly in GitHub’s web interface with minimal coding knowledge. While this is the simplest way to get started, please note that you will generally have to wait a few minutes before changes will appear on your live course website. 
+
+Optionally, if you’re comfortable setting up and working in local dev environments, you can [install and run Jekyll](https://nicolas-van.github.io/bootstrap-4-github-pages#run-jekyll-on-your-computer-to-speed-up-testing) to build your course locally and speed up testing.
diff --git a/modules/setup/_posts/2000-01-02-required-setup.md b/modules/setup/_posts/2000-01-02-required-setup.md
new file mode 100644
index 000000000..8fce888f1
--- /dev/null
+++ b/modules/setup/_posts/2000-01-02-required-setup.md
@@ -0,0 +1,32 @@
+---
+title: Required Setup
+---
+
+## Required Setup
+
+Once you’re logged in to GitHub, the first step of creating a course is to copy ( “fork”) the Course-in-a-Box project folder ( “repository”) from P2PU’s account to yours. This will make an identical copy of this website and its content in your account library. (Making your course is essentially a matter of editing out our content and customizing it with your own.)
+
+To start, head to [P2PU’s course-in-a-box project](https://github.com/p2pu/course-in-a-box) and click “Fork” in the top right, or simply click the button below:
+
+<a class="btn btn-primary" href="https://github.com/p2pu/course-in-a-box/fork" target="_blank"><i class="fa fa-code-fork"></i> Fork this repository on GitHub</a> 
+
+<br>
+
+#### Delete CNAME
+Once you’ve forked the project, you’ll need to remove the **CNAME** file that appears in the main list of folders and files. This file is specific to P2PU’s web hosting for this tutorial website, and it’ll prevent your site from working if you keep it. (If you’ve already got a custom domain that you want to use for your course, you can edit this instead of deleting it—see [Set a Custom Domain](../../customize/custom-domain/) for more information.)
+
+Click the file to open it:
+
+[https://github.com/your-github-username/course-in-a-box/blob/gh-pages/CNAME](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/CNAME)
+
+Once open, click the trash can icon in the upper right side of the code section to delete the file. On the confirmation page, click the green “Commit changes” button to update (“commit”) your change and return you to the file list.
+
+<br> 
+
+#### Your course is now live!
+
+You can view it by going to 
+
+[https://your-github-username.github.io/course-in-a-box/](https://your-github-username.github.io/course-in-a-box/)
+
+Note: it can take between 2–20 minutes for your course to show up for the first time.
diff --git a/modules/setup/_posts/2000-01-03-course-template.md b/modules/setup/_posts/2000-01-03-course-template.md
new file mode 100644
index 000000000..4b49e3841
--- /dev/null
+++ b/modules/setup/_posts/2000-01-03-course-template.md
@@ -0,0 +1,37 @@
+---
+title: Understanding the Course Template
+---
+
+## Understanding the Course Template
+<br>
+
+<center><img src="/img/course-template.png" alt="Screenshot of the course template in GitHub" width="75%"/></center>
+
+<br>
+
+Once you’ve forked the course, you’ll see the course's guts as a list of folders and file names. This list contains all of the learning content for the course as well as the code that holds it all together. This guide will always tell you exactly where to look to update different parts of your course, so you don’t need to read or memorize this section in order to proceed.
+
+<br>
+
+#### Directory layout explanation
+
+```
+📁 _data - course metadata 
+📁 _includes - html for page components
+📁 _layouts - html for various page layouts
+📁 _sass - styling code
+📁 css - more styling code
+📁 fonts - font files (including icons!)
+📁 img - image files
+📁 js - JavaScript for interactive components of the site
+📁 modules - folder for the actual course content
+.gitignore - a git file (for keeping this directory tidy)
+404.html - error text that appears on broken links or nonexistent pages
+CNAME - use for setting custom domains
+Gemfile - used by jekyll/GitHub pages
+LICENSE - Course-in-a-Box is licensed under the MIT License (do not edit)
+README.md - a text file to introduce and explain the project
+_config.yml - Jekyll/GitHub pages configuration & settings
+index.md - landing page content
+single-page.md - an example single page of content
+```
diff --git a/modules/start/_posts/2000-01-01-about-this-course.markdown b/modules/start/_posts/2000-01-01-about-this-course.markdown
deleted file mode 100644
index 9f01790fe..000000000
--- a/modules/start/_posts/2000-01-01-about-this-course.markdown
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: How will this course work?
----
-
-# How will this course work?
-
-{% comment %}
-![Image of maze with starting point indicated]({{site.baseurl}}/img/start.jpg)
-Image [CC-BY-SA](https://creativecommons.org/licenses/by-sa/2.0/) by [mikecogh](https://www.flickr.com/photos/mikecogh/11300349426) on Flickr.
-{% endcomment %}
-
-The course is split in 4 modules: **community**, **learning on the web**, **content** and **feedback and assessment**.
-
-![Image of lego people]({{site.baseurl}}/img/modules.jpg)
-Leftmost image, [CC-BY-SA](https://creativecommons.org/licenses/by/2.0/) [Peter Dutton](https://www.flickr.com/photos/joeshlabotnik/) 
-
-Each module has outcomes directly related to building your course. Every module also have projects, reading and other resources to help you.
-
-## Work at your own pace, but not alone!
-
-![]({{site.baseurl}}/img/cohort.png)
-
-This is a self paced course. We tried to match the level of effort required for each module to be about 1 week, but you can always go through it quicker or slower.
-
-**Doing the course at your own pace does not mean that you have to do the course on your own.** From past experience we know that people who create courses together are much more likely to succeed and enjoy doing it. Doing it alone can easily feel like pulling teeth.
-
-## The course forum (community.p2pu.org)
-
-[community.p2pu.org](http://community.p2pu.org) is where the community for this course gathers. Here you can ask any question, share your work or other interesting readings and meet people who are also building online courses to collaborate with.
-
-[![]({{site.baseurl}}/img/community-forum.png)](http://community.p2pu.org)
-
-## Where do I go from here?
-
-1. [Introduce yourself]({{site.baseurl}}/modules/start/introduce-yourself/) on the forums.
-2. [Start building your course]({{site.baseurl}}/modules/start/create-your-course/). This step is not optional :)
diff --git a/modules/start/_posts/2000-01-03-introduce-yourself.markdown b/modules/start/_posts/2000-01-03-introduce-yourself.markdown
deleted file mode 100644
index 512aaecb3..000000000
--- a/modules/start/_posts/2000-01-03-introduce-yourself.markdown
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Introduce yourself
-extra_js:
-  - '/js/discourseGallery.js'
-  - '/js/discourseposters.js'
----
-
-# Introduce yourself
-
-<div id="topic-users">
-    <span>
-        <a class="profile-link" href="" target="_blank">
-            <img class="profile-image" src=""></img>
-        </a>
-    </span>
-</div>
-<!--button id='load-more-users'>Load more users</button-->
-
-<br/>
-
-<p><a class="btn btn-primary" href="http://community.p2pu.org/t/introduce-yourself/1549" target="_blank"><i class="fa fa-comments"></i> Tell your classmates about yourself</a></p>
diff --git a/modules/start/_posts/2000-01-04-create-your-course.markdown b/modules/start/_posts/2000-01-04-create-your-course.markdown
deleted file mode 100644
index af242f29f..000000000
--- a/modules/start/_posts/2000-01-04-create-your-course.markdown
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Create your course
----
-
-## Taking your course out of the box
-
-You're going to be building your course in GitHub. GitHub is web-based repository hosting service, which allows you to manage your code, and see revisions you've made via a good-looking, easy-to-use web interface. It's newbie-friendly, and a great collaboration tool, which is why we're using it for Course in a Box.
-
-The flagship functionality of GitHub is “forking” – copying a repository from one users account to another. This is what we will do with this repository of content. By forking repository you will copy the Course in a Box content from our repository, and modify it under your own account and then publish with your own link to it.
-
-Your course will live on GitHub (so you don't need to worry about hosting) and you'll do all the building work there, but you'll be able to view it as a web page.
-
-### Let's get started:
-
-1. <a class="btn btn-primary" href="https://github.com/p2pu/course-in-a-box/fork" target="_blank"><i class="fa fa-code-fork"></i> Fork this repository on GitHub.</a></li> The first step in getting your course going is to fork the repository. Still not sure what a repository is, or how to fork it?  Have a look at the <a href="https://help.github.com/articles/github-glossary" >GitHib Glossary</a> for explanations of all of these terms. 
-2. Then, in the repository interface, find the file called <a class="btn btn-primary" href="https://github.com/p2pu/course-in-a-box/edit/gh-pages/_data/course.yml" target="_blank"><i class="fa fa-edit"></i> Edit _data/course.yml</a> and add your name, profile image and Twitter handle.
-3. Submit a pull request to get your changes merged into the main version of the course and have your mug show up in the gallery on the front page! Not sure how to submit a pull request? See the <a href="{{site.baseurl}}{% post_url 2000-01-02-github-cheatsheet %}">GitHub Cheatsheet</a>.
-4. <a class="btn btn-primary" target="_blank" href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fhowto.p2pu.org&text=Im%20building a course on ...&hashtags=courseinabox&via=p2pu&related=p2pu"><i class="fa fa-twitter"></i> Send a tweet</a> and tell the world about your course! Not actually a required step :)
-{% comment %}
-5. <a class="btn btn-primary" target="_blank" href="http://community.p2pu.org/t/please-introduce-yourself/28"><i class="fa fa-weixin"></i> Introduce yourself</a> to the P2PU community. Tell us something about yourself and what you want to use Course in a Box for.
-{% endcomment %}
-
-When we asked you to fork this course you actually copied this course and started building your own!
-
-This copy is where you will be working during the course. Some of the technical things may be challenging or frustrating, but by tackling it bit by bit and asking your peers for help, you’ll soon be an expert and helping other people!
-
-<div id="ghUsername-intro">
-Below we will be doing some proper work on GitHub. We hope you won't mind telling us your username, so we can prepare some links and make things much easier for you. Don't worry, we are not storing any information about you on our servers. If you have JavaScript disabled for some reason, you will need to replace 'your-github-username' with your GitHub username where you see links containing 'your-github-username'
-</div>
-
-[your-github-username](https://github.com/your-github-username-set/course-in-a-box/)
-
-### Tweak a few items.
-There are two updates that you need to make to your course to get it working. First, change
-
-{% highlight yaml %}baseurl:{% endhighlight %}
-
-to
-
-{% highlight yaml %}baseurl: /course-in-a-box{% endhighlight %}
-
-in the file [https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_config.yml](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/_config.yml)
-
-Next, delete the file called CNAME [https://github.com/your-github-username/course-in-a-box/blob/gh-pages/CNAME](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/CNAME)
-
-Now that you have a space to work, lets put a draft framework in place for your course.
-
-### Give your course a name.
-To update the title of your course, go to [https://github.com/your-github-username/course-in-a-box/blog/gh-pages/_data/course.yml](https://github.com/your-github-username/course-in-a-box/edit/gh-pages/_data/course.yml) and edit the file called `_data/course.yml`. You will see the title for this course there, change that to the name you decided on. Don't worry too much if you don't have the perfect name, you now know how to change the title for your course and you can update it at any time!
-
-{% highlight yaml %}title: "Course Title"{% endhighlight %}
-
-### Who is the course for & what will they learn?
-Will they be building something during the course. Put this basic information on the front page of the course to give a short overview of what to expect. To update the info on the front page, go to the file [https://github.com/your-github-username/course-in-a-box/blob/gh-pages/index.markdown](https://github.com/your-github-username/course-in-a-box/blob/gh-pages/index.markdown) and replace the text currently there to reflect what your course will be about. Once again, you can update it at any time and we will come back to this at a later stage.
-
-### Lets have a look at your course!
-
-You can view it by going to [https://your-github-username.github.io/course-in-a-box/](https://your-github-username.github.io/course-in-a-box/).
diff --git a/shed/2000-01-02-join-a-cohort.html b/shed/2000-01-02-join-a-cohort.html
deleted file mode 100644
index e31b4e1fb..000000000
--- a/shed/2000-01-02-join-a-cohort.html
+++ /dev/null
@@ -1,10 +0,0 @@
----
-title: Join a cohort
-extra_js: '/js/signup.js'
----
-
-<h1>Join a cohort</h1>
-
-<p>From time to time we will be running a synchronous version of this course. That means that we will work through the course on a week by week basis with everyone who signed up for the cohort. If you would like to join the next cohort starting mid/end March 2015, sign up below.</p>
-
-{% include signup.html %}
diff --git a/shed/2000-01-04-tools.markdown b/shed/2000-01-04-tools.markdown
deleted file mode 100644
index 32852cba5..000000000
--- a/shed/2000-01-04-tools.markdown
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Tools for Community
----
-# Tools for building a community
-
-There are many tools that you can use to build community!
-
-## Discourse
-
-Discourse is our discussion forum of choice. It's focussed on building sustainable communities, it works on mobile devices and overall it looks pretty sleek! At P2PU we are using two discourse forum: [community.p2pu.org](http://community.p2pu.org/) which is for people like you interested in building courses and [discourse.p2pu.org](http://discourse.p2pu.org) which is for course specific discussion.
-
-On [discourse.p2pu.org](http://discourse.p2pu.org) we create a category for a course where discussion about that course can happen. We recommend that you create a topic where people can introduce themselves under your course category. See [this topic](http://discourse.p2pu.org/t/writing-for-change-say-hello-and-find-your-crew/156/43) from the Writing for Change course for instance.
-
-Once your course is ready, you can get a category on [discourse.p2pu.org](http://discourse.p2pu.org) by asking [here](http://discourse.p2pu.org/t/please-create-a-category-for-my-course/41/3).
-
-## Twitter
-
-Twitter is a massively popular social network and people use it for all kinds of things in many different ways. One way that we use twitter for courses is by choosing a hashtag for a course and tagging all tweets about the course with that hashtag.
-
-## Disqus
-
-Disqus is a good tool to use for adding comments in a web page. This is great if you want people to directly comment on content. An advantage of disqus is that you don't need to host your own forum, you can just register an account on their website and the rest is all taken care off!
-
-## Google Hangouts and Unhangouts
-
-Google hangouts is a good tool for video calls. You can either have a one on one call with someone, or you can have a video conference between up to 10 people. You can also talk with someone immediately (like phoning them now) or you can schedule an event for a certain time and invite people.
diff --git a/single-page.md b/single-page.md
new file mode 100644
index 000000000..b3b29c889
--- /dev/null
+++ b/single-page.md
@@ -0,0 +1,9 @@
+---
+layout: page
+---
+
+## Example single page 
+
+Oh wow! Neat! A single page!
+
+![cool guy gif](https://media.giphy.com/media/62PP2yEIAZF6g/giphy.gif)