first commit

179 files changed, 16070 insertions, 0 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..6326721
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+.DS_Store
+node_modules
+.idea
+public
+terminal
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..164ae16
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Robert Austin
+
+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
new file mode 100644
index 0000000..71e4ae8
--- /dev/null
+++ b/README.md
@@ -0,0 +1,123 @@
+# Hugo Whisper Theme
+
+Whisper is a minimal documentation theme for Hugo. The design and functionality is intentionally minimal. We’re aiming for a similar feel to a Github readme.
+
+[Live Demo](https://hugo-whisper.netlify.com/) |
+[Zerostatic Themes](https://www.zerostatic.io/theme/hugo-whisper/)
+
+![Hugo Whisper Theme screenshot](https://github.com/JugglerX/hugo-whisper-theme/blob/master/images/screenshot-full.jpg)
+
+## Theme features
+
+# Installation
+
+To use this theme you will need to have Hugo installed. If you don't already have Hugo installed please follow the official [installation guide](https://gohugo.io/getting-started/installing/)
+
+### Check Hugo Version
+
+This theme uses [Hugo Pipes](https://gohugo.io/hugo-pipes/scss-sass/) to compile SCSS and minify assets. Please make sure you have the `Hugo Extended` version installed. If you are not using the extended version this theme will not not compile.
+
+```
+hugo version
+```
+
+### Create a new Hugo site
+
+```
+hugo new site mynewsite
+```
+
+This will create a fresh Hugo site in the folder `mynewsite`.
+
+### Install theme
+
+Copy or git clone this theme into the sites themes folder `mynewsite/themes`
+
+#### Install with Git
+
+```
+cd mynewsite
+cd themes
+git clone https://github.com/jugglerx/hugo-hero-theme.git
+```
+
+#### Install from .zip file
+
+You can download the .zip file located here https://github.com/JugglerX/hugo-hero-theme/archive/master.zip.
+
+Extract the downloaded .zip inside the `themes` folder. Rename the extracted folder from `hugo-hero-theme-master` -> `hugo-hero-theme`. You should end up with the following folder structure `mynewsite/themes/hugo-hero-theme`
+
+### Add example content
+
+The fastest way to get started is to copy the example content. Copy the entire contents of the `exampleSite` folder to the root folder of your Hugo site (the folder with the README.md).
+
+### Update config.toml
+
+After you copy the `config.toml` into the root folder of your Hugo site you will need to update the `baseURL`, `themesDir` and `theme` values in the `config.toml`
+
+```
+baseURL = "/"
+themesDir = "themes"
+theme = "hugo-hero-theme"
+```
+
+### Run Hugo
+
+After installing the theme for the first time, generate the Hugo site.
+
+```
+hugo
+```
+
+For local development run Hugo's built-in local server.
+
+```
+hugo server
+```
+
+Now enter [`localhost:1313`](http://localhost:1313) in the address bar of your browser.
+
+# Configuring theme features
+
+### Homepage meta tags
+
+Often a homepage requires special meta tags such as a meta description or og meta data for twitter, facebook etc. You can configure these values in the `config.toml`
+
+```
+// config.toml
+[params]
+  google_analytics_id=""
+
+  [params.homepage_meta_tags]
+    meta_description = "a description of your website."
+    meta_og_title = "My Theme"
+    meta_og_type = "website"
+    meta_og_url = "https://www.mywebsite.com"
+    meta_og_image = "https://www.mywebsite.com/images/tn.png"
+    meta_og_description = "a description of your website."
+    meta_twitter_card = "summary"
+    meta_twitter_site = "@mytwitterhandle"
+    meta_twitter_creator = "@mytwitterhandle"
+```
+
+### Set meta tags on a per template/page basis
+
+You can set meta tags on a per template basis using a block. For example, you might want to write a custom meta description for the `/services` page. You can insert any valid HTML meta data inside the `{{ define "meta_tags }}` block at the top of a template.
+
+```
+// layouts/services/list.html
+...
+
+{{ define "meta_tags" }}
+    <meta name="description" content="We offer a variety of services in the finance industry" />
+{{ end }}
+
+{{ define main }}
+...
+```
+
+# Deploying to Netlify
+
+This theme includes a `netlify.toml` which is configured to deploy to Netlify from the `exampleSite` folder. See this discussion on how to deploy your site on Netlify from the `exampleSite` folder - https://discourse.gohugo.io/t/deploy-your-theme-to-netlify/15508
+
+Most likely if you are deploying to Netlify, you are including the entire Hugo site, so you can delete the `netlify.toml` file.
diff --git a/archetypes/default.md b/archetypes/default.md
new file mode 100644
index 0000000..ac36e06
--- /dev/null
+++ b/archetypes/default.md
@@ -0,0 +1,2 @@
++++
++++
diff --git a/assets/js/libs/library.js b/assets/js/libs/library.js
new file mode 100644
index 0000000..3e79cea
--- /dev/null
+++ b/assets/js/libs/library.js
@@ -0,0 +1 @@
+console.log('Library')
diff --git a/assets/js/pages/services.js b/assets/js/pages/services.js
new file mode 100644
index 0000000..ee2e7d6
--- /dev/null
+++ b/assets/js/pages/services.js
@@ -0,0 +1 @@
+console.log('Services')
diff --git a/assets/js/scripts.js b/assets/js/scripts.js
new file mode 100644
index 0000000..19d4ec6
--- /dev/null
+++ b/assets/js/scripts.js
@@ -0,0 +1,9 @@
+var body = document.querySelector('body')
+var menuTrigger = document.querySelector('#toggle-main-menu-mobile');
+var menuContainer = document.querySelector('#main-menu-mobile');
+
+menuTrigger.onclick = function() {
+    menuContainer.classList.toggle('open');
+    menuTrigger.classList.toggle('is-active')
+    body.classList.toggle('lock-scroll')
+}
diff --git a/assets/scss/_bootstrap-variables.scss b/assets/scss/_bootstrap-variables.scss
new file mode 100755
index 0000000..bbbb9dc
--- /dev/null
+++ b/assets/scss/_bootstrap-variables.scss
@@ -0,0 +1,65 @@
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1300px,
+);
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px,
+);
+
+$grid-gutter-width: 20px;
+
+$primary: #1de9b6;
+$secondary: #ffca28;
+$black: #212529;
+
+// Links
+$link-color: $primary;
+$link-decoration: none;
+$link-hover-color: lighten($primary, 20%);
+$link-hover-decoration: underline;
+
+// Fonts
+$font-size-base: 1rem; // Assumes the browser default, typically `16px`
+$font-family-base: 'Roboto', Arial, sans-serif, -apple-system;
+$font-family-serif: 'Lora', Arial, sans-serif, -apple-system;
+$font-family-mono: 'Roboto Mono', monospace;
+$line-height-base: 1.4;
+
+// Headings & Paragraph
+$paragraph-color: #333;
+
+$spacer: 1rem;
+$spacers: ();
+$spacers: map-merge(
+  (
+    0: 0,
+    1: 10px,
+    2: 20px,
+    3: 30px,
+    4: 40px,
+    5: 50px,
+    6: 60px,
+    7: 70px,
+    8: 80px,
+    9: 90px,
+    10: 100px,
+    11: 110px,
+    12: 120px,
+    13: 130px,
+    14: 140px,
+    15: 150px,
+    16: 160px,
+    17: 170px,
+    18: 180px,
+    19: 190px,
+    20: 200px,
+  ),
+  $spacers
+);
diff --git a/assets/scss/bootstrap/_alert.scss b/assets/scss/bootstrap/_alert.scss
new file mode 100755
index 0000000..dd43e23
--- /dev/null
+++ b/assets/scss/bootstrap/_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/assets/scss/bootstrap/_badge.scss b/assets/scss/bootstrap/_badge.scss
new file mode 100755
index 0000000..b87a1b0
--- /dev/null
+++ b/assets/scss/bootstrap/_badge.scss
@@ -0,0 +1,47 @@
+// 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;
+  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);
+
+  // 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/assets/scss/bootstrap/_breadcrumb.scss b/assets/scss/bootstrap/_breadcrumb.scss
new file mode 100755
index 0000000..25b9d85
--- /dev/null
+++ b/assets/scss/bootstrap/_breadcrumb.scss
@@ -0,0 +1,38 @@
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
+  margin-bottom: $breadcrumb-margin-bottom;
+  list-style: none;
+  background-color: $breadcrumb-bg;
+  @include border-radius($border-radius);
+}
+
+.breadcrumb-item {
+  // The separator between breadcrumbs (by default, a forward-slash: "/")
+  + .breadcrumb-item::before {
+    display: inline-block; // Suppress underlining of the separator in modern browsers
+    padding-right: $breadcrumb-item-padding;
+    padding-left: $breadcrumb-item-padding;
+    color: $breadcrumb-divider-color;
+    content: "#{$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/assets/scss/bootstrap/_button-group.scss b/assets/scss/bootstrap/_button-group.scss
new file mode 100755
index 0000000..c1b8265
--- /dev/null
+++ b/assets/scss/bootstrap/_button-group.scss
@@ -0,0 +1,166 @@
+// 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: 0 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;
+    }
+  }
+
+  // Prevent double borders when buttons are next to each other
+  .btn + .btn,
+  .btn + .btn-group,
+  .btn-group + .btn,
+  .btn-group + .btn-group {
+    margin-left: -$btn-border-width;
+  }
+}
+
+// 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 {
+  > .btn:first-child {
+    margin-left: 0;
+  }
+
+  // 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 {
+    margin-left: 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 + .btn,
+  > .btn + .btn-group,
+  > .btn-group + .btn,
+  > .btn-group + .btn-group {
+    margin-top: -$btn-border-width;
+    margin-left: 0;
+  }
+
+  // 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/assets/scss/bootstrap/_buttons.scss b/assets/scss/bootstrap/_buttons.scss
new file mode 100755
index 0000000..bae2d66
--- /dev/null
+++ b/assets/scss/bootstrap/_buttons.scss
@@ -0,0 +1,157 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Base styles
+//
+
+.btn {
+  display: inline-block;
+  font-weight: $btn-font-weight;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  user-select: none;
+  border: $btn-border-width solid transparent;
+  @include button-size(
+    $btn-padding-y,
+    $btn-padding-x,
+    $font-size-base,
+    $btn-line-height,
+    $btn-border-radius
+  );
+  @include transition($btn-transition);
+
+  // Share hover and focus styles
+  @include hover-focus {
+    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);
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .btn elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active {
+    background-image: none;
+    @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: 400;
+  color: $link-color;
+  background-color: transparent;
+
+  @include hover {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+    background-color: transparent;
+    border-color: transparent;
+  }
+
+  &:focus,
+  &.focus {
+    text-decoration: $link-hover-decoration;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  &:disabled,
+  &.disabled {
+    color: $btn-link-disabled-color;
+  }
+
+  // No need for an active state here
+}
+
+//
+// Button Sizes
+//
+
+.btn-lg {
+  @include button-size(
+    $btn-padding-y-lg,
+    $btn-padding-x-lg,
+    $font-size-lg,
+    $btn-line-height-lg,
+    $btn-border-radius-lg
+  );
+}
+
+.btn-sm {
+  @include button-size(
+    $btn-padding-y-sm,
+    $btn-padding-x-sm,
+    $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/assets/scss/bootstrap/_card.scss b/assets/scss/bootstrap/_card.scss
new file mode 100755
index 0000000..4c4845c
--- /dev/null
+++ b/assets/scss/bootstrap/_card.scss
@@ -0,0 +1,270 @@
+//
+// Base styles
+//
+
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  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:first-child {
+    .list-group-item:first-child {
+      @include border-top-radius($card-border-radius);
+    }
+  }
+
+  > .list-group:last-child {
+    .list-group-item:last-child {
+      @include border-bottom-radius($card-border-radius);
+    }
+  }
+}
+
+.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;
+  padding: $card-spacer-x;
+}
+
+.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>
+  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);
+  }
+
+  + .list-group {
+    .list-group-item:first-child {
+      border-top: 0;
+    }
+  }
+}
+
+.card-footer {
+  padding: $card-spacer-y $card-spacer-x;
+  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;
+}
+
+.card-img {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-radius($card-inner-border-radius);
+}
+
+// Card image caps
+.card-img-top {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-top-radius($card-inner-border-radius);
+}
+
+.card-img-bottom {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-bottom-radius($card-inner-border-radius);
+}
+
+
+// Card deck
+
+.card-deck {
+  display: flex;
+  flex-direction: column;
+
+  .card {
+    margin-bottom: $card-deck-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    flex-flow: row wrap;
+    margin-right: -$card-deck-margin;
+    margin-left: -$card-deck-margin;
+
+    .card {
+      display: flex;
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
+      flex: 1 0 0%;
+      flex-direction: column;
+      margin-right: $card-deck-margin;
+      margin-bottom: 0; // Override the default
+      margin-left: $card-deck-margin;
+    }
+  }
+}
+
+
+//
+// Card groups
+//
+
+.card-group {
+  display: flex;
+  flex-direction: column;
+
+  // The child selector allows nested `.card` within `.card-group`
+  // to display properly.
+  > .card {
+    margin-bottom: $card-group-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    flex-flow: row wrap;
+    // The child selector allows nested `.card` within `.card-group`
+    // to display properly.
+    > .card {
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
+      flex: 1 0 0%;
+      margin-bottom: 0;
+
+      + .card {
+        margin-left: 0;
+        border-left: 0;
+      }
+
+      // Handle rounded corners
+      @if $enable-rounded {
+        &:first-child {
+          @include border-right-radius(0);
+
+          .card-img-top,
+          .card-header {
+            border-top-right-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            border-bottom-right-radius: 0;
+          }
+        }
+
+        &:last-child {
+          @include border-left-radius(0);
+
+          .card-img-top,
+          .card-header {
+            border-top-left-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            border-bottom-left-radius: 0;
+          }
+        }
+
+        &:only-child {
+          @include border-radius($card-border-radius);
+
+          .card-img-top,
+          .card-header {
+            @include border-top-radius($card-border-radius);
+          }
+          .card-img-bottom,
+          .card-footer {
+            @include border-bottom-radius($card-border-radius);
+          }
+        }
+
+        &:not(:first-child):not(:last-child):not(:only-child) {
+          @include border-radius(0);
+
+          .card-img-top,
+          .card-img-bottom,
+          .card-header,
+          .card-footer {
+            @include border-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;
+
+    .card {
+      display: inline-block; // Don't let them vertically span multiple columns
+      width: 100%; // Don't let their width change
+    }
+  }
+}
diff --git a/assets/scss/bootstrap/_carousel.scss b/assets/scss/bootstrap/_carousel.scss
new file mode 100755
index 0000000..72a5034
--- /dev/null
+++ b/assets/scss/bootstrap/_carousel.scss
@@ -0,0 +1,191 @@
+// Wrapper for the slide container and indicators
+.carousel {
+  position: relative;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.carousel-item {
+  position: relative;
+  display: none;
+  align-items: center;
+  width: 100%;
+  @include transition($carousel-transition);
+  backface-visibility: hidden;
+  perspective: 1000px;
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block;
+}
+
+.carousel-item-next,
+.carousel-item-prev {
+  position: absolute;
+  top: 0;
+}
+
+// CSS3 transforms when supported by the browser
+.carousel-item-next.carousel-item-left,
+.carousel-item-prev.carousel-item-right {
+  transform: translateX(0);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.carousel-item-next,
+.active.carousel-item-right {
+  transform: translateX(100%);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.carousel-item-prev,
+.active.carousel-item-left {
+  transform: translateX(-100%);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+
+//
+// Left/right controls for nav
+//
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  // 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;
+  // We can't have a transition here because WebKit cancels the carousel
+  // animation if you trip this while in the middle of another animation.
+
+  // Hover/focus state
+  @include hover-focus {
+    color: $carousel-control-color;
+    text-decoration: none;
+    outline: 0;
+    opacity: .9;
+  }
+}
+.carousel-control-prev {
+  left: 0;
+  @if $enable-gradients {
+    background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
+  }
+}
+.carousel-control-next {
+  right: 0;
+  @if $enable-gradients {
+    background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .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: transparent no-repeat center center;
+  background-size: 100% 100%;
+}
+.carousel-control-prev-icon {
+  background-image: $carousel-control-prev-icon-bg;
+}
+.carousel-control-next-icon {
+  background-image: $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: 10px;
+  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 {
+    position: relative;
+    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;
+    background-color: rgba($carousel-indicator-active-bg, .5);
+
+    // Use pseudo classes to increase the hit area by 10px on top and bottom.
+    &::before {
+      position: absolute;
+      top: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: "";
+    }
+    &::after {
+      position: absolute;
+      bottom: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: "";
+    }
+  }
+
+  .active {
+    background-color: $carousel-indicator-active-bg;
+  }
+}
+
+
+// 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/assets/scss/bootstrap/_close.scss b/assets/scss/bootstrap/_close.scss
new file mode 100755
index 0000000..871cb08
--- /dev/null
+++ b/assets/scss/bootstrap/_close.scss
@@ -0,0 +1,34 @@
+.close {
+  float: right;
+  font-size: $close-font-size;
+  font-weight: $close-font-weight;
+  line-height: 1;
+  color: $close-color;
+  text-shadow: $close-text-shadow;
+  opacity: .5;
+
+  @include hover-focus {
+    color: $close-color;
+    text-decoration: none;
+    opacity: .75;
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .close elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+}
+
+// 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 property-no-vendor-prefix, selector-no-qualifying-type
+button.close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+// stylelint-enable
diff --git a/assets/scss/bootstrap/_code.scss b/assets/scss/bootstrap/_code.scss
new file mode 100755
index 0000000..9de20fa
--- /dev/null
+++ b/assets/scss/bootstrap/_code.scss
@@ -0,0 +1,56 @@
+// Inline and block code styles
+code,
+kbd,
+pre,
+samp {
+  font-family: $font-family-monospace;
+}
+
+// Inline code
+code {
+  font-size: $code-font-size;
+  color: $code-color;
+  word-break: 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;
+  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;
+    font-size: 100%;
+    font-weight: $nested-kbd-font-weight;
+    @include box-shadow(none);
+  }
+}
+
+// Blocks of code
+pre {
+  display: block;
+  font-size: $code-font-size;
+  color: $pre-color;
+
+  // Account for some code outputs that place code tags in pre tags
+  code {
+    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/assets/scss/bootstrap/_custom-forms.scss b/assets/scss/bootstrap/_custom-forms.scss
new file mode 100755
index 0000000..2d83f7e
--- /dev/null
+++ b/assets/scss/bootstrap/_custom-forms.scss
@@ -0,0 +1,297 @@
+// 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;
+  display: block;
+  min-height: (1rem * $line-height-base);
+  padding-left: $custom-control-gutter;
+}
+
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: $custom-control-spacer-x;
+}
+
+.custom-control-input {
+  position: absolute;
+  z-index: -1; // Put the input behind the label so it doesn't overlay text
+  opacity: 0;
+
+  &:checked ~ .custom-control-label::before {
+    color: $custom-control-indicator-checked-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
+    box-shadow: $custom-control-indicator-focus-box-shadow;
+  }
+
+  &:active ~ .custom-control-label::before {
+    color: $custom-control-indicator-active-color;
+    background-color: $custom-control-indicator-active-bg;
+    @include box-shadow($custom-control-indicator-active-box-shadow);
+  }
+
+  &: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 psuedo-elements.
+
+.custom-control-label {
+  margin-bottom: 0;
+
+  // Background-color and (when enabled) gradient
+  &::before {
+    position: absolute;
+    top: (($line-height-base - $custom-control-indicator-size) / 2);
+    left: 0;
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    pointer-events: none;
+    content: "";
+    user-select: none;
+    background-color: $custom-control-indicator-bg;
+    @include box-shadow($custom-control-indicator-box-shadow);
+  }
+
+  // Foreground (icon)
+  &::after {
+    position: absolute;
+    top: (($line-height-base - $custom-control-indicator-size) / 2);
+    left: 0;
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    content: "";
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: $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 {
+    &::before {
+      @include gradient-bg($custom-control-indicator-checked-bg);
+    }
+    &::after {
+      background-image: $custom-checkbox-indicator-icon-checked;
+    }
+  }
+
+  .custom-control-input:indeterminate ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
+      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
+    }
+    &::after {
+      background-image: $custom-checkbox-indicator-icon-indeterminate;
+    }
+  }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+    &:indeterminate ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+  }
+}
+
+// Radios
+//
+// Tweak just a few things for radios.
+
+.custom-radio {
+  .custom-control-label::before {
+    border-radius: $custom-radio-indicator-border-radius;
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-control-indicator-checked-bg);
+    }
+    &::after {
+      background-image: $custom-radio-indicator-icon-checked;
+    }
+  }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+  }
+}
+
+
+// Select
+//
+// Replaces the browser default select with a custom one, mostly pulled from
+// http://primercss.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;
+  line-height: $custom-select-line-height;
+  color: $custom-select-color;
+  vertical-align: middle;
+  background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
+  background-size: $custom-select-bg-size;
+  border: $custom-select-border-width solid $custom-select-border-color;
+  @if $enable-rounded {
+    border-radius: $custom-select-border-radius;
+  } @else {
+    border-radius: 0;
+  }
+  appearance: none;
+
+  &:focus {
+    border-color: $custom-select-focus-border-color;
+    outline: 0;
+    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 {
+    opacity: 0;
+  }
+}
+
+.custom-select-sm {
+  height: $custom-select-height-sm;
+  padding-top: $custom-select-padding-y;
+  padding-bottom: $custom-select-padding-y;
+  font-size: $custom-select-font-size-sm;
+}
+
+.custom-select-lg {
+  height: $custom-select-height-lg;
+  padding-top: $custom-select-padding-y;
+  padding-bottom: $custom-select-padding-y;
+  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-control {
+    border-color: $custom-file-focus-border-color;
+    box-shadow: $custom-file-focus-box-shadow;
+
+    &::before {
+      border-color: $custom-file-focus-border-color;
+    }
+  }
+
+  @each $lang, $value in $custom-file-text {
+    &:lang(#{$lang}) ~ .custom-file-label::after {
+      content: $value;
+    }
+  }
+}
+
+.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;
+  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: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);
+    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: $custom-file-border-width solid $custom-file-border-color;
+    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
+  }
+}
diff --git a/assets/scss/bootstrap/_dropdown.scss b/assets/scss/bootstrap/_dropdown.scss
new file mode 100755
index 0000000..204ba08
--- /dev/null
+++ b/assets/scss/bootstrap/_dropdown.scss
@@ -0,0 +1,131 @@
+// The dropdown wrapper (`<div>`)
+.dropup,
+.dropdown {
+  position: relative;
+}
+
+.dropdown-toggle {
+  // 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
+  font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
+  color: $body-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);
+}
+
+// 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 {
+    margin-top: 0;
+    margin-bottom: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(up);
+  }
+}
+
+.dropright {
+  .dropdown-menu {
+    margin-top: 0;
+    margin-left: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(right);
+    &::after {
+      vertical-align: 0;
+    }
+  }
+}
+
+.dropleft {
+  .dropdown-menu {
+    margin-top: 0;
+    margin-right: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(left);
+    &::before {
+      vertical-align: 0;
+    }
+  }
+}
+
+// Dividers (basically an `<hr>`) within the dropdown
+.dropdown-divider {
+  @include nav-divider($dropdown-divider-bg);
+}
+
+// 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: 400;
+  color: $dropdown-link-color;
+  text-align: inherit; // For `<button>`s
+  white-space: nowrap; // prevent links from randomly breaking onto new lines
+  background-color: transparent; // For `<button>`s
+  border: 0; // For `<button>`s
+
+  @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;
+    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-padding-y $dropdown-item-padding-x;
+  margin-bottom: 0; // for use with heading elements
+  font-size: $font-size-sm;
+  color: $dropdown-header-color;
+  white-space: nowrap; // as with > li > a
+}
diff --git a/assets/scss/bootstrap/_forms.scss b/assets/scss/bootstrap/_forms.scss
new file mode 100755
index 0000000..b0954f8
--- /dev/null
+++ b/assets/scss/bootstrap/_forms.scss
@@ -0,0 +1,333 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Textual form controls
+//
+
+.form-control {
+  display: block;
+  width: 100%;
+  padding: $input-padding-y $input-padding-x;
+  font-size: $font-size-base;
+  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.
+  @if $enable-rounded {
+    // Manually use the if/else instead of the mixin to account for iOS override
+    border-radius: $input-border-radius;
+  } @else {
+    // Otherwise undo the iOS default
+    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;
+  }
+
+  // Customize the `:focus` state to imitate native WebKit styles.
+  @include form-control-focus();
+
+  // 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;
+  }
+}
+
+select.form-control {
+  &:not([size]):not([multiple]) {
+    height: $input-height;
+  }
+
+  &: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: calc(#{$input-padding-y} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
+  margin-bottom: 0; // Override the `<label>/<legend>` default
+  font-size: inherit; // Override the `<legend>` default
+  line-height: $input-line-height;
+}
+
+.col-form-label-lg {
+  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
+  font-size: $font-size-lg;
+  line-height: $input-line-height-lg;
+}
+
+.col-form-label-sm {
+  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
+  font-size: $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-top: $input-padding-y;
+  padding-bottom: $input-padding-y;
+  margin-bottom: 0; // match inputs if this class comes on inputs with default margins
+  line-height: $input-line-height;
+  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.
+//
+// The `.form-group-* form-control` variations are sadly duplicated to avoid the
+// issue documented in https://github.com/twbs/bootstrap/issues/15074.
+
+.form-control-sm {
+  padding: $input-padding-y-sm $input-padding-x-sm;
+  font-size: $font-size-sm;
+  line-height: $input-line-height-sm;
+  @include border-radius($input-border-radius-sm);
+}
+
+select.form-control-sm {
+  &:not([size]):not([multiple]) {
+    height: $input-height-sm;
+  }
+}
+
+.form-control-lg {
+  padding: $input-padding-y-lg $input-padding-x-lg;
+  font-size: $font-size-lg;
+  line-height: $input-line-height-lg;
+  @include border-radius($input-border-radius-lg);
+}
+
+select.form-control-lg {
+  &:not([size]):not([multiple]) {
+    height: $input-height-lg;
+  }
+}
+
+
+// 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: -5px;
+  margin-left: -5px;
+
+  > .col,
+  > [class*="col-"] {
+    padding-right: 5px;
+    padding-left: 5px;
+  }
+}
+
+
+// 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;
+
+  &: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.
+
+@include form-validation-state("valid", $form-feedback-valid-color);
+@include form-validation-state("invalid", $form-feedback-invalid-color);
+
+// 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 {
+      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;
+      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/assets/scss/bootstrap/_functions.scss b/assets/scss/bootstrap/_functions.scss
new file mode 100755
index 0000000..1266d34
--- /dev/null
+++ b/assets/scss/bootstrap/_functions.scss
@@ -0,0 +1,86 @@
+// Bootstrap functions
+//
+// Utility mixins and functions for evalutating 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 {
+      // 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
+// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
+@mixin _assert-starts-at-zero($map) {
+  $values: map-values($map);
+  $first-value: nth($values, 1);
+  @if $first-value != 0 {
+    @warn "First breakpoint in `$grid-breakpoints` 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;
+}
+
+// Color contrast
+@function color-yiq($color) {
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+
+  @if ($yiq >= $yiq-contrasted-threshold) {
+    @return $yiq-text-dark;
+  } @else {
+    @return $yiq-text-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, #000, #fff);
+  $level: abs($level);
+
+  @return mix($color-base, $color, $level * $theme-color-interval);
+}
diff --git a/assets/scss/bootstrap/_grid.scss b/assets/scss/bootstrap/_grid.scss
new file mode 100755
index 0000000..a227515
--- /dev/null
+++ b/assets/scss/bootstrap/_grid.scss
@@ -0,0 +1,52 @@
+// Container widths
+//
+// Set the container width, and override it for fixed navbars in media queries.
+
+@if $enable-grid-classes {
+  .container {
+    @include make-container();
+    @include make-container-max-widths();
+  }
+}
+
+// Fluid container
+//
+// Utilizes the mixin meant for fixed width containers, but with 100% width for
+// fluid, full width layouts.
+
+@if $enable-grid-classes {
+  .container-fluid {
+    @include make-container();
+  }
+}
+
+// Row
+//
+// Rows contain and clear the floats of 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/assets/scss/bootstrap/_images.scss b/assets/scss/bootstrap/_images.scss
new file mode 100755
index 0000000..2bce02f
--- /dev/null
+++ b/assets/scss/bootstrap/_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 {
+  font-size: $figure-caption-font-size;
+  color: $figure-caption-color;
+}
diff --git a/assets/scss/bootstrap/_input-group.scss b/assets/scss/bootstrap/_input-group.scss
new file mode 100755
index 0000000..79b722a
--- /dev/null
+++ b/assets/scss/bootstrap/_input-group.scss
@@ -0,0 +1,172 @@
+// 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,
+  > .custom-select,
+  > .custom-file {
+    position: relative; // For focus state's z-index
+    flex: 1 1 auto;
+    // Add width 1% and flex-basis auto to ensure that button will not wrap out
+    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
+    width: 1%;
+    margin-bottom: 0;
+
+    // Bring the "active" form control to the top of surrounding elements
+    &:focus {
+      z-index: 3;
+    }
+
+    + .form-control,
+    + .custom-select,
+    + .custom-file {
+      margin-left: -$input-border-width;
+    }
+  }
+
+  > .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::before {
+      @include border-right-radius(0);
+    }
+    &:not(:first-child) .custom-file-label,
+    &:not(:first-child) .custom-file-label::before {
+      @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;
+  }
+
+  .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
+  font-size: $font-size-base; // Match inputs
+  font-weight: 400;
+  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,
+.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 {
+  @extend .form-control-lg;
+}
+
+.input-group-sm > .form-control,
+.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 {
+  @extend .form-control-sm;
+}
+
+// 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/assets/scss/bootstrap/_jumbotron.scss b/assets/scss/bootstrap/_jumbotron.scss
new file mode 100755
index 0000000..7966bba
--- /dev/null
+++ b/assets/scss/bootstrap/_jumbotron.scss
@@ -0,0 +1,16 @@
+.jumbotron {
+  padding: $jumbotron-padding ($jumbotron-padding / 2);
+  margin-bottom: $jumbotron-padding;
+  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/assets/scss/bootstrap/_list-group.scss b/assets/scss/bootstrap/_list-group.scss
new file mode 100755
index 0000000..9f145c1
--- /dev/null
+++ b/assets/scss/bootstrap/_list-group.scss
@@ -0,0 +1,115 @@
+// 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;
+}
+
+
+// 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 {
+    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;
+  // Place the border on the list items and negative margin up for better styling
+  margin-bottom: -$list-group-border-width;
+  background-color: $list-group-bg;
+  border: $list-group-border-width solid $list-group-border-color;
+
+  &:first-child {
+    @include border-top-radius($list-group-border-radius);
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+    @include border-bottom-radius($list-group-border-radius);
+  }
+
+  @include hover-focus {
+    z-index: 1; // Place hover/active items above their siblings for proper border styling
+    text-decoration: none;
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $list-group-disabled-color;
+    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;
+  }
+}
+
+
+// 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 {
+  .list-group-item {
+    border-right: 0;
+    border-left: 0;
+    @include border-radius(0);
+  }
+
+  &:first-child {
+    .list-group-item:first-child {
+      border-top: 0;
+    }
+  }
+
+  &:last-child {
+    .list-group-item:last-child {
+      border-bottom: 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/assets/scss/bootstrap/_media.scss b/assets/scss/bootstrap/_media.scss
new file mode 100755
index 0000000..b573052
--- /dev/null
+++ b/assets/scss/bootstrap/_media.scss
@@ -0,0 +1,8 @@
+.media {
+  display: flex;
+  align-items: flex-start;
+}
+
+.media-body {
+  flex: 1;
+}
diff --git a/assets/scss/bootstrap/_mixins.scss b/assets/scss/bootstrap/_mixins.scss
new file mode 100755
index 0000000..d9a1774
--- /dev/null
+++ b/assets/scss/bootstrap/_mixins.scss
@@ -0,0 +1,42 @@
+// Toggles
+//
+// Used in conjunction with global variables to enable certain theme features.
+
+// 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/navbar-align";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+@import "mixins/float";
diff --git a/assets/scss/bootstrap/_modal.scss b/assets/scss/bootstrap/_modal.scss
new file mode 100755
index 0000000..edda836
--- /dev/null
+++ b/assets/scss/bootstrap/_modal.scss
@@ -0,0 +1,168 @@
+// .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
+
+
+// Kill the scroll on the body
+.modal-open {
+  overflow: hidden;
+}
+
+// Container that the modal scrolls within
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-modal;
+  display: none;
+  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
+
+  .modal-open & {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+
+// 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: translate(0, -25%);
+  }
+  .modal.show & {
+    transform: translate(0, 0);
+  }
+}
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - (#{$modal-dialog-margin} * 2));
+}
+
+// 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
+  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($border-radius-lg);
+  @include box-shadow($modal-content-box-shadow-xs);
+  // 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-backdrop;
+  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($border-radius-lg);
+
+  .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) (-$modal-header-padding) (-$modal-header-padding) 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 should there be a fixed height on `.modal-dialog`.
+  flex: 1 1 auto;
+  padding: $modal-inner-padding;
+}
+
+// Footer (for actions)
+.modal-footer {
+  display: flex;
+  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;
+  border-top: $modal-footer-border-width solid $modal-footer-border-color;
+
+  // Easily place margin between footer elements
+  > :not(:first-child) { margin-left: .25rem; }
+  > :not(:last-child) { margin-right: .25rem; }
+}
+
+// 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-centered {
+    min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
+  }
+
+  .modal-content {
+    @include box-shadow($modal-content-box-shadow-sm-up);
+  }
+
+  .modal-sm { max-width: $modal-sm; }
+
+}
+
+@include media-breakpoint-up(lg) {
+  .modal-lg { max-width: $modal-lg; }
+}
diff --git a/assets/scss/bootstrap/_nav.scss b/assets/scss/bootstrap/_nav.scss
new file mode 100755
index 0000000..fc82161
--- /dev/null
+++ b/assets/scss/bootstrap/_nav.scss
@@ -0,0 +1,118 @@
+// Base class
+//
+// Kickstart any navigation component with a set of style resets. Works with
+// `<nav>`s or `<ul>`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;
+
+  @include hover-focus {
+    text-decoration: none;
+  }
+
+  // Disabled state lightens text
+  &.disabled {
+    color: $nav-link-disabled-color;
+  }
+}
+
+//
+// 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-item {
+    flex: 1 1 auto;
+    text-align: center;
+  }
+}
+
+.nav-justified {
+  .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/assets/scss/bootstrap/_navbar.scss b/assets/scss/bootstrap/_navbar.scss
new file mode 100755
index 0000000..8d68c6c
--- /dev/null
+++ b/assets/scss/bootstrap/_navbar.scss
@@ -0,0 +1,311 @@
+// 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 properities so that content nested within behave properly.
+  > .container,
+  > .container-fluid {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+
+
+// 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;
+  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 orienation. 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;
+  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;
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+}
+
+// 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,
+        > .container-fluid {
+          padding-right: 0;
+          padding-left: 0;
+        }
+      }
+
+      @include media-breakpoint-up($next) {
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+
+        .navbar-nav {
+          flex-direction: row;
+
+          .dropdown-menu {
+            position: absolute;
+          }
+
+          .dropdown-menu-right {
+            right: 0;
+            left: auto; // Reset the default from `.dropdown-menu`
+          }
+
+          .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,
+        > .container-fluid {
+          flex-wrap: nowrap;
+        }
+
+        .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;
+        }
+
+        .dropup {
+          .dropdown-menu {
+            top: auto;
+            bottom: 100%;
+          }
+        }
+      }
+    }
+  }
+}
+
+
+// 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-active-color;
+
+    @include hover-focus {
+      color: $navbar-light-active-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: $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-active-color;
+
+    @include hover-focus {
+      color: $navbar-dark-active-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: $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/assets/scss/bootstrap/_pagination.scss b/assets/scss/bootstrap/_pagination.scss
new file mode 100755
index 0000000..959b2eb
--- /dev/null
+++ b/assets/scss/bootstrap/_pagination.scss
@@ -0,0 +1,77 @@
+.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;
+  background-color: $pagination-bg;
+  border: $pagination-border-width solid $pagination-border-color;
+
+  &:hover {
+    color: $pagination-hover-color;
+    text-decoration: none;
+    background-color: $pagination-hover-bg;
+    border-color: $pagination-hover-border-color;
+  }
+
+  &:focus {
+    z-index: 2;
+    outline: 0;
+    box-shadow: $pagination-focus-box-shadow;
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .page-link elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+}
+
+.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: 1;
+    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/assets/scss/bootstrap/_popover.scss b/assets/scss/bootstrap/_popover.scss
new file mode 100755
index 0000000..3ef5f62
--- /dev/null
+++ b/assets/scss/bootstrap/_popover.scss
@@ -0,0 +1,183 @@
+.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();
+  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 $border-radius-lg;
+
+    &::before,
+    &::after {
+      position: absolute;
+      display: block;
+      content: "";
+      border-color: transparent;
+      border-style: solid;
+    }
+  }
+}
+
+.bs-popover-top {
+  margin-bottom: $popover-arrow-height;
+
+  .arrow {
+    bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+  }
+
+  .arrow::before,
+  .arrow::after {
+    border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
+  }
+
+  .arrow::before {
+    bottom: 0;
+    border-top-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    bottom: $popover-border-width;
+    border-top-color: $popover-arrow-color;
+  }
+}
+
+.bs-popover-right {
+  margin-left: $popover-arrow-height;
+
+  .arrow {
+    left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+    width: $popover-arrow-height;
+    height: $popover-arrow-width;
+    margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
+  }
+
+  .arrow::before,
+  .arrow::after {
+    border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
+  }
+
+  .arrow::before {
+    left: 0;
+    border-right-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    left: $popover-border-width;
+    border-right-color: $popover-arrow-color;
+  }
+}
+
+.bs-popover-bottom {
+  margin-top: $popover-arrow-height;
+
+  .arrow {
+    top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+  }
+
+  .arrow::before,
+  .arrow::after {
+    border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
+  }
+
+  .arrow::before {
+    top: 0;
+    border-bottom-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    top: $popover-border-width;
+    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: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+    width: $popover-arrow-height;
+    height: $popover-arrow-width;
+    margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
+  }
+
+  .arrow::before,
+  .arrow::after {
+    border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
+  }
+
+  .arrow::before {
+    right: 0;
+    border-left-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    right: $popover-border-width;
+    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
+  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%);
+  $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
+  @include border-top-radius($offset-border-width);
+
+  &:empty {
+    display: none;
+  }
+}
+
+.popover-body {
+  padding: $popover-body-padding-y $popover-body-padding-x;
+  color: $popover-body-color;
+}
diff --git a/assets/scss/bootstrap/_print.scss b/assets/scss/bootstrap/_print.scss
new file mode 100755
index 0000000..5e2ce3a
--- /dev/null
+++ b/assets/scss/bootstrap/_print.scss
@@ -0,0 +1,124 @@
+// stylelint-disable declaration-no-important, selector-no-qualifying-type
+
+// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
+
+// ==========================================================================
+// Print styles.
+// Inlined to avoid the additional HTTP request:
+// http://www.phpied.com/delay-loading-your-print-css/
+// ==========================================================================
+
+@if $enable-print-styles {
+  @media print {
+    *,
+    *::before,
+    *::after {
+      // Bootstrap specific; comment out `color` and `background`
+      //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953
+      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 #999;   // Bootstrap custom code; using `$border-width` instead of 1px
+      page-break-inside: avoid;
+    }
+
+    //
+    // Printing Tables:
+    // 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 #000;
+    }
+
+    .table {
+      border-collapse: collapse !important;
+
+      td,
+      th {
+        background-color: #fff !important;
+      }
+    }
+    .table-bordered {
+      th,
+      td {
+        border: 1px solid #ddd !important;
+      }
+    }
+
+    // Bootstrap specific changes end
+  }
+}
diff --git a/assets/scss/bootstrap/_progress.scss b/assets/scss/bootstrap/_progress.scss
new file mode 100755
index 0000000..a581116
--- /dev/null
+++ b/assets/scss/bootstrap/_progress.scss
@@ -0,0 +1,33 @@
+@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
+  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;
+  color: $progress-bar-color;
+  text-align: center;
+  background-color: $progress-bar-bg;
+  @include transition($progress-bar-transition);
+}
+
+.progress-bar-striped {
+  @include gradient-striped();
+  background-size: $progress-height $progress-height;
+}
+
+.progress-bar-animated {
+  animation: progress-bar-stripes $progress-bar-animation-timing;
+}
diff --git a/assets/scss/bootstrap/_reboot.scss b/assets/scss/bootstrap/_reboot.scss
new file mode 100755
index 0000000..c79fa47
--- /dev/null
+++ b/assets/scss/bootstrap/_reboot.scss
@@ -0,0 +1,482 @@
+// 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. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
+//    we force a non-overlapping, non-auto-hiding scrollbar to counteract.
+// 6. 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
+  -ms-text-size-adjust: 100%; // 4
+  -ms-overflow-style: scrollbar; // 5
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
+}
+
+// IE10+ doesn't honor `<meta name="viewport">` in some cases.
+@at-root {
+  @-ms-viewport {
+    width: device-width;
+  }
+}
+
+// stylelint-disable selector-list-comma-newline-after
+// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+// stylelint-enable selector-list-comma-newline-after
+
+// 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
+//    the `inherit` value on things like `<th>` elements.
+
+body {
+  margin: 0; // 1
+  font-family: $font-family-base;
+  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
+}
+
+// Suppress the focus outline on elements that cannot be accessed via keyboard.
+// This prevents an unwanted focus outline from appearing around elements that
+// might still respond to pointer events.
+//
+// Credit: https://github.com/suitcss/base
+[tabindex="-1"]:focus {
+  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 selector-list-comma-newline-after
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: $headings-margin-bottom;
+}
+// stylelint-enable selector-list-comma-newline-after
+
+// 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. Remove the bottom border in Firefox 39-.
+// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+// 3. Add explicit cursor to indicate changed behavior.
+// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
+
+abbr[title],
+abbr[data-original-title] { // 4
+  text-decoration: underline; // 2
+  text-decoration: underline dotted; // 2
+  cursor: help; // 3
+  border-bottom: 0; // 1
+}
+
+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;
+}
+
+dfn {
+  font-style: italic; // Add the correct font style in Android 4.3-
+}
+
+// stylelint-disable font-weight-notation
+b,
+strong {
+  font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
+}
+// stylelint-enable font-weight-notation
+
+small {
+  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;
+  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.
+  -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
+
+  @include hover {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+  }
+}
+
+// And undo these styles for placeholder links/named anchors (without href)
+// which have not been made explicitly keyboard-focusable (without tabindex).
+// 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([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+
+  @include hover-focus {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  &:focus {
+    outline: 0;
+  }
+}
+
+
+//
+// Code
+//
+
+// stylelint-disable font-family-no-duplicate-names
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.
+  font-size: 1em; // Correct the odd `em` font sizing in all browsers.
+}
+// stylelint-enable font-family-no-duplicate-names
+
+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;
+  // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
+  // we force a non-overlapping, non-auto-hiding scrollbar to counteract.
+  -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:not(:root) {
+  overflow: hidden; // Hide the overflow in IE
+}
+
+
+//
+// Tables
+//
+
+table {
+  border-collapse: collapse; // Prevent double borders
+}
+
+caption {
+  padding-top: $table-cell-padding;
+  padding-bottom: $table-cell-padding;
+  color: $text-muted;
+  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: .5rem;
+}
+
+// Remove the default `border-radius` that macOS Chrome adds.
+//
+// Details at https://github.com/twbs/bootstrap/issues/24093
+button {
+  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;
+  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
+}
+
+// 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,
+html [type="button"], // 1
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; // 2
+}
+
+// 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-
+}
+
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  // Remove the default appearance of temporal inputs to avoid a Mobile Safari
+  // bug where setting a custom line-height prevents text from being vertically
+  // centered within the input.
+  // See https://bugs.webkit.org/show_bug.cgi?id=139848
+  // and https://github.com/twbs/bootstrap/issues/11266
+  -webkit-appearance: listbox;
+}
+
+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;
+  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 and cancel buttons in Chrome and Safari on macOS.
+//
+
+[type="search"]::-webkit-search-cancel-button,
+[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/assets/scss/bootstrap/_root.scss b/assets/scss/bootstrap/_root.scss
new file mode 100755
index 0000000..ad550df
--- /dev/null
+++ b/assets/scss/bootstrap/_root.scss
@@ -0,0 +1,19 @@
+: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/assets/scss/bootstrap/_tables.scss b/assets/scss/bootstrap/_tables.scss
new file mode 100755
index 0000000..0e3b119
--- /dev/null
+++ b/assets/scss/bootstrap/_tables.scss
@@ -0,0 +1,180 @@
+//
+// Basic Bootstrap table
+//
+
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: $spacer;
+  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;
+  }
+
+  .table {
+    background-color: $body-bg;
+  }
+}
+
+
+//
+// Condensed table w/ half padding
+//
+
+.table-sm {
+  th,
+  td {
+    padding: $table-cell-padding-sm;
+  }
+}
+
+
+// Bordered version
+//
+// Add 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);
+    }
+  }
+}
+
+
+// Zebra-striping
+//
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+
+.table-striped {
+  tbody tr:nth-of-type(odd) {
+    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 {
+      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, -9));
+}
+
+@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(odd) {
+      background-color: $table-dark-accent-bg;
+    }
+  }
+
+  &.table-hover {
+    tbody tr {
+      @include hover {
+        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;
+        -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
+
+        // Prevent double border on horizontal scroll due to use of `display: block;`
+        > .table-bordered {
+          border: 0;
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/bootstrap/_tooltip.scss b/assets/scss/bootstrap/_tooltip.scss
new file mode 100755
index 0000000..1286ebf
--- /dev/null
+++ b/assets/scss/bootstrap/_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();
+  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/assets/scss/bootstrap/_transitions.scss b/assets/scss/bootstrap/_transitions.scss
new file mode 100755
index 0000000..df5744b
--- /dev/null
+++ b/assets/scss/bootstrap/_transitions.scss
@@ -0,0 +1,36 @@
+// stylelint-disable selector-no-qualifying-type
+
+.fade {
+  opacity: 0;
+  @include transition($transition-fade);
+
+  &.show {
+    opacity: 1;
+  }
+}
+
+.collapse {
+  display: none;
+  &.show {
+    display: block;
+  }
+}
+
+tr {
+  &.collapse.show {
+    display: table-row;
+  }
+}
+
+tbody {
+  &.collapse.show {
+    display: table-row-group;
+  }
+}
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  @include transition($transition-collapse);
+}
diff --git a/assets/scss/bootstrap/_type.scss b/assets/scss/bootstrap/_type.scss
new file mode 100755
index 0000000..ccfa948
--- /dev/null
+++ b/assets/scss/bootstrap/_type.scss
@@ -0,0 +1,149 @@
+// 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 {
+  font-size: $h1-font-size;
+}
+h2,
+.h2 {
+  font-size: $h2-font-size;
+}
+h3,
+.h3 {
+  font-size: $h3-font-size;
+}
+h4,
+.h4 {
+  font-size: $h4-font-size;
+}
+h5,
+.h5 {
+  font-size: $h5-font-size;
+}
+h6,
+.h6 {
+  font-size: $h6-font-size;
+}
+
+.lead {
+  font-size: $lead-font-size;
+  font-weight: $lead-font-weight;
+}
+
+// Type display classes
+.display-1 {
+  font-size: $display1-size;
+  font-weight: $display1-weight;
+  line-height: $display-line-height;
+}
+.display-2 {
+  font-size: $display2-size;
+  font-weight: $display2-weight;
+  line-height: $display-line-height;
+}
+.display-3 {
+  font-size: $display3-size;
+  font-weight: $display3-weight;
+  line-height: $display-line-height;
+}
+.display-4 {
+  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 {
+  font-size: $small-font-size;
+  font-weight: 400;
+}
+
+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 {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+// Blockquotes
+.blockquote {
+  margin-bottom: $spacer;
+  font-size: $blockquote-font-size;
+}
+
+.blockquote-footer {
+  display: block;
+  font-size: 80%; // back to default font-size
+  color: $blockquote-small-color;
+
+  &::before {
+    content: '\2014 \00A0'; // em dash, nbsp
+  }
+}
diff --git a/assets/scss/bootstrap/_utilities.scss b/assets/scss/bootstrap/_utilities.scss
new file mode 100755
index 0000000..7b2a1eb
--- /dev/null
+++ b/assets/scss/bootstrap/_utilities.scss
@@ -0,0 +1,14 @@
+@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/position";
+@import "utilities/screenreaders";
+@import "utilities/sizing";
+@import "utilities/spacing";
+@import "utilities/text";
+@import "utilities/visibility";
diff --git a/assets/scss/bootstrap/_variables.scss b/assets/scss/bootstrap/_variables.scss
new file mode 100755
index 0000000..08fc7e3
--- /dev/null
+++ b/assets/scss/bootstrap/_variables.scss
@@ -0,0 +1,945 @@
+// 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
+//
+
+// stylelint-disable
+$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
+);
+// stylelint-enable
+
+// 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.
+
+// stylelint-disable
+$spacer: 1rem !default;
+$spacers: () !default;
+$spacers: map-merge(
+  (
+    0: 0,
+    1: (
+      $spacer * 0.25,
+    ),
+    2: (
+      $spacer * 0.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%,
+  ),
+  $sizes
+);
+// stylelint-enable
+
+// 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;
+
+// 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 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;
+
+// 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: 0.25rem !default;
+$border-radius-lg: 0.3rem !default;
+$border-radius-sm: 0.2rem !default;
+
+$component-active-color: $white !default;
+$component-active-bg: theme-color('primary') !default;
+
+$caret-width: 0.3em !default;
+
+$transition-base: all 0.2s ease-in-out !default;
+$transition-fade: opacity 0.15s linear !default;
+$transition-collapse: height 0.35s ease !default;
+
+// Fonts
+//
+// 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, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+  'Segoe UI Symbol' !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 * 0.875) !default;
+
+$font-weight-light: 300 !default;
+$font-weight-normal: 400 !default;
+$font-weight-bold: 700 !default;
+
+$font-weight-base: 400 !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: inherit !default;
+$headings-font-weight: 500 !default;
+$headings-line-height: 1.2 !default;
+$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-600 !default;
+
+$blockquote-small-color: $gray-600 !default;
+$blockquote-font-size: ($font-size-base * 1.25) !default;
+
+$hr-border-color: rgba($black, 0.1) !default;
+$hr-border-width: $border-width !default;
+
+$mark-padding: 0.2em !default;
+
+$dt-font-weight: $font-weight-bold !default;
+
+$kbd-box-shadow: inset 0 -0.1rem 0 rgba($black, 0.25) !default;
+$nested-kbd-font-weight: $font-weight-bold !default;
+
+$list-inline-padding: 0.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: 0.75rem !default;
+$table-cell-padding-sm: 0.3rem !default;
+
+$table-bg: transparent !default;
+$table-accent-bg: rgba($black, 0.05) !default;
+$table-hover-bg: rgba($black, 0.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, 0.05) !default;
+$table-dark-hover-bg: rgba($white, 0.075) !default;
+$table-dark-border-color: lighten($gray-900, 7.5%) !default;
+$table-dark-color: $body-bg !default;
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$input-btn-padding-y: 0.375rem !default;
+$input-btn-padding-x: 0.75rem !default;
+$input-btn-line-height: $line-height-base !default;
+
+$input-btn-focus-width: 0.2rem !default;
+$input-btn-focus-color: rgba($component-active-bg, 0.25) !default;
+$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
+
+$input-btn-padding-y-sm: 0.25rem !default;
+$input-btn-padding-x-sm: 0.5rem !default;
+$input-btn-line-height-sm: $line-height-sm !default;
+
+$input-btn-padding-y-lg: 0.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: 400 !default;
+$btn-box-shadow: inset 0 1px 0 rgba($white, 0.15), 0 1px 1px rgba($black, 0.075) !default;
+$btn-focus-width: $input-btn-focus-width !default;
+$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
+$btn-disabled-opacity: 0.65 !default;
+$btn-active-box-shadow: inset 0 3px 5px rgba($black, 0.125) !default;
+
+$btn-link-disabled-color: $gray-600 !default;
+
+$btn-block-spacing-y: 0.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 0.15s ease-in-out, background-color 0.15s ease-in-out,
+  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
+
+// Forms
+
+$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, 0.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-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 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
+
+$form-text-margin-top: 0.25rem !default;
+
+$form-check-input-gutter: 1.25rem !default;
+$form-check-input-margin-y: 0.3rem !default;
+$form-check-input-margin-x: 0.25rem !default;
+
+$form-check-inline-margin-x: 0.75rem !default;
+$form-check-inline-input-margin-x: 0.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-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 0.25rem 0.25rem rgba($black, 0.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(
+  theme-color('primary'),
+  0.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: 0.375rem !default;
+$custom-select-padding-x: 0.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: $white !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-focus-border-color: $input-focus-border-color !default;
+$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, 0.075),
+  0 0 5px rgba($custom-select-focus-border-color, 0.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-file-height: $input-height !default;
+$custom-file-focus-border-color: $input-focus-border-color !default;
+$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !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: theme-color('success') !default;
+$form-feedback-invalid-color: theme-color('danger') !default;
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+$dropdown-min-width: 10rem !default;
+$dropdown-padding-y: 0.5rem !default;
+$dropdown-spacer: 0.125rem !default;
+$dropdown-bg: $white !default;
+$dropdown-border-color: rgba($black, 0.15) !default;
+$dropdown-border-radius: $border-radius !default;
+$dropdown-border-width: $border-width !default;
+$dropdown-divider-bg: $gray-200 !default;
+$dropdown-box-shadow: 0 0.5rem 1rem rgba($black, 0.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: 0.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-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: 0.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;
+
+// Navbar
+
+$navbar-padding-y: ($spacer / 2) !default;
+$navbar-padding-x: $spacer !default;
+
+$navbar-nav-link-padding-x: 0.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: 0.25rem !default;
+$navbar-toggler-padding-x: 0.75rem !default;
+$navbar-toggler-font-size: $font-size-lg !default;
+$navbar-toggler-border-radius: $btn-border-radius !default;
+
+$navbar-dark-color: rgba($white, 0.5) !default;
+$navbar-dark-hover-color: rgba($white, 0.75) !default;
+$navbar-dark-active-color: $white !default;
+$navbar-dark-disabled-color: rgba($white, 0.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, 0.1) !default;
+
+$navbar-light-color: rgba($black, 0.5) !default;
+$navbar-light-hover-color: rgba($black, 0.7) !default;
+$navbar-light-active-color: rgba($black, 0.9) !default;
+$navbar-light-disabled-color: rgba($black, 0.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, 0.1) !default;
+
+// Pagination
+
+$pagination-padding-y: 0.5rem !default;
+$pagination-padding-x: 0.75rem !default;
+$pagination-padding-y-sm: 0.25rem !default;
+$pagination-padding-x-sm: 0.5rem !default;
+$pagination-padding-y-lg: 0.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-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: 0.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, 0.125) !default;
+$card-inner-border-radius: calc(
+  #{$card-border-radius} - #{$card-border-width}
+) !default;
+$card-cap-bg: rgba($black, 0.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: 0.9 !default;
+$tooltip-padding-y: 0.25rem !default;
+$tooltip-padding-x: 0.5rem !default;
+$tooltip-margin: 0 !default;
+
+$tooltip-arrow-width: 0.8rem !default;
+$tooltip-arrow-height: 0.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, 0.2) !default;
+$popover-border-radius: $border-radius-lg !default;
+$popover-box-shadow: 0 0.25rem 0.5rem rgba($black, 0.2) !default;
+
+$popover-header-bg: darken($popover-bg, 3%) !default;
+$popover-header-color: $headings-color !default;
+$popover-header-padding-y: 0.5rem !default;
+$popover-header-padding-x: 0.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: 0.5rem !default;
+$popover-arrow-color: $popover-bg !default;
+
+$popover-arrow-outer-color: fade-in($popover-border-color, 0.05) !default;
+
+// Badges
+
+$badge-font-size: 75% !default;
+$badge-font-weight: $font-weight-bold !default;
+$badge-padding-y: 0.25em !default;
+$badge-padding-x: 0.4em !default;
+$badge-border-radius: $border-radius !default;
+
+$badge-pill-padding-x: 0.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: 0.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, 0.2) !default;
+$modal-content-border-width: $border-width !default;
+$modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba($black, 0.5) !default;
+$modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba($black, 0.5) !default;
+
+$modal-backdrop-bg: $black !default;
+$modal-backdrop-opacity: 0.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 0.3s ease-out !default;
+
+// Alerts
+//
+// Define alert colors, border radius, and padding.
+
+$alert-padding-y: 0.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 * 0.75) !default;
+$progress-bg: $gray-200 !default;
+$progress-border-radius: $border-radius !default;
+$progress-box-shadow: inset 0 0.1rem 0.1rem rgba($black, 0.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 0.6s ease !default;
+
+// List group
+
+$list-group-bg: $white !default;
+$list-group-border-color: rgba($black, 0.125) !default;
+$list-group-border-width: $border-width !default;
+$list-group-border-radius: $border-radius !default;
+
+$list-group-item-padding-y: 0.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: 0.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, 0.075) !default;
+
+// Figures
+
+$figure-caption-font-size: 90% !default;
+$figure-caption-color: $gray-600 !default;
+
+// Breadcrumbs
+
+$breadcrumb-padding-y: 0.75rem !default;
+$breadcrumb-padding-x: 1rem !default;
+$breadcrumb-item-padding: 0.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: '/' !default;
+
+// Carousel
+
+$carousel-control-color: $white !default;
+$carousel-control-width: 15% !default;
+$carousel-control-opacity: 0.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 0.6s ease !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: 0.2rem !default;
+$kbd-padding-x: 0.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/assets/scss/bootstrap/bootstrap-grid.scss b/assets/scss/bootstrap/bootstrap-grid.scss
new file mode 100755
index 0000000..26c0dc8
--- /dev/null
+++ b/assets/scss/bootstrap/bootstrap-grid.scss
@@ -0,0 +1,32 @@
+/*!
+ * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@at-root {
+  @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
+}
+
+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";
diff --git a/assets/scss/bootstrap/bootstrap-reboot.scss b/assets/scss/bootstrap/bootstrap-reboot.scss
new file mode 100755
index 0000000..46c4610
--- /dev/null
+++ b/assets/scss/bootstrap/bootstrap-reboot.scss
@@ -0,0 +1,12 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/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/assets/scss/bootstrap/bootstrap.scss b/assets/scss/bootstrap/bootstrap.scss
new file mode 100755
index 0000000..bb5fac8
--- /dev/null
+++ b/assets/scss/bootstrap/bootstrap.scss
@@ -0,0 +1,42 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/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 "modal";
+@import "tooltip";
+@import "popover";
+@import "carousel";
+@import "utilities";
+@import "print";
diff --git a/assets/scss/bootstrap/mixins/_alert.scss b/assets/scss/bootstrap/mixins/_alert.scss
new file mode 100755
index 0000000..db5a7eb
--- /dev/null
+++ b/assets/scss/bootstrap/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/assets/scss/bootstrap/mixins/_background-variant.scss b/assets/scss/bootstrap/mixins/_background-variant.scss
new file mode 100755
index 0000000..494439d
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_background-variant.scss
@@ -0,0 +1,21 @@
+// stylelint-disable declaration-no-important
+
+// Contextual backgrounds
+
+@mixin bg-variant($parent, $color) {
+  #{$parent} {
+    background-color: $color !important;
+  }
+  a#{$parent},
+  button#{$parent} {
+    @include hover-focus {
+      background-color: darken($color, 10%) !important;
+    }
+  }
+}
+
+@mixin bg-gradient-variant($parent, $color) {
+  #{$parent} {
+    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_badge.scss b/assets/scss/bootstrap/mixins/_badge.scss
new file mode 100755
index 0000000..eeca0b4
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_badge.scss
@@ -0,0 +1,12 @@
+@mixin badge-variant($bg) {
+  color: color-yiq($bg);
+  background-color: $bg;
+
+  &[href] {
+    @include hover-focus {
+      color: color-yiq($bg);
+      text-decoration: none;
+      background-color: darken($bg, 10%);
+    }
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_border-radius.scss b/assets/scss/bootstrap/mixins/_border-radius.scss
new file mode 100755
index 0000000..2024feb
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_border-radius.scss
@@ -0,0 +1,35 @@
+// Single side border-radius
+
+@mixin border-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-radius: $radius;
+  }
+}
+
+@mixin border-top-radius($radius) {
+  @if $enable-rounded {
+    border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
+  }
+}
+
+@mixin border-right-radius($radius) {
+  @if $enable-rounded {
+    border-top-right-radius: $radius;
+    border-bottom-right-radius: $radius;
+  }
+}
+
+@mixin border-bottom-radius($radius) {
+  @if $enable-rounded {
+    border-bottom-right-radius: $radius;
+    border-bottom-left-radius: $radius;
+  }
+}
+
+@mixin border-left-radius($radius) {
+  @if $enable-rounded {
+    border-top-left-radius: $radius;
+    border-bottom-left-radius: $radius;
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_box-shadow.scss b/assets/scss/bootstrap/mixins/_box-shadow.scss
new file mode 100755
index 0000000..b2410e5
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_box-shadow.scss
@@ -0,0 +1,5 @@
+@mixin box-shadow($shadow...) {
+  @if $enable-shadows {
+    box-shadow: $shadow;
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_breakpoints.scss b/assets/scss/bootstrap/mixins/_breakpoints.scss
new file mode 100755
index 0000000..d1ad684
--- /dev/null
+++ b/assets/scss/bootstrap/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 < 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) - .02px, null);
+}
+
+// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
+// 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/assets/scss/bootstrap/mixins/_buttons.scss b/assets/scss/bootstrap/mixins/_buttons.scss
new file mode 100755
index 0000000..06ad677
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_buttons.scss
@@ -0,0 +1,109 @@
+// 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 {
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows {
+      box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
+    } @else {
+      box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
+    }
+  }
+
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled {
+    color: color-yiq($background);
+    background-color: $background;
+    border-color: $border;
+  }
+
+  &: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 {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows {
+        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
+      } @else {
+        box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
+      }
+    }
+  }
+}
+
+@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
+  color: $color;
+  background-color: transparent;
+  background-image: none;
+  border-color: $color;
+
+  &: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 {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows and $btn-active-box-shadow != none {
+        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
+      } @else {
+        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;
+  font-size: $font-size;
+  line-height: $line-height;
+  // Manually declare to provide an override to the browser default
+  @if $enable-rounded {
+    border-radius: $border-radius;
+  } @else {
+    border-radius: 0;
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_caret.scss b/assets/scss/bootstrap/mixins/_caret.scss
new file mode 100755
index 0000000..40478e4
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_caret.scss
@@ -0,0 +1,65 @@
+@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-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;
+      width: 0;
+      height: 0;
+      margin-left: $caret-width * .85;
+      vertical-align: $caret-width * .85;
+      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;
+        width: 0;
+        height: 0;
+        margin-right: $caret-width * .85;
+        vertical-align: $caret-width * .85;
+        content: "";
+        @include caret-left;
+      }
+    }
+
+    &:empty::after {
+      margin-left: 0;
+    }
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_clearfix.scss b/assets/scss/bootstrap/mixins/_clearfix.scss
new file mode 100755
index 0000000..11a977b
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_clearfix.scss
@@ -0,0 +1,7 @@
+@mixin clearfix() {
+  &::after {
+    display: block;
+    clear: both;
+    content: "";
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_float.scss b/assets/scss/bootstrap/mixins/_float.scss
new file mode 100755
index 0000000..48fa8b6
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_float.scss
@@ -0,0 +1,11 @@
+// stylelint-disable declaration-no-important
+
+@mixin float-left {
+  float: left !important;
+}
+@mixin float-right {
+  float: right !important;
+}
+@mixin float-none {
+  float: none !important;
+}
diff --git a/assets/scss/bootstrap/mixins/_forms.scss b/assets/scss/bootstrap/mixins/_forms.scss
new file mode 100755
index 0000000..2290682
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_forms.scss
@@ -0,0 +1,137 @@
+// 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() {
+  &:focus {
+    color: $input-focus-color;
+    background-color: $input-focus-bg;
+    border-color: $input-focus-border-color;
+    outline: 0;
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows {
+      box-shadow: $input-box-shadow, $input-focus-box-shadow;
+    } @else {
+      box-shadow: $input-focus-box-shadow;
+    }
+  }
+}
+
+
+@mixin form-validation-state($state, $color) {
+  .#{$state}-feedback {
+    display: none;
+    width: 100%;
+    margin-top: $form-feedback-margin-top;
+    font-size: $form-feedback-font-size;
+    color: $color;
+  }
+
+  .#{$state}-tooltip {
+    position: absolute;
+    top: 100%;
+    z-index: 5;
+    display: none;
+    max-width: 100%; // Contain to parent when possible
+    padding: .5rem;
+    margin-top: .1rem;
+    font-size: .875rem;
+    line-height: 1;
+    color: #fff;
+    background-color: rgba($color, .8);
+    border-radius: .2rem;
+  }
+
+  .form-control,
+  .custom-select {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      border-color: $color;
+
+      &:focus {
+        border-color: $color;
+        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+    }
+  }
+
+  .form-check-input {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      ~ .form-check-label {
+        color: $color;
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+    }
+  }
+
+  .custom-control-input {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      ~ .custom-control-label {
+        color: $color;
+
+        &::before {
+          background-color: lighten($color, 25%);
+        }
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+
+      &:checked {
+        ~ .custom-control-label::before {
+          @include gradient-bg(lighten($color, 10%));
+        }
+      }
+
+      &:focus {
+        ~ .custom-control-label::before {
+          box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
+        }
+      }
+    }
+  }
+
+  // custom file
+  .custom-file-input {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      ~ .custom-file-label {
+        border-color: $color;
+
+        &::before { border-color: inherit; }
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+
+      &:focus {
+        ~ .custom-file-label {
+          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_gradients.scss b/assets/scss/bootstrap/mixins/_gradients.scss
new file mode 100755
index 0000000..ecd01f7
--- /dev/null
+++ b/assets/scss/bootstrap/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: #555, $end-color: #333, $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: #555, $end-color: #333, $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: #555, $end-color: #333, $deg: 45deg) {
+  background-image: linear-gradient($deg, $start-color, $end-color);
+  background-repeat: repeat-x;
+}
+@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
+  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: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
+  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
+  background-repeat: no-repeat;
+}
+@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
+  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: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
+}
diff --git a/assets/scss/bootstrap/mixins/_grid-framework.scss b/assets/scss/bootstrap/mixins/_grid-framework.scss
new file mode 100755
index 0000000..7b37f86
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_grid-framework.scss
@@ -0,0 +1,67 @@
+// 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%;
+    min-height: 1px; // Prevent columns from collapsing when empty
+    padding-right: ($gutter / 2);
+    padding-left: ($gutter / 2);
+  }
+
+  @each $breakpoint in map-keys($breakpoints) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    // 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%;
+      }
+      .col#{$infix}-auto {
+        flex: 0 0 auto;
+        width: auto;
+        max-width: none; // Reset earlier grid tiers
+      }
+
+      @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; }
+      }
+
+      // `$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/assets/scss/bootstrap/mixins/_grid.scss b/assets/scss/bootstrap/mixins/_grid.scss
new file mode 100755
index 0000000..b75ebcb
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_grid.scss
@@ -0,0 +1,52 @@
+/// Grid system
+//
+// Generate semantic grid columns with these mixins.
+
+@mixin make-container() {
+  width: 100%;
+  padding-right: ($grid-gutter-width / 2);
+  padding-left: ($grid-gutter-width / 2);
+  margin-right: auto;
+  margin-left: auto;
+}
+
+
+// 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;
+    }
+  }
+}
+
+@mixin make-row() {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: ($grid-gutter-width / -2);
+  margin-left: ($grid-gutter-width / -2);
+}
+
+@mixin make-col-ready() {
+  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%;
+  min-height: 1px; // Prevent collapsing
+  padding-right: ($grid-gutter-width / 2);
+  padding-left: ($grid-gutter-width / 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-offset($size, $columns: $grid-columns) {
+  $num: $size / $columns;
+  margin-left: if($num == 0, 0, percentage($num));
+}
diff --git a/assets/scss/bootstrap/mixins/_hover.scss b/assets/scss/bootstrap/mixins/_hover.scss
new file mode 100755
index 0000000..ec2e328
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_hover.scss
@@ -0,0 +1,39 @@
+// stylelint-disable indentation
+
+// Hover mixin and `$enable-hover-media-query` are deprecated.
+//
+// Origally 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 psuedo-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/assets/scss/bootstrap/mixins/_image.scss b/assets/scss/bootstrap/mixins/_image.scss
new file mode 100755
index 0000000..0544f0d
--- /dev/null
+++ b/assets/scss/bootstrap/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.
+
+// stylelint-disable indentation, media-query-list-comma-newline-after
+@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;
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_list-group.scss b/assets/scss/bootstrap/mixins/_list-group.scss
new file mode 100755
index 0000000..607ffcb
--- /dev/null
+++ b/assets/scss/bootstrap/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: #fff;
+        background-color: $color;
+        border-color: $color;
+      }
+    }
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_lists.scss b/assets/scss/bootstrap/mixins/_lists.scss
new file mode 100755
index 0000000..2518562
--- /dev/null
+++ b/assets/scss/bootstrap/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/assets/scss/bootstrap/mixins/_nav-divider.scss b/assets/scss/bootstrap/mixins/_nav-divider.scss
new file mode 100755
index 0000000..493de03
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_nav-divider.scss
@@ -0,0 +1,10 @@
+// Horizontal dividers
+//
+// Dividers (basically an hr) within dropdowns and nav lists
+
+@mixin nav-divider($color: #e5e5e5) {
+  height: 0;
+  margin: ($spacer / 2) 0;
+  overflow: hidden;
+  border-top: 1px solid $color;
+}
diff --git a/assets/scss/bootstrap/mixins/_navbar-align.scss b/assets/scss/bootstrap/mixins/_navbar-align.scss
new file mode 100755
index 0000000..b351660
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_navbar-align.scss
@@ -0,0 +1,10 @@
+// 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/assets/scss/bootstrap/mixins/_pagination.scss b/assets/scss/bootstrap/mixins/_pagination.scss
new file mode 100755
index 0000000..ff36eb6
--- /dev/null
+++ b/assets/scss/bootstrap/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;
+    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/assets/scss/bootstrap/mixins/_reset-text.scss b/assets/scss/bootstrap/mixins/_reset-text.scss
new file mode 100755
index 0000000..673d55b
--- /dev/null
+++ b/assets/scss/bootstrap/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: 400;
+  line-height: $line-height-base;
+  text-align: left; // Fallback for where `start` is not supported
+  text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
+  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/assets/scss/bootstrap/mixins/_resize.scss b/assets/scss/bootstrap/mixins/_resize.scss
new file mode 100755
index 0000000..66f233a
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_resize.scss
@@ -0,0 +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
+}
diff --git a/assets/scss/bootstrap/mixins/_screen-reader.scss b/assets/scss/bootstrap/mixins/_screen-reader.scss
new file mode 100755
index 0000000..8f3eb1b
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_screen-reader.scss
@@ -0,0 +1,35 @@
+// Only display content to screen readers
+//
+// See: http://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;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
+  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;
+    clip-path: none;
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_size.scss b/assets/scss/bootstrap/mixins/_size.scss
new file mode 100755
index 0000000..b9dd48e
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_size.scss
@@ -0,0 +1,6 @@
+// Sizing shortcuts
+
+@mixin size($width, $height: $width) {
+  width: $width;
+  height: $height;
+}
diff --git a/assets/scss/bootstrap/mixins/_table-row.scss b/assets/scss/bootstrap/mixins/_table-row.scss
new file mode 100755
index 0000000..84f1d30
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_table-row.scss
@@ -0,0 +1,30 @@
+// Tables
+
+@mixin table-row-variant($state, $background) {
+  // Exact selectors below required to override `.table-striped` and prevent
+  // inheritance to nested tables.
+  .table-#{$state} {
+    &,
+    > th,
+    > td {
+      background-color: $background;
+    }
+  }
+
+  // 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/assets/scss/bootstrap/mixins/_text-emphasis.scss b/assets/scss/bootstrap/mixins/_text-emphasis.scss
new file mode 100755
index 0000000..58db3e0
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_text-emphasis.scss
@@ -0,0 +1,14 @@
+// stylelint-disable declaration-no-important
+
+// Typography
+
+@mixin text-emphasis-variant($parent, $color) {
+  #{$parent} {
+    color: $color !important;
+  }
+  a#{$parent} {
+    @include hover-focus {
+      color: darken($color, 10%) !important;
+    }
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_text-hide.scss b/assets/scss/bootstrap/mixins/_text-hide.scss
new file mode 100755
index 0000000..aa551fd
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_text-hide.scss
@@ -0,0 +1,9 @@
+// CSS image replacement
+@mixin text-hide() {
+  // 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;
+}
diff --git a/assets/scss/bootstrap/mixins/_text-truncate.scss b/assets/scss/bootstrap/mixins/_text-truncate.scss
new file mode 100755
index 0000000..3504bb1
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_text-truncate.scss
@@ -0,0 +1,8 @@
+// Text truncate
+// Requires inline-block or block for proper styling
+
+@mixin text-truncate() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
diff --git a/assets/scss/bootstrap/mixins/_transition.scss b/assets/scss/bootstrap/mixins/_transition.scss
new file mode 100755
index 0000000..7e33dee
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_transition.scss
@@ -0,0 +1,9 @@
+@mixin transition($transition...) {
+  @if $enable-transitions {
+    @if length($transition) == 0 {
+      transition: $transition-base;
+    } @else {
+      transition: $transition;
+    }
+  }
+}
diff --git a/assets/scss/bootstrap/mixins/_visibility.scss b/assets/scss/bootstrap/mixins/_visibility.scss
new file mode 100755
index 0000000..fe523d0
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_visibility.scss
@@ -0,0 +1,7 @@
+// stylelint-disable declaration-no-important
+
+// Visibility
+
+@mixin invisible($visibility) {
+  visibility: $visibility !important;
+}
diff --git a/assets/scss/bootstrap/utilities/_align.scss b/assets/scss/bootstrap/utilities/_align.scss
new file mode 100755
index 0000000..8b7df9f
--- /dev/null
+++ b/assets/scss/bootstrap/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/assets/scss/bootstrap/utilities/_background.scss b/assets/scss/bootstrap/utilities/_background.scss
new file mode 100755
index 0000000..1f18b2f
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_background.scss
@@ -0,0 +1,19 @@
+// stylelint-disable declaration-no-important
+
+@each $color, $value in $theme-colors {
+  @include bg-variant(".bg-#{$color}", $value);
+}
+
+@if $enable-gradients {
+  @each $color, $value in $theme-colors {
+    @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
+  }
+}
+
+.bg-white {
+  background-color: $white !important;
+}
+
+.bg-transparent {
+  background-color: transparent !important;
+}
diff --git a/assets/scss/bootstrap/utilities/_borders.scss b/assets/scss/bootstrap/utilities/_borders.scss
new file mode 100755
index 0000000..b8832ef
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_borders.scss
@@ -0,0 +1,59 @@
+// stylelint-disable 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 {
+  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-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
diff --git a/assets/scss/bootstrap/utilities/_clearfix.scss b/assets/scss/bootstrap/utilities/_clearfix.scss
new file mode 100755
index 0000000..e92522a
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_clearfix.scss
@@ -0,0 +1,3 @@
+.clearfix {
+  @include clearfix();
+}
diff --git a/assets/scss/bootstrap/utilities/_display.scss b/assets/scss/bootstrap/utilities/_display.scss
new file mode 100755
index 0000000..20aeeb5
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_display.scss
@@ -0,0 +1,38 @@
+// 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);
+
+    .d#{$infix}-none         { display: none !important; }
+    .d#{$infix}-inline       { display: inline !important; }
+    .d#{$infix}-inline-block { display: inline-block !important; }
+    .d#{$infix}-block        { display: block !important; }
+    .d#{$infix}-table        { display: table !important; }
+    .d#{$infix}-table-row    { display: table-row !important; }
+    .d#{$infix}-table-cell   { display: table-cell !important; }
+    .d#{$infix}-flex         { display: flex !important; }
+    .d#{$infix}-inline-flex  { display: inline-flex !important; }
+  }
+}
+
+
+//
+// Utilities for toggling `display` in print
+//
+
+@media print {
+  .d-print-none         { display: none !important; }
+  .d-print-inline       { display: inline !important; }
+  .d-print-inline-block { display: inline-block !important; }
+  .d-print-block        { display: block !important; }
+  .d-print-table        { display: table !important; }
+  .d-print-table-row    { display: table-row !important; }
+  .d-print-table-cell   { display: table-cell !important; }
+  .d-print-flex         { display: flex !important; }
+  .d-print-inline-flex  { display: inline-flex !important; }
+}
diff --git a/assets/scss/bootstrap/utilities/_embed.scss b/assets/scss/bootstrap/utilities/_embed.scss
new file mode 100755
index 0000000..d3362b6
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_embed.scss
@@ -0,0 +1,52 @@
+// 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;
+  }
+}
+
+.embed-responsive-21by9 {
+  &::before {
+    padding-top: percentage(9 / 21);
+  }
+}
+
+.embed-responsive-16by9 {
+  &::before {
+    padding-top: percentage(9 / 16);
+  }
+}
+
+.embed-responsive-4by3 {
+  &::before {
+    padding-top: percentage(3 / 4);
+  }
+}
+
+.embed-responsive-1by1 {
+  &::before {
+    padding-top: percentage(1 / 1);
+  }
+}
diff --git a/assets/scss/bootstrap/utilities/_flex.scss b/assets/scss/bootstrap/utilities/_flex.scss
new file mode 100755
index 0000000..8e47038
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_flex.scss
@@ -0,0 +1,46 @@
+// 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; }
+
+    .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/assets/scss/bootstrap/utilities/_float.scss b/assets/scss/bootstrap/utilities/_float.scss
new file mode 100755
index 0000000..01655e9
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_float.scss
@@ -0,0 +1,9 @@
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .float#{$infix}-left  { @include float-left; }
+    .float#{$infix}-right { @include float-right; }
+    .float#{$infix}-none  { @include float-none; }
+  }
+}
diff --git a/assets/scss/bootstrap/utilities/_position.scss b/assets/scss/bootstrap/utilities/_position.scss
new file mode 100755
index 0000000..ef962ed
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_position.scss
@@ -0,0 +1,36 @@
+// stylelint-disable declaration-no-important
+
+// Common values
+
+// Sass list not in variables since it's not intended for customization.
+$positions: static, relative, absolute, fixed, sticky;
+
+@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/assets/scss/bootstrap/utilities/_screenreaders.scss b/assets/scss/bootstrap/utilities/_screenreaders.scss
new file mode 100755
index 0000000..9f26fde
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_screenreaders.scss
@@ -0,0 +1,11 @@
+//
+// Screenreaders
+//
+
+.sr-only {
+  @include sr-only();
+}
+
+.sr-only-focusable {
+  @include sr-only-focusable();
+}
diff --git a/assets/scss/bootstrap/utilities/_sizing.scss b/assets/scss/bootstrap/utilities/_sizing.scss
new file mode 100755
index 0000000..e95a4db
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_sizing.scss
@@ -0,0 +1,12 @@
+// 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; }
diff --git a/assets/scss/bootstrap/utilities/_spacing.scss b/assets/scss/bootstrap/utilities/_spacing.scss
new file mode 100755
index 0000000..b2e2354
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_spacing.scss
@@ -0,0 +1,51 @@
+// 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;
+        }
+      }
+    }
+
+    // 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/assets/scss/bootstrap/utilities/_text.scss b/assets/scss/bootstrap/utilities/_text.scss
new file mode 100755
index 0000000..e0a928b
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_text.scss
@@ -0,0 +1,82 @@
+// stylelint-disable declaration-no-important
+
+//
+// Text
+//
+
+// Alignment
+
+.text-justify {
+  text-align: justify !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: 300 !important;
+}
+.font-weight-normal {
+  font-weight: 400 !important;
+}
+.font-weight-bold {
+  font-weight: 400 !important;
+}
+.font-italic {
+  font-style: italic !important;
+}
+
+// Contextual colors
+
+.text-white {
+  color: #fff !important;
+}
+
+@each $color, $value in $theme-colors {
+  @include text-emphasis-variant('.text-#{$color}', $value);
+}
+
+.text-muted {
+  color: $text-muted !important;
+}
+
+// Misc
+
+.text-hide {
+  @include text-hide();
+}
diff --git a/assets/scss/bootstrap/utilities/_visibility.scss b/assets/scss/bootstrap/utilities/_visibility.scss
new file mode 100755
index 0000000..823406d
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_visibility.scss
@@ -0,0 +1,11 @@
+//
+// Visibility utilities
+//
+
+.visible {
+  @include invisible(visible);
+}
+
+.invisible {
+  @include invisible(hidden);
+}
diff --git a/assets/scss/components/_buttons.scss b/assets/scss/components/_buttons.scss
new file mode 100644
index 0000000..59cfc5b
--- /dev/null
+++ b/assets/scss/components/_buttons.scss
@@ -0,0 +1,23 @@
+.button {
+  white-space: nowrap;
+  display: inline-block;
+  padding: 8px 15px 6px 15px;
+  background: $primary;
+  font-weight: normal;
+  text-transform: uppercase;
+  color: lighten($primary, 50%);
+  text-decoration: none;
+  -webkit-transition: all 0.15s ease;
+  transition: all 0.15s ease;
+  border-radius: 3px;
+  &:hover {
+    color: #fff;
+    background-color: lighten($primary, 10%);
+    text-decoration: none;
+  }
+}
+.button-white {
+  background: none;
+  color: #fff;
+  border: 2px solid #fff;
+}
diff --git a/assets/scss/components/_content.scss b/assets/scss/components/_content.scss
new file mode 100644
index 0000000..dee4b91
--- /dev/null
+++ b/assets/scss/components/_content.scss
@@ -0,0 +1,85 @@
+$paragraph-color: $black;
+
+.content {
+  -webkit-font-smoothing: antialiased;
+  pre {
+    font-family: $font-family-mono;
+    font-size: 0.9rem;
+    line-height: 1.4;
+    margin: 0;
+    background: #f5f5f5;
+    padding: 10px;
+    border-radius: 1px;
+    color: lighten($black, 10%);
+    code {
+      font-family: $font-family-mono;
+      font-size: 0.9rem;
+      line-height: 1.4;
+      border-radius: none;
+      padding: 0;
+      margin: 0;
+    }
+  }
+  code {
+    background: #f5f5f5;
+    padding: 3px 6px;
+    border-radius: 3px;
+    color: lighten($black, 10%);
+    font-family: $font-family-mono;
+    font-size: 0.9rem;
+    line-height: 1.4;
+  }
+  .highlight {
+    margin-bottom: 20px;
+  }
+  ul,
+  ol {
+    margin-top: 10px;
+    margin-bottom: 20px;
+    li {
+      margin-bottom: 5px;
+      margin-left: 20px;
+    }
+  }
+  a {
+    text-decoration: underline;
+  }
+  p {
+    font-family: $font-family-base;
+    font-size: 1rem;
+    line-height: 1.7;
+    color: lighten($black, 10%);
+    font-weight: 400;
+  }
+  h1 {
+    font-family: $font-family-serif;
+    line-height: 1.2;
+    font-weight: 300;
+    margin-bottom: 20px;
+    @include media-breakpoint-up(md) {
+      line-height: 1.2;
+      font-weight: 300;
+    }
+  }
+  h2 {
+    font-size: 2.2rem;
+    line-height: 1.6;
+    font-weight: 300;
+    letter-spacing: -0.01em;
+    font-family: $font-family-base;
+    margin-bottom: 20px;
+    @include media-breakpoint-up(md) {
+      line-height: 1.4;
+    }
+  }
+  h3 {
+    font-size: 1.34rem;
+    line-height: 1.6;
+    font-weight: 400;
+    font-family: $font-family-base;
+    margin-bottom: 20px;
+    @include media-breakpoint-up(md) {
+      line-height: 1.4;
+    }
+  }
+}
diff --git a/assets/scss/components/_docs-menu.scss b/assets/scss/components/_docs-menu.scss
new file mode 100644
index 0000000..09b0e8a
--- /dev/null
+++ b/assets/scss/components/_docs-menu.scss
@@ -0,0 +1,30 @@
+.docs-menu {
+  h4 {
+    font-size: 1rem;
+    font-weight: bold;
+  }
+  ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    li {
+      font-size: 0.9rem;
+      line-height: 1.4;
+      font-weight: 400;
+      margin: 0;
+      padding: 4px 0 4px 0;
+      &.active {
+        a {
+          color: lighten($primary, 10%);
+          font-weight: 400;
+        }
+      }
+      a {
+        color: $black;
+        &:hover {
+          color: $primary;
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/components/_footer.scss b/assets/scss/components/_footer.scss
new file mode 100644
index 0000000..99ba757
--- /dev/null
+++ b/assets/scss/components/_footer.scss
@@ -0,0 +1,76 @@
+.footer {
+  background: $secondary;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  .footer-inner {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    align-items: flex-start;
+    @include media-breakpoint-up(sm) {
+      justify-content: space-between;
+      flex-direction: row;
+      align-items: center;
+    }
+  }
+  .footer-title {
+    color: #ffffff;
+    font-size: 1.3rem;
+    font-family: $font-family-serif;
+    margin-bottom: 10px;
+    flex: 0;
+    @include media-breakpoint-up(sm) {
+      margin: 0;
+      flex: 0 0 120px;
+    }
+  }
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    flex: 1;
+    li {
+      display: block;
+      margin-right: 10px;
+      color: lighten($secondary, 50%);
+      font-size: 0.9rem;
+      line-height: 1.8;
+      &:last-of-type {
+        margin-right: 0;
+      }
+      a {
+        color: lighten($secondary, 50%);
+        text-decoration: none;
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+      &.copyright {
+        font-weight: bold;
+        color: lighten($secondary, 50%);
+        display: none;
+        @include media-breakpoint-up(md) {
+          display: inline-block;
+        }
+      }
+    }
+    @include media-breakpoint-up(sm) {
+      height: inherit;
+      display: flex;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      align-items: center;
+      justify-content: flex-end;
+      li {
+        list-style: none;
+        a {
+          display: inline-block;
+          height: 40px;
+          padding: 10px 8px 10px 8px;
+          font-weight: 300;
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/components/_hamburger.scss b/assets/scss/components/_hamburger.scss
new file mode 100644
index 0000000..2400ddc
--- /dev/null
+++ b/assets/scss/components/_hamburger.scss
@@ -0,0 +1,27 @@
+.hamburger {
+  padding: 10px 0 10px 10px;
+  outline: none;
+  z-index: 30;
+  cursor: pointer;
+  @include media-breakpoint-up(md) {
+    display: none;
+  }
+  &:focus {
+    outline: none;
+  }
+  .hamburger-inner,
+  .hamburger-inner::before,
+  .hamburger-inner::after {
+    background: $primary;
+  }
+  .hamburger-inner::after {
+    width: 18px;
+    right: 0;
+  }
+  &.is-active {
+    .hamburger-inner::after {
+      width: inherit;
+      right: unset;
+    }
+  }
+}
diff --git a/assets/scss/components/_header.scss b/assets/scss/components/_header.scss
new file mode 100644
index 0000000..e5fc410
--- /dev/null
+++ b/assets/scss/components/_header.scss
@@ -0,0 +1,26 @@
+.header {
+  color: $primary;
+  background-color: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0 10px 0;
+  // box-shadow: 0 1px 15px rgba(50, 50, 93, 0.2);
+  .container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  &.header-absolute {
+    position: absolute;
+    z-index: 10;
+    width: 100%;
+  }
+}
+.lock-scroll {
+  .header {
+    &.header-absolute {
+      position: static;
+    }
+  }
+}
diff --git a/assets/scss/components/_highlight.scss b/assets/scss/components/_highlight.scss
new file mode 100644
index 0000000..cabacfb
--- /dev/null
+++ b/assets/scss/components/_highlight.scss
@@ -0,0 +1,330 @@
+.highlight {
+}
+.highlight .hll {
+  background-color: #ffffcc;
+}
+.highlight .c {
+  color: #999988;
+  font-style: italic;
+}
+
+/* Comment */
+.highlight .err {
+  color: #a61717;
+  background-color: #e3d2d2;
+}
+
+/* Error */
+.highlight .k {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Keyword */
+.highlight .o {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Operator */
+.highlight .cm {
+  color: #999988;
+  font-style: italic;
+}
+
+/* Comment.Multiline */
+.highlight .cp {
+  color: #999999;
+  font-weight: bold;
+  font-style: italic;
+}
+
+/* Comment.Preproc */
+.highlight .c1 {
+  color: #999988;
+  font-style: italic;
+}
+
+/* Comment.Single */
+.highlight .cs {
+  color: #999999;
+  font-weight: bold;
+  font-style: italic;
+}
+
+/* Comment.Special */
+.highlight .gd {
+  color: #000000;
+  background-color: #ffdddd;
+}
+
+/* Generic.Deleted */
+.highlight .ge {
+  color: #000000;
+  font-style: italic;
+}
+
+/* Generic.Emph */
+.highlight .gr {
+  color: #aa0000;
+}
+
+/* Generic.Error */
+.highlight .gh {
+  color: #999999;
+}
+
+/* Generic.Heading */
+.highlight .gi {
+  color: #000000;
+  background-color: #ddffdd;
+}
+
+/* Generic.Inserted */
+.highlight .go {
+  color: #888888;
+}
+
+/* Generic.Output */
+.highlight .gp {
+  color: #555555;
+}
+
+/* Generic.Prompt */
+.highlight .gs {
+  font-weight: bold;
+}
+
+/* Generic.Strong */
+.highlight .gu {
+  color: #aaaaaa;
+}
+
+/* Generic.Subheading */
+.highlight .gt {
+  color: #aa0000;
+}
+
+/* Generic.Traceback */
+.highlight .kc {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Keyword.Constant */
+.highlight .kd {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Keyword.Declaration */
+.highlight .kn {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Keyword.Namespace */
+.highlight .kp {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Keyword.Pseudo */
+.highlight .kr {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Keyword.Reserved */
+.highlight .kt {
+  color: #445588;
+  font-weight: bold;
+}
+
+/* Keyword.Type */
+.highlight .m {
+  color: #009999;
+}
+
+/* Literal.Number */
+.highlight .s {
+  color: #d01040;
+}
+
+/* Literal.String */
+.highlight .na {
+  color: #008080;
+}
+
+/* Name.Attribute */
+.highlight .nb {
+  color: #0086b3;
+}
+
+/* Name.Builtin */
+.highlight .nc {
+  color: #445588;
+  font-weight: bold;
+}
+
+/* Name.Class */
+.highlight .no {
+  color: #008080;
+}
+
+/* Name.Constant */
+.highlight .nd {
+  color: #3c5d5d;
+  font-weight: bold;
+}
+
+/* Name.Decorator */
+.highlight .ni {
+  color: #800080;
+}
+
+/* Name.Entity */
+.highlight .ne {
+  color: #990000;
+  font-weight: bold;
+}
+
+/* Name.Exception */
+.highlight .nf {
+  color: #990000;
+  font-weight: bold;
+}
+
+/* Name.Function */
+.highlight .nl {
+  color: #990000;
+  font-weight: bold;
+}
+
+/* Name.Label */
+.highlight .nn {
+  color: #555555;
+}
+
+/* Name.Namespace */
+.highlight .nt {
+  color: #000080;
+}
+
+/* Name.Tag */
+.highlight .nv {
+  color: #008080;
+}
+
+/* Name.Variable */
+.highlight .ow {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Operator.Word */
+.highlight .w {
+  color: #bbbbbb;
+}
+
+/* Text.Whitespace */
+.highlight .mf {
+  color: #009999;
+}
+
+/* Literal.Number.Float */
+.highlight .mh {
+  color: #009999;
+}
+
+/* Literal.Number.Hex */
+.highlight .mi {
+  color: #009999;
+}
+
+/* Literal.Number.Integer */
+.highlight .mo {
+  color: #009999;
+}
+
+/* Literal.Number.Oct */
+.highlight .sb {
+  color: #d01040;
+}
+
+/* Literal.String.Backtick */
+.highlight .sc {
+  color: #d01040;
+}
+
+/* Literal.String.Char */
+.highlight .sd {
+  color: #d01040;
+}
+
+/* Literal.String.Doc */
+.highlight .s2 {
+  color: #d01040;
+}
+
+/* Literal.String.Double */
+.highlight .se {
+  color: #d01040;
+}
+
+/* Literal.String.Escape */
+.highlight .sh {
+  color: #d01040;
+}
+
+/* Literal.String.Heredoc */
+.highlight .si {
+  color: #d01040;
+}
+
+/* Literal.String.Interpol */
+.highlight .sx {
+  color: #d01040;
+}
+
+/* Literal.String.Other */
+.highlight .sr {
+  color: #009926;
+}
+
+/* Literal.String.Regex */
+.highlight .s1 {
+  color: #d01040;
+}
+
+/* Literal.String.Single */
+.highlight .ss {
+  color: #990073;
+}
+
+/* Literal.String.Symbol */
+.highlight .bp {
+  color: #999999;
+}
+
+/* Name.Builtin.Pseudo */
+.highlight .vc {
+  color: #008080;
+}
+
+/* Name.Variable.Class */
+.highlight .vg {
+  color: #008080;
+}
+
+/* Name.Variable.Global */
+.highlight .vi {
+  color: #008080;
+}
+
+/* Name.Variable.Instance */
+.highlight .il {
+  color: #009999;
+}
+
+/* Literal.Number.Integer.Long */
diff --git a/assets/scss/components/_logo.scss b/assets/scss/components/_logo.scss
new file mode 100644
index 0000000..777fa99
--- /dev/null
+++ b/assets/scss/components/_logo.scss
@@ -0,0 +1,33 @@
+.logo {
+  display: none;
+  @include media-breakpoint-up(sm) {
+    display: block;
+    width: 70px;
+  }
+  img {
+    width: 100%;
+    height: auto;
+  }
+  a {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+}
+.logo-mobile {
+  display: block;
+  width: 40px;
+  padding: 10px 0 10px 0;
+  @include media-breakpoint-up(sm) {
+    display: none;
+  }
+  img {
+    width: 100%;
+    height: auto;
+  }
+  a {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+}
diff --git a/assets/scss/components/_main-menu-mobile.scss b/assets/scss/components/_main-menu-mobile.scss
new file mode 100644
index 0000000..b3cd6e2
--- /dev/null
+++ b/assets/scss/components/_main-menu-mobile.scss
@@ -0,0 +1,141 @@
+$color-main: $primary;
+$color-active: #ffffff;
+$color-link: #ffffff;
+
+$button-height: 27px;
+$button-width: 35px;
+// .button_container {
+//   position: fixed;
+//   top: 5%;
+//   right: 2%;
+//   height: $button-height;
+//   width: $button-width;
+//   cursor: pointer;
+//   z-index: 1000;
+//   transition: opacity 0.25s ease;
+//   &:hover {
+//     opacity: 0.7;
+//   }
+//   &.active {
+//     .top {
+//       transform: translateY(11px) translateX(0) rotate(45deg);
+//       background: $color-active;
+//     }
+//     .middle {
+//       opacity: 0;
+//       background: $color-active;
+//     }
+//     .bottom {
+//       transform: translateY(-11px) translateX(0) rotate(-45deg);
+//       background: $color-active;
+//     }
+//   }
+//   span {
+//     background: $color-main;
+//     border: none;
+//     height: 5px;
+//     width: 100%;
+//     position: absolute;
+//     top: 0;
+//     left: 0;
+//     transition: all 0.35s ease;
+//     cursor: pointer;
+//     &:nth-of-type(2) {
+//       top: 11px;
+//     }
+//     &:nth-of-type(3) {
+//       top: 22px;
+//     }
+//   }
+// }
+.main-menu-mobile {
+  position: fixed;
+  background: $color-main;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  &.open {
+    opacity: 0.9;
+    visibility: visible;
+    height: 100%;
+    z-index: 20;
+    li {
+      animation: fadeInRight 0.5s ease forwards;
+      animation-delay: 0.35s;
+      &:nth-of-type(2) {
+        animation-delay: 0.4s;
+      }
+      &:nth-of-type(3) {
+        animation-delay: 0.45s;
+      }
+      &:nth-of-type(4) {
+        animation-delay: 0.5s;
+      }
+      &:nth-of-type(5) {
+        animation-delay: 0.55s;
+      }
+      &:nth-of-type(6) {
+        animation-delay: 0.6s;
+      }
+    }
+  }
+  ul {
+    font-size: 2rem;
+    font-family: $font-family-serif;
+    text-align: center;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    flex: 0;
+    li {
+      display: block;
+      position: relative;
+      opacity: 0;
+      a {
+        display: block;
+        position: relative;
+        color: $color-link;
+        text-decoration: none;
+        overflow: hidden;
+        &:hover::after,
+        &:focus::after,
+        &:active::after {
+          width: 100%;
+        }
+        &::after {
+          content: '';
+          position: absolute;
+          bottom: 0;
+          left: 50%;
+          width: 0%;
+          transform: translateX(-50%);
+          height: 3px;
+          background: $color-link;
+          transition: 0.35s;
+        }
+      }
+    }
+  }
+}
+@keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    left: 20%;
+  }
+  100% {
+    opacity: 1;
+    left: 0;
+  }
+}
+.lock-scroll {
+  overflow: hidden;
+}
diff --git a/assets/scss/components/_main-menu.scss b/assets/scss/components/_main-menu.scss
new file mode 100644
index 0000000..56d7d7f
--- /dev/null
+++ b/assets/scss/components/_main-menu.scss
@@ -0,0 +1,32 @@
+.main-menu {
+  display: none;
+  @include media-breakpoint-up(md) {
+    display: block;
+  }
+  > ul {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    font-family: $font-family-base;
+    > li {
+      list-style: none;
+      font-size: 14px;
+      > a {
+        padding: 10px 14px 10px 14px;
+        display: inline-block;
+        font-weight: normal;
+        text-decoration: none;
+        color: $primary;
+        &:hover {
+          text-decoration: underline;
+          color: $primary;
+        }
+      }
+      &.active {
+        > a {
+          font-weight: bold;
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/components/_overview.scss b/assets/scss/components/_overview.scss
new file mode 100644
index 0000000..3c92b54
--- /dev/null
+++ b/assets/scss/components/_overview.scss
@@ -0,0 +1,6 @@
+.overview {
+  background: lightgoldenrodyellow;
+  border-radius: 3px;
+  padding: 4px 10px 4px 10px;
+  float: right;
+}
diff --git a/assets/scss/components/_page.scss b/assets/scss/components/_page.scss
new file mode 100644
index 0000000..9007af2
--- /dev/null
+++ b/assets/scss/components/_page.scss
@@ -0,0 +1,8 @@
+.page {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  .wrapper {
+    flex: 1;
+  }
+}
diff --git a/assets/scss/components/_reset.scss b/assets/scss/components/_reset.scss
new file mode 100644
index 0000000..4fa2bc1
--- /dev/null
+++ b/assets/scss/components/_reset.scss
@@ -0,0 +1,6 @@
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
diff --git a/assets/scss/components/_strip.scss b/assets/scss/components/_strip.scss
new file mode 100644
index 0000000..af09e25
--- /dev/null
+++ b/assets/scss/components/_strip.scss
@@ -0,0 +1,55 @@
+.strip {
+  background-repeat: no-repeat;
+}
+.strip-white {
+  background-color: white;
+}
+.strip-grey {
+  background-color: #f4f5fb;
+}
+.strip-diagonal {
+  transform: skewY(5deg);
+  padding-bottom: 50px;
+  margin-bottom: 65px;
+  > div {
+    transform: skewY(-5deg);
+  }
+}
+.strip-primary-gradient {
+  background-image: linear-gradient(to right, $primary, $secondary);
+}
+.strip-primary-gradient-top-bottom {
+  background-image: linear-gradient(to bottom, $primary, $secondary);
+}
+.strip-primary {
+  background-color: $primary;
+}
+.strip-secondary {
+  background-color: $secondary;
+}
+
+.strip-diagonal-right {
+  margin-top: -100px;
+  transform: skewY(-5deg);
+  padding-bottom: 100px;
+  > div {
+    transform: skewY(5deg);
+  }
+}
+
+.strip-diagonal-left {
+  margin-top: -100px;
+  transform: skewY(5deg);
+  padding-bottom: 100px;
+  > div {
+    transform: skewY(-5deg);
+  }
+}
+
+.strip-bg-contain {
+  background-size: contain;
+}
+
+.strip-bg-cover {
+  background-size: cover;
+}
diff --git a/assets/scss/components/_sub-footer.scss b/assets/scss/components/_sub-footer.scss
new file mode 100644
index 0000000..a0a5398
--- /dev/null
+++ b/assets/scss/components/_sub-footer.scss
@@ -0,0 +1,61 @@
+.sub-footer {
+  background: darken($secondary, 10%);
+  padding-top: 20px;
+  padding-bottom: 20px;
+  @include media-breakpoint-up(md) {
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  .sub-footer-inner {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    @include media-breakpoint-up(md) {
+      flex-direction: row;
+    }
+    ul {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      li {
+        list-style: none;
+        display: block;
+        color: lighten($secondary, 40%);
+        font-size: 0.9rem;
+        line-height: 1.8;
+        strong {
+          font-weight: bold;
+          color: #ffffff;
+        }
+        a {
+          color: lighten($secondary, 40%);
+          text-decoration: none;
+          &:hover {
+            text-decoration: underline;
+          }
+        }
+        span {
+          display: inline-block;
+          height: 40px;
+          padding: 10px 0 10px 8px;
+          font-weight: bold;
+          color: #ffffff;
+        }
+        &.zerostatic {
+          a {
+            color: #ffffff;
+          }
+        }
+      }
+      @include media-breakpoint-up(sm) {
+        li {
+          display: inline-block;
+          margin-left: 10px;
+          &:first-of-type {
+            margin-left: 0;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/components/_title.scss b/assets/scss/components/_title.scss
new file mode 100644
index 0000000..e6e2dc1
--- /dev/null
+++ b/assets/scss/components/_title.scss
@@ -0,0 +1,12 @@
+.title {
+  color: #222222;
+  font-size: 2.4rem;
+  line-height: 1.2;
+  font-family: $font-family-base;
+  letter-spacing: -0.2px;
+  font-weight: 100;
+  margin-bottom: 30px;
+  @include media-breakpoint-up(md) {
+    font-size: 3rem;
+  }
+}
diff --git a/assets/scss/components/_type.scss b/assets/scss/components/_type.scss
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/assets/scss/components/_type.scss
diff --git a/assets/scss/components/_whitebox.scss b/assets/scss/components/_whitebox.scss
new file mode 100644
index 0000000..ee1c5d8
--- /dev/null
+++ b/assets/scss/components/_whitebox.scss
@@ -0,0 +1,10 @@
+@mixin whitebox($padding: 10px) {
+  border: 1px solid #dcdcdc;
+  border-radius: 3px;
+  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2);
+  background: #ffffff;
+  padding: $padding;
+}
+.whitebox {
+  @include whitebox();
+}
diff --git a/assets/scss/libraries/hamburgers/_base.scss b/assets/scss/libraries/hamburgers/_base.scss
new file mode 100755
index 0000000..7263067
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/_base.scss
@@ -0,0 +1,86 @@
+// Hamburger
+// ==================================================
+.hamburger {
+  padding: $hamburger-padding-y $hamburger-padding-x;
+  display: inline-block;
+  cursor: pointer;
+
+  transition-property: opacity, filter;
+  transition-duration: 0.15s;
+  transition-timing-function: linear;
+
+  // Normalize (<button>)
+  font: inherit;
+  color: inherit;
+  text-transform: none;
+  background-color: transparent;
+  border: 0;
+  margin: 0;
+  overflow: visible;
+
+  &:hover {
+    @if $hamburger-hover-use-filter == true {
+      filter: $hamburger-hover-filter;
+    }
+    @else {
+      opacity: $hamburger-hover-opacity;
+    }
+  }
+
+  &.is-active {
+    &:hover {
+      @if $hamburger-hover-use-filter == true {
+        filter: $hamburger-active-hover-filter;
+      }
+      @else {
+        opacity: $hamburger-active-hover-opacity;
+      }
+    }
+
+    .hamburger-inner,
+    .hamburger-inner::before,
+    .hamburger-inner::after {
+      background-color: $hamburger-active-layer-color;
+    }
+  }
+}
+
+.hamburger-box {
+  width: $hamburger-layer-width;
+  height: $hamburger-layer-height * 3 + $hamburger-layer-spacing * 2;
+  display: inline-block;
+  position: relative;
+}
+
+.hamburger-inner {
+  display: block;
+  top: 50%;
+  margin-top: $hamburger-layer-height / -2;
+
+  &,
+  &::before,
+  &::after {
+    width: $hamburger-layer-width;
+    height: $hamburger-layer-height;
+    background-color: $hamburger-layer-color;
+    border-radius: $hamburger-layer-border-radius;
+    position: absolute;
+    transition-property: transform;
+    transition-duration: 0.15s;
+    transition-timing-function: ease;
+  }
+
+  &::before,
+  &::after {
+    content: "";
+    display: block;
+  }
+
+  &::before {
+    top: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
+  }
+
+  &::after {
+    bottom: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/hamburgers.scss b/assets/scss/libraries/hamburgers/hamburgers.scss
new file mode 100755
index 0000000..977f0a3
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/hamburgers.scss
@@ -0,0 +1,118 @@
+@charset "UTF-8";
+/*!
+ * Hamburgers
+ * @description Tasty CSS-animated hamburgers
+ * @author Jonathan Suh @jonsuh
+ * @site https://jonsuh.com/hamburgers
+ * @link https://github.com/jonsuh/hamburgers
+ */
+
+// Settings
+// ==================================================
+$hamburger-padding-x           : 15px !default;
+$hamburger-padding-y           : 15px !default;
+$hamburger-layer-width         : 32px !default;
+$hamburger-layer-height        : 3px !default;
+$hamburger-layer-spacing       : 5px !default;
+$hamburger-layer-color         : $primary !default;
+$hamburger-layer-border-radius : 3px !default;
+$hamburger-hover-opacity       : 0.7 !default;
+$hamburger-active-layer-color  : #FFF !default;
+$hamburger-active-hover-opacity: $hamburger-hover-opacity !default;
+
+// To use CSS filters as the hover effect instead of opacity,
+// set $hamburger-hover-use-filter as true and
+// change the value of $hamburger-hover-filter accordingly.
+$hamburger-hover-use-filter   : false !default;
+$hamburger-hover-filter       : opacity(50%) !default;
+$hamburger-active-hover-filter: $hamburger-hover-filter !default;
+
+// Types (Remove or comment out what you don’t need)
+// ==================================================
+$hamburger-types: (
+  3dx,
+  3dx-r,
+  3dy,
+  3dy-r,
+  3dxy,
+  3dxy-r,
+  arrow,
+  arrow-r,
+  arrowalt,
+  arrowalt-r,
+  arrowturn,
+  arrowturn-r,
+  boring,
+  collapse,
+  collapse-r,
+  elastic,
+  elastic-r,
+  emphatic,
+  emphatic-r,
+  minus,
+  slider,
+  slider-r,
+  spin,
+  spin-r,
+  spring,
+  spring-r,
+  stand,
+  stand-r,
+  squeeze,
+  vortex,
+  vortex-r
+) !default;
+
+// Base Hamburger (We need this)
+// ==================================================
+@import "base";
+
+// Hamburger types
+// ==================================================
+// @import "types/3dx";
+// @import "types/3dx-r";
+// @import "types/3dy";
+// @import "types/3dy-r";
+// @import "types/3dxy";
+// @import "types/3dxy-r";
+// @import "types/arrow";
+// @import "types/arrow-r";
+// @import "types/arrowalt";
+// @import "types/arrowalt-r";
+// @import "types/arrowturn";
+// @import "types/arrowturn-r";
+// @import "types/boring";
+// @import "types/collapse";
+// @import "types/collapse-r";
+// @import "types/elastic";
+// @import "types/elastic-r";
+// @import "types/emphatic";
+// @import "types/emphatic-r";
+// @import "types/minus";
+@import "types/slider";
+// @import "types/slider-r";
+// @import "types/spin";
+// @import "types/spin-r";
+// @import "types/spring";
+// @import "types/spring-r";
+// @import "types/stand";
+// @import "types/stand-r";
+// @import "types/squeeze";
+// @import "types/vortex";
+// @import "types/vortex-r";
+
+// ==================================================
+// Cooking up additional types:
+//
+// The Sass for each hamburger type should be nested
+// inside an @if directive to check whether or not
+// it exists in $hamburger-types so only the CSS for
+// included types are generated.
+//
+// e.g. hamburgers/types/_new-type.scss
+//
+// @if index($hamburger-types, new-type) {
+//   .hamburger--new-type {
+//     ...
+//   }
+// }
diff --git a/assets/scss/libraries/hamburgers/types/_3dx-r.scss b/assets/scss/libraries/hamburgers/types/_3dx-r.scss
new file mode 100755
index 0000000..3d86813
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_3dx-r.scss
@@ -0,0 +1,35 @@
+@if index($hamburger-types, 3dx-r) {
+  /*
+   * 3DX Reverse
+   */
+  .hamburger--3dx-r {
+    .hamburger-box {
+      perspective: $hamburger-layer-width * 2;
+    }
+
+    .hamburger-inner {
+      transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+                  background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+      &::before,
+      &::after {
+        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        background-color: transparent !important;
+        transform: rotateY(-180deg);
+
+        &::before {
+          transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
+        }
+
+        &::after {
+          transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_3dx.scss b/assets/scss/libraries/hamburgers/types/_3dx.scss
new file mode 100755
index 0000000..c38bd7d
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_3dx.scss
@@ -0,0 +1,35 @@
+@if index($hamburger-types, 3dx) {
+  /*
+   * 3DX
+   */
+  .hamburger--3dx {
+    .hamburger-box {
+      perspective: $hamburger-layer-width * 2;
+    }
+
+    .hamburger-inner {
+      transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+                  background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+      &::before,
+      &::after {
+        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        background-color: transparent !important;
+        transform: rotateY(180deg);
+
+        &::before {
+          transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
+        }
+
+        &::after {
+          transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_3dxy-r.scss b/assets/scss/libraries/hamburgers/types/_3dxy-r.scss
new file mode 100755
index 0000000..c76e0a4
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_3dxy-r.scss
@@ -0,0 +1,35 @@
+@if index($hamburger-types, 3dxy-r) {
+  /*
+   * 3DXY Reverse
+   */
+  .hamburger--3dxy-r {
+    .hamburger-box {
+      perspective: $hamburger-layer-width * 2;
+    }
+
+    .hamburger-inner {
+      transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+                  background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+      &::before,
+      &::after {
+        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        background-color: transparent !important;
+        transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
+
+        &::before {
+          transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
+        }
+
+        &::after {
+          transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_3dxy.scss b/assets/scss/libraries/hamburgers/types/_3dxy.scss
new file mode 100755
index 0000000..e658d57
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_3dxy.scss
@@ -0,0 +1,35 @@
+@if index($hamburger-types, 3dxy) {
+  /*
+   * 3DXY
+   */
+  .hamburger--3dxy {
+    .hamburger-box {
+      perspective: $hamburger-layer-width * 2;
+    }
+
+    .hamburger-inner {
+      transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+                  background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+      &::before,
+      &::after {
+        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        background-color: transparent !important;
+        transform: rotateX(180deg) rotateY(180deg);
+
+        &::before {
+          transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
+        }
+
+        &::after {
+          transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_3dy-r.scss b/assets/scss/libraries/hamburgers/types/_3dy-r.scss
new file mode 100755
index 0000000..eda3b9f
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_3dy-r.scss
@@ -0,0 +1,35 @@
+@if index($hamburger-types, 3dy-r) {
+  /*
+   * 3DY Reverse
+   */
+  .hamburger--3dy-r {
+    .hamburger-box {
+      perspective: $hamburger-layer-width * 2;
+    }
+
+    .hamburger-inner {
+      transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+                  background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+      &::before,
+      &::after {
+        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        background-color: transparent !important;
+        transform: rotateX(180deg);
+
+        &::before {
+          transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
+        }
+
+        &::after {
+          transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_3dy.scss b/assets/scss/libraries/hamburgers/types/_3dy.scss
new file mode 100755
index 0000000..7c6f01a
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_3dy.scss
@@ -0,0 +1,35 @@
+@if index($hamburger-types, 3dy) {
+  /*
+   * 3DY
+   */
+  .hamburger--3dy {
+    .hamburger-box {
+      perspective: $hamburger-layer-width * 2;
+    }
+
+    .hamburger-inner {
+      transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+                  background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+      &::before,
+      &::after {
+        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        background-color: transparent !important;
+        transform: rotateX(-180deg);
+
+        &::before {
+          transform: translate3d(0, $hamburger-layer-height + $hamburger-layer-spacing, 0) rotate(45deg);
+        }
+
+        &::after {
+          transform: translate3d(0, ($hamburger-layer-height + $hamburger-layer-spacing) * -1, 0) rotate(-45deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_arrow-r.scss b/assets/scss/libraries/hamburgers/types/_arrow-r.scss
new file mode 100755
index 0000000..bb77ae9
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_arrow-r.scss
@@ -0,0 +1,16 @@
+@if index($hamburger-types, arrow-r) {
+  /*
+   * Arrow Right
+   */
+  .hamburger--arrow-r.is-active {
+    .hamburger-inner {
+      &::before {
+        transform: translate3d($hamburger-layer-width * 0.2, 0, 0) rotate(45deg) scale(0.7, 1);
+      }
+
+      &::after {
+        transform: translate3d($hamburger-layer-width * 0.2, 0, 0) rotate(-45deg) scale(0.7, 1);
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_arrow.scss b/assets/scss/libraries/hamburgers/types/_arrow.scss
new file mode 100755
index 0000000..a5946a6
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_arrow.scss
@@ -0,0 +1,16 @@
+@if index($hamburger-types, arrow) {
+  /*
+   * Arrow
+   */
+  .hamburger--arrow.is-active {
+    .hamburger-inner {
+      &::before {
+        transform: translate3d($hamburger-layer-width * -0.2, 0, 0) rotate(-45deg) scale(0.7, 1);
+      }
+
+      &::after {
+        transform: translate3d($hamburger-layer-width * -0.2, 0, 0) rotate(45deg) scale(0.7, 1);
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_arrowalt-r.scss b/assets/scss/libraries/hamburgers/types/_arrowalt-r.scss
new file mode 100755
index 0000000..5ba3b39
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_arrowalt-r.scss
@@ -0,0 +1,36 @@
+@if index($hamburger-types, arrowalt-r) {
+  /*
+   * Arrow Alt Right
+   */
+  .hamburger--arrowalt-r {
+    .hamburger-inner {
+      &::before {
+        transition: top 0.1s 0.1s ease,
+                    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
+      }
+
+      &::after {
+        transition: bottom 0.1s 0.1s ease,
+                    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        &::before {
+          top: 0;
+          transform: translate3d($hamburger-layer-width * 0.2, $hamburger-layer-width * -0.25, 0) rotate(45deg) scale(0.7, 1);
+          transition: top 0.1s ease,
+                      transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
+        }
+
+        &::after {
+          bottom: 0;
+          transform: translate3d($hamburger-layer-width * 0.2, $hamburger-layer-width * 0.25, 0) rotate(-45deg) scale(0.7, 1);
+          transition: bottom 0.1s ease,
+                      transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_arrowalt.scss b/assets/scss/libraries/hamburgers/types/_arrowalt.scss
new file mode 100755
index 0000000..6c5f2e2
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_arrowalt.scss
@@ -0,0 +1,36 @@
+@if index($hamburger-types, arrowalt) {
+  /*
+   * Arrow Alt
+   */
+  .hamburger--arrowalt {
+    .hamburger-inner {
+      &::before {
+        transition: top 0.1s 0.1s ease,
+                    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
+      }
+
+      &::after {
+        transition: bottom 0.1s 0.1s ease,
+                    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        &::before {
+          top: 0;
+          transform: translate3d($hamburger-layer-width * -0.2, $hamburger-layer-width * -0.25, 0) rotate(-45deg) scale(0.7, 1);
+          transition: top 0.1s ease,
+                      transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
+        }
+
+        &::after {
+          bottom: 0;
+          transform: translate3d($hamburger-layer-width * -0.2, $hamburger-layer-width * 0.25, 0) rotate(45deg) scale(0.7, 1);
+          transition: bottom 0.1s ease,
+                      transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_arrowturn-r.scss b/assets/scss/libraries/hamburgers/types/_arrowturn-r.scss
new file mode 100755
index 0000000..058b6f4
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_arrowturn-r.scss
@@ -0,0 +1,18 @@
+@if index($hamburger-types, arrowturn-r) {
+  /*
+   * Arrow Turn Right
+   */
+  .hamburger--arrowturn-r.is-active {
+    .hamburger-inner {
+      transform: rotate(-180deg);
+
+      &::before {
+        transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
+      }
+
+      &::after {
+        transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_arrowturn.scss b/assets/scss/libraries/hamburgers/types/_arrowturn.scss
new file mode 100755
index 0000000..7599978
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_arrowturn.scss
@@ -0,0 +1,18 @@
+@if index($hamburger-types, arrowturn) {
+  /*
+   * Arrow Turn
+   */
+  .hamburger--arrowturn.is-active {
+    .hamburger-inner {
+      transform: rotate(-180deg);
+
+      &::before {
+        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
+      }
+
+      &::after {
+        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_boring.scss b/assets/scss/libraries/hamburgers/types/_boring.scss
new file mode 100755
index 0000000..23214b4
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_boring.scss
@@ -0,0 +1,30 @@
+@if index($hamburger-types, boring) {
+  /*
+   * Boring
+   */
+  .hamburger--boring {
+    .hamburger-inner {
+      &,
+      &::before,
+      &::after {
+        transition-property: none;
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: rotate(45deg);
+
+        &::before {
+          top: 0;
+          opacity: 0;
+        }
+
+        &::after {
+          bottom: 0;
+          transform: rotate(-90deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_collapse-r.scss b/assets/scss/libraries/hamburgers/types/_collapse-r.scss
new file mode 100755
index 0000000..36a80a2
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_collapse-r.scss
@@ -0,0 +1,47 @@
+@if index($hamburger-types, collapse-r) {
+  /*
+   * Collapse Reverse
+   */
+  .hamburger--collapse-r {
+    .hamburger-inner {
+      top: auto;
+      bottom: 0;
+      transition-duration: 0.13s;
+      transition-delay: 0.13s;
+      transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+
+      &::after {
+        top: ($hamburger-layer-spacing * 2 + $hamburger-layer-height * 2) * -1;
+        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
+                    opacity 0.1s linear;
+      }
+
+      &::before {
+        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
+                    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: translate3d(0, ($hamburger-layer-spacing + $hamburger-layer-height) * -1, 0) rotate(45deg);
+        transition-delay: 0.22s;
+        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+
+        &::after {
+          top: 0;
+          opacity: 0;
+          transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
+                      opacity 0.1s 0.22s linear;
+        }
+
+        &::before {
+          top: 0;
+          transform: rotate(90deg);
+          transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
+                      transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_collapse.scss b/assets/scss/libraries/hamburgers/types/_collapse.scss
new file mode 100755
index 0000000..93a5231
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_collapse.scss
@@ -0,0 +1,47 @@
+@if index($hamburger-types, collapse) {
+  /*
+   * Collapse
+   */
+  .hamburger--collapse {
+    .hamburger-inner {
+      top: auto;
+      bottom: 0;
+      transition-duration: 0.13s;
+      transition-delay: 0.13s;
+      transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+
+      &::after {
+        top: ($hamburger-layer-spacing * 2 + $hamburger-layer-height * 2) * -1;
+        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
+                    opacity 0.1s linear;
+      }
+
+      &::before {
+        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
+                    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: translate3d(0, ($hamburger-layer-spacing + $hamburger-layer-height) * -1, 0) rotate(-45deg);
+        transition-delay: 0.22s;
+        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+
+        &::after {
+          top: 0;
+          opacity: 0;
+          transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
+                      opacity 0.1s 0.22s linear;
+        }
+
+        &::before {
+          top: 0;
+          transform: rotate(-90deg);
+          transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
+                      transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_elastic-r.scss b/assets/scss/libraries/hamburgers/types/_elastic-r.scss
new file mode 100755
index 0000000..367c019
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_elastic-r.scss
@@ -0,0 +1,41 @@
+@if index($hamburger-types, elastic-r) {
+  /*
+   * Elastic Reverse
+   */
+  .hamburger--elastic-r {
+    .hamburger-inner {
+      top: $hamburger-layer-height / 2;
+      transition-duration: 0.275s;
+      transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+
+      &::before {
+        top: $hamburger-layer-height + $hamburger-layer-spacing;
+        transition: opacity 0.125s 0.275s ease;
+      }
+
+      &::after {
+        top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
+        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        $y-offset: $hamburger-layer-spacing + $hamburger-layer-height;
+
+        transform: translate3d(0, $y-offset, 0) rotate(-135deg);
+        transition-delay: 0.075s;
+
+        &::before {
+          transition-delay: 0s;
+          opacity: 0;
+        }
+
+        &::after {
+          transform: translate3d(0, $y-offset * -2, 0) rotate(270deg);
+          transition-delay: 0.075s;
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_elastic.scss b/assets/scss/libraries/hamburgers/types/_elastic.scss
new file mode 100755
index 0000000..ef06a71
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_elastic.scss
@@ -0,0 +1,41 @@
+@if index($hamburger-types, elastic) {
+  /*
+   * Elastic
+   */
+  .hamburger--elastic {
+    .hamburger-inner {
+      top: $hamburger-layer-height / 2;
+      transition-duration: 0.275s;
+      transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+
+      &::before {
+        top: $hamburger-layer-height + $hamburger-layer-spacing;
+        transition: opacity 0.125s 0.275s ease;
+      }
+
+      &::after {
+        top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
+        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        $y-offset: $hamburger-layer-spacing + $hamburger-layer-height;
+
+        transform: translate3d(0, $y-offset, 0) rotate(135deg);
+        transition-delay: 0.075s;
+
+        &::before {
+          transition-delay: 0s;
+          opacity: 0;
+        }
+
+        &::after {
+          transform: translate3d(0, $y-offset * -2, 0) rotate(-270deg);
+          transition-delay: 0.075s;
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_emphatic-r.scss b/assets/scss/libraries/hamburgers/types/_emphatic-r.scss
new file mode 100755
index 0000000..6c5263b
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_emphatic-r.scss
@@ -0,0 +1,53 @@
+@if index($hamburger-types, emphatic-r) {
+  /*
+   * Emphatic Reverse
+   */
+  .hamburger--emphatic-r {
+    overflow: hidden;
+
+    .hamburger-inner {
+      transition: background-color 0.125s 0.175s ease-in;
+
+      &::before {
+        left: 0;
+        transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
+                    top 0.05s 0.125s linear,
+                    left 0.125s 0.175s ease-in;
+      }
+
+      &::after {
+        top: ($hamburger-layer-height) + ($hamburger-layer-spacing);
+        right: 0;
+        transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
+                    top 0.05s 0.125s linear,
+                    right 0.125s 0.175s ease-in;
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transition-delay: 0s;
+        transition-timing-function: ease-out;
+        background-color: transparent !important;
+
+        &::before {
+          left: $hamburger-layer-width * -2;
+          top: $hamburger-layer-width * 2;
+          transform: translate3d($hamburger-layer-width * 2, $hamburger-layer-width * -2, 0) rotate(-45deg);
+          transition: left 0.125s ease-out,
+                      top 0.05s 0.125s linear,
+                      transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
+        }
+
+        &::after {
+          right: $hamburger-layer-width * -2;
+          top: $hamburger-layer-width * 2;
+          transform: translate3d($hamburger-layer-width * -2, $hamburger-layer-width * -2, 0) rotate(45deg);
+          transition: right 0.125s ease-out,
+                      top 0.05s 0.125s linear,
+                      transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_emphatic.scss b/assets/scss/libraries/hamburgers/types/_emphatic.scss
new file mode 100755
index 0000000..24fb365
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_emphatic.scss
@@ -0,0 +1,53 @@
+@if index($hamburger-types, emphatic) {
+  /*
+   * Emphatic
+   */
+  .hamburger--emphatic {
+    overflow: hidden;
+
+    .hamburger-inner {
+      transition: background-color 0.125s 0.175s ease-in;
+
+      &::before {
+        left: 0;
+        transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
+                    top 0.05s 0.125s linear,
+                    left 0.125s 0.175s ease-in;
+      }
+
+      &::after {
+        top: ($hamburger-layer-height) + ($hamburger-layer-spacing);
+        right: 0;
+        transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
+                    top 0.05s 0.125s linear,
+                    right 0.125s 0.175s ease-in;
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transition-delay: 0s;
+        transition-timing-function: ease-out;
+        background-color: transparent !important;
+
+        &::before {
+          left: $hamburger-layer-width * -2;
+          top: $hamburger-layer-width * -2;
+          transform: translate3d($hamburger-layer-width * 2, $hamburger-layer-width * 2, 0) rotate(45deg);
+          transition: left 0.125s ease-out,
+                      top 0.05s 0.125s linear,
+                      transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
+        }
+
+        &::after {
+          right: $hamburger-layer-width * -2;
+          top: $hamburger-layer-width * -2;
+          transform: translate3d($hamburger-layer-width * -2, $hamburger-layer-width * 2, 0) rotate(-45deg);
+          transition: right 0.125s ease-out,
+                      top 0.05s 0.125s linear,
+                      transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_minus.scss b/assets/scss/libraries/hamburgers/types/_minus.scss
new file mode 100755
index 0000000..415f8dc
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_minus.scss
@@ -0,0 +1,34 @@
+@if index($hamburger-types, minus) {
+  /*
+   * Minus
+   */
+  .hamburger--minus {
+    .hamburger-inner {
+      &::before,
+      &::after {
+        transition: bottom 0.08s 0s ease-out,
+                    top 0.08s 0s ease-out,
+                    opacity 0s linear;
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        &::before,
+        &::after {
+          opacity: 0;
+          transition: bottom 0.08s ease-out,
+                      top 0.08s ease-out,
+                      opacity 0s 0.08s linear;
+        }
+        &::before {
+          top: 0;
+        }
+
+        &::after {
+          bottom: 0;
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_slider-r.scss b/assets/scss/libraries/hamburgers/types/_slider-r.scss
new file mode 100755
index 0000000..ff3cb53
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_slider-r.scss
@@ -0,0 +1,38 @@
+@if index($hamburger-types, slider-r) {
+  /*
+   * Slider Reverse
+   */
+  .hamburger--slider-r {
+    .hamburger-inner {
+      top: $hamburger-layer-height / 2;
+
+      &::before {
+        top: $hamburger-layer-height + $hamburger-layer-spacing;
+        transition-property: transform, opacity;
+        transition-timing-function: ease;
+        transition-duration: 0.15s;
+      }
+
+      &::after {
+        top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        $y-offset: $hamburger-layer-spacing + $hamburger-layer-height;
+
+        transform: translate3d(0, $y-offset, 0) rotate(-45deg);
+
+        &::before {
+          transform: rotate(45deg) translate3d($hamburger-layer-width / 7, $hamburger-layer-spacing * -1, 0);
+          opacity: 0;
+        }
+
+        &::after {
+          transform: translate3d(0, $y-offset * -2, 0) rotate(90deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_slider.scss b/assets/scss/libraries/hamburgers/types/_slider.scss
new file mode 100755
index 0000000..2ba9cc2
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_slider.scss
@@ -0,0 +1,38 @@
+@if index($hamburger-types, slider) {
+  /*
+   * Slider
+   */
+  .hamburger--slider {
+    .hamburger-inner {
+      top: $hamburger-layer-height / 2;
+
+      &::before {
+        top: $hamburger-layer-height + $hamburger-layer-spacing;
+        transition-property: transform, opacity;
+        transition-timing-function: ease;
+        transition-duration: 0.15s;
+      }
+
+      &::after {
+        top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        $y-offset: $hamburger-layer-spacing + $hamburger-layer-height;
+
+        transform: translate3d(0, $y-offset, 0) rotate(45deg);
+
+        &::before {
+          transform: rotate(-45deg) translate3d($hamburger-layer-width / -7, $hamburger-layer-spacing * -1, 0);
+          opacity: 0;
+        }
+
+        &::after {
+          transform: translate3d(0, $y-offset * -2, 0) rotate(-90deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_spin-r.scss b/assets/scss/libraries/hamburgers/types/_spin-r.scss
new file mode 100755
index 0000000..70dc047
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_spin-r.scss
@@ -0,0 +1,43 @@
+@if index($hamburger-types, spin-r) {
+  /*
+   * Spin Reverse
+   */
+  .hamburger--spin-r {
+    .hamburger-inner {
+      transition-duration: 0.22s;
+      transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+
+      &::before {
+        transition: top 0.1s 0.25s ease-in,
+                    opacity 0.1s ease-in;
+      }
+
+      &::after {
+        transition: bottom 0.1s 0.25s ease-in,
+                    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: rotate(-225deg);
+        transition-delay: 0.12s;
+        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+
+        &::before {
+          top: 0;
+          opacity: 0;
+          transition: top 0.1s ease-out,
+                      opacity 0.1s 0.12s ease-out;
+        }
+
+        &::after {
+          bottom: 0;
+          transform: rotate(90deg);
+          transition: bottom 0.1s ease-out,
+                      transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_spin.scss b/assets/scss/libraries/hamburgers/types/_spin.scss
new file mode 100755
index 0000000..e89da55
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_spin.scss
@@ -0,0 +1,43 @@
+@if index($hamburger-types, spin) {
+  /*
+   * Spin
+   */
+  .hamburger--spin {
+    .hamburger-inner {
+      transition-duration: 0.22s;
+      transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+
+      &::before {
+        transition: top 0.1s 0.25s ease-in,
+                    opacity 0.1s ease-in;
+      }
+
+      &::after {
+        transition: bottom 0.1s 0.25s ease-in,
+                    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: rotate(225deg);
+        transition-delay: 0.12s;
+        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+
+        &::before {
+          top: 0;
+          opacity: 0;
+          transition: top 0.1s ease-out,
+                      opacity 0.1s 0.12s ease-out;
+        }
+
+        &::after {
+          bottom: 0;
+          transform: rotate(-90deg);
+          transition: bottom 0.1s ease-out,
+                      transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_spring-r.scss b/assets/scss/libraries/hamburgers/types/_spring-r.scss
new file mode 100755
index 0000000..af099a8
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_spring-r.scss
@@ -0,0 +1,47 @@
+@if index($hamburger-types, spring-r) {
+  /*
+   * Spring Reverse
+   */
+  .hamburger--spring-r {
+    .hamburger-inner {
+      top: auto;
+      bottom: 0;
+      transition-duration: 0.13s;
+      transition-delay: 0s;
+      transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+
+      &::after {
+        top: ($hamburger-layer-spacing * 2 + $hamburger-layer-height * 2) * -1;
+        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
+                    opacity 0s linear;
+      }
+
+      &::before {
+        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
+                    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: translate3d(0, ($hamburger-layer-spacing + $hamburger-layer-height) * -1, 0) rotate(-45deg);
+        transition-delay: 0.22s;
+        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+
+        &::after {
+          top: 0;
+          opacity: 0;
+          transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
+                      opacity 0s 0.22s linear;
+        }
+
+        &::before {
+          top: 0;
+          transform: rotate(90deg);
+          transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
+                      transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_spring.scss b/assets/scss/libraries/hamburgers/types/_spring.scss
new file mode 100755
index 0000000..cdf77d9
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_spring.scss
@@ -0,0 +1,44 @@
+@if index($hamburger-types, spring) {
+  /*
+   * Spring
+   */
+  .hamburger--spring {
+    .hamburger-inner {
+      top: $hamburger-layer-height / 2;
+      transition: background-color 0s 0.13s linear;
+
+      &::before {
+        top: $hamburger-layer-height + $hamburger-layer-spacing;
+        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
+                    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+
+      &::after {
+        top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2);
+        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
+                    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transition-delay: 0.22s;
+        background-color: transparent !important;
+
+        &::before {
+          top: 0;
+          transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
+                      transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
+          transform: translate3d(0, $hamburger-layer-spacing + $hamburger-layer-height, 0) rotate(45deg);
+        }
+
+        &::after {
+          top: 0;
+          transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
+                      transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
+          transform: translate3d(0, $hamburger-layer-spacing + $hamburger-layer-height, 0) rotate(-45deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_squeeze.scss b/assets/scss/libraries/hamburgers/types/_squeeze.scss
new file mode 100755
index 0000000..1e9e946
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_squeeze.scss
@@ -0,0 +1,43 @@
+@if index($hamburger-types, squeeze) {
+  /*
+   * Squeeze
+   */
+  .hamburger--squeeze {
+    .hamburger-inner {
+      transition-duration: 0.075s;
+      transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+
+      &::before {
+        transition: top 0.075s 0.12s ease,
+                    opacity 0.075s ease;
+      }
+
+      &::after {
+        transition: bottom 0.075s 0.12s ease,
+                    transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: rotate(45deg);
+        transition-delay: 0.12s;
+        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+
+        &::before {
+          top: 0;
+          opacity: 0;
+          transition: top 0.075s ease,
+                      opacity 0.075s 0.12s ease;
+        }
+
+        &::after {
+          bottom: 0;
+          transform: rotate(-90deg);
+          transition: bottom 0.075s ease,
+                      transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_stand-r.scss b/assets/scss/libraries/hamburgers/types/_stand-r.scss
new file mode 100755
index 0000000..f56b162
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_stand-r.scss
@@ -0,0 +1,45 @@
+@if index($hamburger-types, stand-r) {
+  /*
+   * Stand Reverse
+   */
+  .hamburger--stand-r {
+    .hamburger-inner {
+      transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
+                  background-color 0s 0.075s linear;
+
+      &::before {
+        transition: top 0.075s 0.075s ease-in,
+                    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+
+      &::after {
+        transition: bottom 0.075s 0.075s ease-in,
+                    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: rotate(-90deg);
+        background-color: transparent !important;
+
+        transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
+                    background-color 0s 0.15s linear;
+
+        &::before {
+          top: 0;
+          transform: rotate(-45deg);
+          transition: top 0.075s 0.1s ease-out,
+                      transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+
+        &::after {
+          bottom: 0;
+          transform: rotate(45deg);
+          transition: bottom 0.075s 0.1s ease-out,
+                      transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_stand.scss b/assets/scss/libraries/hamburgers/types/_stand.scss
new file mode 100755
index 0000000..f391d14
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_stand.scss
@@ -0,0 +1,45 @@
+@if index($hamburger-types, stand) {
+  /*
+   * Stand
+   */
+  .hamburger--stand {
+    .hamburger-inner {
+      transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
+                  background-color 0s 0.075s linear;
+
+      &::before {
+        transition: top 0.075s 0.075s ease-in,
+                    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+
+      &::after {
+        transition: bottom 0.075s 0.075s ease-in,
+                    transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: rotate(90deg);
+        background-color: transparent !important;
+
+        transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
+                    background-color 0s 0.15s linear;
+
+        &::before {
+          top: 0;
+          transform: rotate(-45deg);
+          transition: top 0.075s 0.1s ease-out,
+                      transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+
+        &::after {
+          bottom: 0;
+          transform: rotate(45deg);
+          transition: bottom 0.075s 0.1s ease-out,
+                      transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_vortex-r.scss b/assets/scss/libraries/hamburgers/types/_vortex-r.scss
new file mode 100755
index 0000000..cd3bcfa
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_vortex-r.scss
@@ -0,0 +1,48 @@
+@if index($hamburger-types, vortex-r) {
+  /*
+   * Vortex Reverse
+   */
+  .hamburger--vortex-r {
+    .hamburger-inner {
+      transition-duration: 0.2s;
+      transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+
+      &::before,
+      &::after {
+        transition-duration: 0s;
+        transition-delay: 0.1s;
+        transition-timing-function: linear;
+      }
+
+      &::before {
+        transition-property: top, opacity;
+      }
+
+      &::after {
+        transition-property: bottom, transform;
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: rotate(-765deg);
+        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+
+        &::before,
+        &::after {
+          transition-delay: 0s;
+        }
+
+        &::before {
+          top: 0;
+          opacity: 0;
+        }
+
+        &::after {
+          bottom: 0;
+          transform: rotate(-90deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/libraries/hamburgers/types/_vortex.scss b/assets/scss/libraries/hamburgers/types/_vortex.scss
new file mode 100755
index 0000000..c329424
--- /dev/null
+++ b/assets/scss/libraries/hamburgers/types/_vortex.scss
@@ -0,0 +1,48 @@
+@if index($hamburger-types, vortex) {
+  /*
+   * Vortex
+   */
+  .hamburger--vortex {
+    .hamburger-inner {
+      transition-duration: 0.2s;
+      transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+
+      &::before,
+      &::after {
+        transition-duration: 0s;
+        transition-delay: 0.1s;
+        transition-timing-function: linear;
+      }
+
+      &::before {
+        transition-property: top, opacity;
+      }
+
+      &::after {
+        transition-property: bottom, transform;
+      }
+    }
+
+    &.is-active {
+      .hamburger-inner {
+        transform: rotate(765deg);
+        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+
+        &::before,
+        &::after {
+          transition-delay: 0s;
+        }
+
+        &::before {
+          top: 0;
+          opacity: 0;
+        }
+
+        &::after {
+          bottom: 0;
+          transform: rotate(90deg);
+        }
+      }
+    }
+  }
+}
diff --git a/assets/scss/pages/_home.scss b/assets/scss/pages/_home.scss
new file mode 100644
index 0000000..eebc576
--- /dev/null
+++ b/assets/scss/pages/_home.scss
@@ -0,0 +1,26 @@
+.page-home {
+  text-align: center;
+  .title {
+    font-weight: lighter;
+    font-family: $font-family-base;
+  }
+  p {
+    width: 60%;
+    margin: 0 auto;
+    font-size: 1.2rem;
+    font-weight: lighter;
+    margin-bottom: 40px;
+  }
+  .terminal {
+    background: #eaeaea;
+    border-radius: 3px;
+    width: 80%;
+    margin: 0 auto;
+    @include whitebox();
+    margin-top: -200px;
+    img {
+      width: 100%;
+      height: auto;
+    }
+  }
+}
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
new file mode 100755
index 0000000..b2ed725
--- /dev/null
+++ b/assets/scss/style.scss
@@ -0,0 +1,94 @@
+// Font
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Lora:400,700|Roboto+Mono:300,400');
+
+// Bootstrap
+@import 'bootstrap/functions';
+@import 'bootstrap-variables';
+@import 'bootstrap/variables';
+@import 'bootstrap/mixins';
+// @import 'bootstrap/root';
+@import 'bootstrap/reboot';
+@import 'bootstrap/utilities';
+@import 'bootstrap/grid';
+// @import 'bootstrap/type';
+@import 'bootstrap/tables';
+// @import "bootstrap/images";
+// @import "bootstrap/code";
+// @import "bootstrap/forms";
+// @import "bootstrap/buttons";
+// @import "bootstrap/transitions";
+// @import "bootstrap/dropdown";
+// @import "bootstrap/button-group";
+// @import "bootstrap/input-group";
+// @import "bootstrap/custom-forms";
+// @import "bootstrap/nav";
+// @import "bootstrap/navbar";
+// @import "bootstrap/card";
+// @import "bootstrap/breadcrumb";
+// @import "bootstrap/pagination";
+// @import "bootstrap/badge";
+// @import "bootstrap/jumbotron";
+// @import "bootstrap/alert";
+// @import "bootstrap/progress";
+// @import "bootstrap/media";
+// @import "bootstrap/list-group";
+// @import "bootstrap/close";
+// @import "bootstrap/modal";
+// @import "bootstrap/tooltip";
+// @import "bootstrap/popover";
+// @import "bootstrap/carousel";
+// @import "bootstrap/print";
+
+// Libraries
+@import 'libraries/hamburgers/hamburgers';
+
+// Components
+@import 'components/reset';
+@import 'components/page';
+@import 'components/header';
+@import 'components/footer';
+@import 'components/sub-footer';
+@import 'components/logo';
+@import 'components/main-menu';
+@import 'components/main-menu-mobile';
+@import 'components/docs-menu';
+@import 'components/hamburger';
+@import 'components/buttons';
+@import 'components/title';
+@import 'components/content';
+@import 'components/strip';
+@import 'components/whitebox';
+@import 'components/highlight';
+@import 'components/overview';
+
+// Pages
+@import 'pages/home';
+
+body {
+  font-family: $font-family-base;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.4;
+  color: $black;
+}
+
+// Display breakpoints for DEV
+// body:after {
+//   color: #000000;
+//   font-size: 12px;
+//   padding: 5px;
+//   font-weight: bold;
+//   right: 10px;
+//   position: fixed;
+//   text-align: center;
+//   text-transform: uppercase;
+//   bottom: 10px;
+//   width: 200px;
+//   z-index: 9999;
+//   border: solid 1px #000000;
+//   @each $name, $value in $grid-breakpoints {
+//     @include media-breakpoint-up($name) {
+//       content: "#{$name} - min-width: #{$value}";
+//     }
+//   }
+// }
diff --git a/exampleSite/archetypes/default.md b/exampleSite/archetypes/default.md
new file mode 100644
index 0000000..00e77bd
--- /dev/null
+++ b/exampleSite/archetypes/default.md
@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
diff --git a/exampleSite/archetypes/docs.md b/exampleSite/archetypes/docs.md
new file mode 100644
index 0000000..68a01b5
--- /dev/null
+++ b/exampleSite/archetypes/docs.md
@@ -0,0 +1,10 @@
+---
+title: "{{ replace .TranslationBaseName "-" " " | title }}"
+date: {{ .Date }}
+draft: false
+weight: 100
+---
+
+Lorem markdownum aequalis strigis. Saetigeri iubeas, vultu huic alvum nondum
+de obside ut laniavit arbor palmis, cum quin. Rupes vetat videndo, armigerae
+crimen habet Priamum nec.
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
new file mode 100644
index 0000000..36c2b92
--- /dev/null
+++ b/exampleSite/config.toml
@@ -0,0 +1,20 @@
+baseURL = "www.example.com"
+languageCode = "en-us"
+title = "Hugo Whisper Theme"
+themesDir = "../.."
+theme = "hugo-whisper-theme"
+
+pygmentsCodeFences = true
+pygmentsCodefencesGuessSyntax = true
+pygmentsUseClasses = true
+
+# Global menu section
+[[menu.main]]
+    name = "Home"
+    url = "/"
+    weight = 1
+
+[[menu.main]]
+    name = "Docs"
+    url = "/docs/"
+    weight = 2
\ No newline at end of file
diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md
new file mode 100644
index 0000000..37fe3ef
--- /dev/null
+++ b/exampleSite/content/_index.md
@@ -0,0 +1,12 @@
+---
+title: 'Hugo Whisper'
+date: 2018-11-28T15:14:39+10:00
+icon: 'services/service-icon-2.png'
+featured: true
+draft: false
+heroHeading: 'Business Advisory'
+heroSubHeading: 'Expert advice and guidance when you need it most.'
+heroBackground: 'services/service2.jpg'
+---
+
+Whisper is a minimal documentation theme for Hugo. The design and functionality is intentionally minimal. We're aiming for a similar feel to a Github readme.
diff --git a/exampleSite/content/docs/_index.md b/exampleSite/content/docs/_index.md
new file mode 100644
index 0000000..3d21104
--- /dev/null
+++ b/exampleSite/content/docs/_index.md
@@ -0,0 +1,21 @@
+---
+title: 'Overview'
+date: 2018-11-28T15:14:39+10:00
+weight: 1
+---
+
+## Make Beautiful Docs
+
+Whisper is a minimal documentation theme for Hugo. The design and functionality is intentionally minimal. We’re aiming for a similar feel to a Github readme.
+
+```javascript
+var body = document.querySelector('body');
+var menuTrigger = document.querySelector('#toggle-main-menu-mobile');
+var menuContainer = document.querySelector('#main-menu-mobile');
+
+menuTrigger.onclick = function() {
+  menuContainer.classList.toggle('open');
+  menuTrigger.classList.toggle('is-active');
+  body.classList.toggle('lock-scroll');
+};
+```
diff --git a/exampleSite/content/docs/configure/index.md b/exampleSite/content/docs/configure/index.md
new file mode 100644
index 0000000..8fb0443
--- /dev/null
+++ b/exampleSite/content/docs/configure/index.md
@@ -0,0 +1,39 @@
+---
+title: 'Configuration'
+date: 2019-02-11T19:30:08+10:00
+draft: false
+weight: 4
+---
+
+### Homepage meta tags
+
+Often a homepage requires special meta tags such as a meta description or og meta data for twitter, facebook etc. You can configure these values in the `config.toml`
+
+```
+// config.toml
+[params]
+  google_analytics_id=""
+
+  [params.homepage_meta_tags]
+    meta_description = "a description of your website."
+    meta_og_title = "My Theme"
+    meta_og_type = "website"
+    meta_og_url = "https://www.mywebsite.com"
+    meta_og_image = "https://www.mywebsite.com/images/tn.png"
+    meta_og_description = "a description of your website."
+    meta_twitter_card = "summary"
+    meta_twitter_site = "@mytwitterhandle"
+    meta_twitter_creator = "@mytwitterhandle"
+```
+
+### Set meta tags on a per template/page basis
+
+You can set meta tags on a per template basis using a block. For example, you might want to write a custom meta description for the `/services` page. You can insert any valid HTML meta data inside the `{{ define "meta_tags }}` block at the top of a template.
+
+```
+// layouts/services/list.html
+...
+
+{{ define "meta_tags" }}
+    <meta name="description" content="We offer a variety of services in the finance industry" />
+```
diff --git a/exampleSite/content/docs/install-hugo/index.md b/exampleSite/content/docs/install-hugo/index.md
new file mode 100644
index 0000000..f0a8a84
--- /dev/null
+++ b/exampleSite/content/docs/install-hugo/index.md
@@ -0,0 +1,15 @@
+---
+title: 'Install Hugo'
+date: 2019-02-11T19:27:37+10:00
+weight: 2
+---
+
+To use this theme you will need to have Hugo installed. If you don't already have Hugo installed please follow the official [installation guide](https://gohugo.io/getting-started/installing/)
+
+### Check Hugo Version
+
+This theme uses [Hugo Pipes](https://gohugo.io/hugo-pipes/scss-sass/) to compile SCSS and minify assets. Please make sure you have the `Hugo Extended` version installed. If you are not using the extended version this theme will not not compile.
+
+```
+hugo version
+```
diff --git a/exampleSite/content/docs/installation/index.md b/exampleSite/content/docs/installation/index.md
new file mode 100644
index 0000000..5e1e882
--- /dev/null
+++ b/exampleSite/content/docs/installation/index.md
@@ -0,0 +1,62 @@
+---
+title: 'Installation'
+date: 2019-02-11T19:27:37+10:00
+draft: false
+weight: 3
+---
+
+## Create a new Hugo site
+
+```
+hugo new site mynewsite
+```
+
+This will create a fresh Hugo site in the folder `mynewsite`.
+
+## Install theme
+
+Copy or git clone this theme into the sites themes folder `mynewsite/themes`
+
+#### Install with Git
+
+```
+cd mynewsite
+cd themes
+git clone https://github.com/jugglerx/hugo-hero-theme.git
+```
+
+#### Install from .zip file
+
+You can download the .zip file located here https://github.com/JugglerX/hugo-hero-theme/archive/master.zip.
+
+Extract the downloaded .zip inside the `themes` folder. Rename the extracted folder from `hugo-hero-theme-master` -> `hugo-hero-theme`. You should end up with the following folder structure `mynewsite/themes/hugo-hero-theme`
+
+### Add example content
+
+The fastest way to get started is to copy the example content. Copy the entire contents of the `exampleSite` folder to the root folder of your Hugo site (the folder with the README.md).
+
+### Update config.toml
+
+After you copy the `config.toml` into the root folder of your Hugo site you will need to update the `baseURL`, `themesDir` and `theme` values in the `config.toml`
+
+```
+baseURL = "/"
+themesDir = "themes"
+theme = "hugo-hero-theme"
+```
+
+### Run Hugo
+
+After installing the theme for the first time, generate the Hugo site.
+
+```
+hugo
+```
+
+For local development run Hugo's built-in local server.
+
+```
+hugo server
+```
+
+Now enter [`localhost:1313`](http://localhost:1313) in the address bar of your browser.
diff --git a/exampleSite/content/docs/netlify/image2.png b/exampleSite/content/docs/netlify/image2.png
new file mode 100644
index 0000000..7eef94c
--- /dev/null
+++ b/exampleSite/content/docs/netlify/image2.png
diff --git a/exampleSite/content/docs/netlify/index.md b/exampleSite/content/docs/netlify/index.md
new file mode 100644
index 0000000..d92482d
--- /dev/null
+++ b/exampleSite/content/docs/netlify/index.md
@@ -0,0 +1,19 @@
+---
+title: 'Netlify'
+date: 2018-11-28T15:14:39+10:00
+draft: false
+weight: 5
+---
+
+# Netlify Index
+
+# Using exampleSite With Netlify
+
+Lorem markdownum, dictis umbrosum dextrum, Lelegeia quamquam distantes pares
+ignisque quaerit dederat gemino Aethiopesque [caelo](#inque-ne-collocat)
+ulciscitur est. Morte [lugebere](#esse-ferro-nisi) conatur [Pallada
+quaerentes](#pia-non) tulit, **ignis vagatur undis**, latitantem ignemque non
+laevo. Terras seu favoni tectas movit hunc motuque damno tutoque quattuor. Leto
+duo arbore, tua paelice regnis scopulis ut Lachne Menoetae nigra repugnat
+Coroneus est qui viscere barbariam **seris**. Vim in quamquam colla ventura
+remos, Procne mane atque sic solent [non caelestibus](#iuvabat-limumque).
diff --git a/exampleSite/resources/_gen/assets/js/js/scripts.js_d11fe7b62c27961c87ecd0f2490357b9.content b/exampleSite/resources/_gen/assets/js/js/scripts.js_d11fe7b62c27961c87ecd0f2490357b9.content
new file mode 100644
index 0000000..54caf6e
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/js/js/scripts.js_d11fe7b62c27961c87ecd0f2490357b9.content
@@ -0,0 +1,3 @@
+var body=document.querySelector('body')
+var menuTrigger=document.querySelector('#toggle-main-menu-mobile');var menuContainer=document.querySelector('#main-menu-mobile');menuTrigger.onclick=function(){menuContainer.classList.toggle('open');menuTrigger.classList.toggle('is-active')
+body.classList.toggle('lock-scroll')}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/js/js/scripts.js_d11fe7b62c27961c87ecd0f2490357b9.json b/exampleSite/resources/_gen/assets/js/js/scripts.js_d11fe7b62c27961c87ecd0f2490357b9.json
new file mode 100644
index 0000000..05212ae
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/js/js/scripts.js_d11fe7b62c27961c87ecd0f2490357b9.json
@@ -0,0 +1 @@
+{"Target":"js/scripts.min.bf1e1f7ae8e03db5f012356e825843facdff51c0a559cb0d27fe2bbe1db405c2.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-vx4feujgPbXwEjVuglhD+s3/UcClWcsNJ/4rvh20BcI="}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content
new file mode 100644
index 0000000..e1e58a3
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content
@@ -0,0 +1,6088 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Lora:400,700|Roboto+Mono:300,400");
+*,
+*::before,
+*::after {
+  box-sizing: border-box; }
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+@-ms-viewport {
+  width: device-width; }
+
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block; }
+
+body {
+  margin: 0;
+  font-family: "Roboto", Arial, sans-serif, -apple-system;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.4;
+  color: #212529;
+  text-align: left;
+  background-color: #fff; }
+
+[tabindex="-1"]:focus {
+  outline: 0 !important; }
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible; }
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem; }
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem; }
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0; }
+
+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: 700; }
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0; }
+
+blockquote {
+  margin: 0 0 1rem; }
+
+dfn {
+  font-style: italic; }
+
+b,
+strong {
+  font-weight: bolder; }
+
+small {
+  font-size: 80%; }
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -.25em; }
+
+sup {
+  top: -.5em; }
+
+a {
+  color: #1de9b6;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects; }
+  a:hover {
+    color: #7af2d4;
+    text-decoration: underline; }
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none; }
+  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+    color: inherit;
+    text-decoration: none; }
+  a:not([href]):not([tabindex]):focus {
+    outline: 0; }
+
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar; }
+
+figure {
+  margin: 0 0 1rem; }
+
+img {
+  vertical-align: middle;
+  border-style: none; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+table {
+  border-collapse: collapse; }
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom; }
+
+th {
+  text-align: inherit; }
+
+label {
+  display: inline-block;
+  margin-bottom: .5rem; }
+
+button {
+  border-radius: 0; }
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color; }
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit; }
+
+button,
+input {
+  overflow: visible; }
+
+button,
+select {
+  text-transform: none; }
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; }
+
+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;
+  padding: 0; }
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox; }
+
+textarea {
+  overflow: auto;
+  resize: vertical; }
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0; }
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal; }
+
+progress {
+  vertical-align: baseline; }
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none; }
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button; }
+
+output {
+  display: inline-block; }
+
+summary {
+  display: list-item;
+  cursor: pointer; }
+
+template {
+  display: none; }
+
+[hidden] {
+  display: none !important; }
+
+.align-baseline {
+  vertical-align: baseline !important; }
+
+.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; }
+
+.bg-primary {
+  background-color: #1de9b6 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #13c095 !important; }
+
+.bg-secondary {
+  background-color: #ffca28 !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #f4b800 !important; }
+
+.bg-success {
+  background-color: #28a745 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #1e7e34 !important; }
+
+.bg-info {
+  background-color: #17a2b8 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #117a8b !important; }
+
+.bg-warning {
+  background-color: #ffc107 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #d39e00 !important; }
+
+.bg-danger {
+  background-color: #dc3545 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #bd2130 !important; }
+
+.bg-light {
+  background-color: #f8f9fa !important; }
+
+a.bg-light:hover, a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+  background-color: #dae0e5 !important; }
+
+.bg-dark {
+  background-color: #343a40 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #1d2124 !important; }
+
+.bg-white {
+  background-color: #fff !important; }
+
+.bg-transparent {
+  background-color: transparent !important; }
+
+.border {
+  border: 1px solid #dee2e6 !important; }
+
+.border-top {
+  border-top: 1px solid #dee2e6 !important; }
+
+.border-right {
+  border-right: 1px solid #dee2e6 !important; }
+
+.border-bottom {
+  border-bottom: 1px solid #dee2e6 !important; }
+
+.border-left {
+  border-left: 1px solid #dee2e6 !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; }
+
+.border-primary {
+  border-color: #1de9b6 !important; }
+
+.border-secondary {
+  border-color: #ffca28 !important; }
+
+.border-success {
+  border-color: #28a745 !important; }
+
+.border-info {
+  border-color: #17a2b8 !important; }
+
+.border-warning {
+  border-color: #ffc107 !important; }
+
+.border-danger {
+  border-color: #dc3545 !important; }
+
+.border-light {
+  border-color: #f8f9fa !important; }
+
+.border-dark {
+  border-color: #343a40 !important; }
+
+.border-white {
+  border-color: #fff !important; }
+
+.rounded {
+  border-radius: 0.25rem !important; }
+
+.rounded-top {
+  border-top-left-radius: 0.25rem !important;
+  border-top-right-radius: 0.25rem !important; }
+
+.rounded-right {
+  border-top-right-radius: 0.25rem !important;
+  border-bottom-right-radius: 0.25rem !important; }
+
+.rounded-bottom {
+  border-bottom-right-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important; }
+
+.rounded-left {
+  border-top-left-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important; }
+
+.rounded-circle {
+  border-radius: 50% !important; }
+
+.rounded-0 {
+  border-radius: 0 !important; }
+
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: ""; }
+
+.d-none {
+  display: none !important; }
+
+.d-inline {
+  display: inline !important; }
+
+.d-inline-block {
+  display: inline-block !important; }
+
+.d-block {
+  display: block !important; }
+
+.d-table {
+  display: table !important; }
+
+.d-table-row {
+  display: table-row !important; }
+
+.d-table-cell {
+  display: table-cell !important; }
+
+.d-flex {
+  display: flex !important; }
+
+.d-inline-flex {
+  display: inline-flex !important; }
+
+@media (min-width: 576px) {
+  .d-sm-none {
+    display: none !important; }
+  .d-sm-inline {
+    display: inline !important; }
+  .d-sm-inline-block {
+    display: inline-block !important; }
+  .d-sm-block {
+    display: block !important; }
+  .d-sm-table {
+    display: table !important; }
+  .d-sm-table-row {
+    display: table-row !important; }
+  .d-sm-table-cell {
+    display: table-cell !important; }
+  .d-sm-flex {
+    display: flex !important; }
+  .d-sm-inline-flex {
+    display: inline-flex !important; } }
+
+@media (min-width: 768px) {
+  .d-md-none {
+    display: none !important; }
+  .d-md-inline {
+    display: inline !important; }
+  .d-md-inline-block {
+    display: inline-block !important; }
+  .d-md-block {
+    display: block !important; }
+  .d-md-table {
+    display: table !important; }
+  .d-md-table-row {
+    display: table-row !important; }
+  .d-md-table-cell {
+    display: table-cell !important; }
+  .d-md-flex {
+    display: flex !important; }
+  .d-md-inline-flex {
+    display: inline-flex !important; } }
+
+@media (min-width: 992px) {
+  .d-lg-none {
+    display: none !important; }
+  .d-lg-inline {
+    display: inline !important; }
+  .d-lg-inline-block {
+    display: inline-block !important; }
+  .d-lg-block {
+    display: block !important; }
+  .d-lg-table {
+    display: table !important; }
+  .d-lg-table-row {
+    display: table-row !important; }
+  .d-lg-table-cell {
+    display: table-cell !important; }
+  .d-lg-flex {
+    display: flex !important; }
+  .d-lg-inline-flex {
+    display: inline-flex !important; } }
+
+@media (min-width: 1300px) {
+  .d-xl-none {
+    display: none !important; }
+  .d-xl-inline {
+    display: inline !important; }
+  .d-xl-inline-block {
+    display: inline-block !important; }
+  .d-xl-block {
+    display: block !important; }
+  .d-xl-table {
+    display: table !important; }
+  .d-xl-table-row {
+    display: table-row !important; }
+  .d-xl-table-cell {
+    display: table-cell !important; }
+  .d-xl-flex {
+    display: flex !important; }
+  .d-xl-inline-flex {
+    display: inline-flex !important; } }
+
+@media print {
+  .d-print-none {
+    display: none !important; }
+  .d-print-inline {
+    display: inline !important; }
+  .d-print-inline-block {
+    display: inline-block !important; }
+  .d-print-block {
+    display: block !important; }
+  .d-print-table {
+    display: table !important; }
+  .d-print-table-row {
+    display: table-row !important; }
+  .d-print-table-cell {
+    display: table-cell !important; }
+  .d-print-flex {
+    display: flex !important; }
+  .d-print-inline-flex {
+    display: inline-flex !important; } }
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden; }
+  .embed-responsive::before {
+    display: block;
+    content: ""; }
+  .embed-responsive .embed-responsive-item,
+  .embed-responsive iframe,
+  .embed-responsive embed,
+  .embed-responsive object,
+  .embed-responsive video {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0; }
+
+.embed-responsive-21by9::before {
+  padding-top: 42.85714286%; }
+
+.embed-responsive-16by9::before {
+  padding-top: 56.25%; }
+
+.embed-responsive-4by3::before {
+  padding-top: 75%; }
+
+.embed-responsive-1by1::before {
+  padding-top: 100%; }
+
+.flex-row {
+  flex-direction: row !important; }
+
+.flex-column {
+  flex-direction: column !important; }
+
+.flex-row-reverse {
+  flex-direction: row-reverse !important; }
+
+.flex-column-reverse {
+  flex-direction: column-reverse !important; }
+
+.flex-wrap {
+  flex-wrap: wrap !important; }
+
+.flex-nowrap {
+  flex-wrap: nowrap !important; }
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important; }
+
+.justify-content-start {
+  justify-content: flex-start !important; }
+
+.justify-content-end {
+  justify-content: flex-end !important; }
+
+.justify-content-center {
+  justify-content: center !important; }
+
+.justify-content-between {
+  justify-content: space-between !important; }
+
+.justify-content-around {
+  justify-content: space-around !important; }
+
+.align-items-start {
+  align-items: flex-start !important; }
+
+.align-items-end {
+  align-items: flex-end !important; }
+
+.align-items-center {
+  align-items: center !important; }
+
+.align-items-baseline {
+  align-items: baseline !important; }
+
+.align-items-stretch {
+  align-items: stretch !important; }
+
+.align-content-start {
+  align-content: flex-start !important; }
+
+.align-content-end {
+  align-content: flex-end !important; }
+
+.align-content-center {
+  align-content: center !important; }
+
+.align-content-between {
+  align-content: space-between !important; }
+
+.align-content-around {
+  align-content: space-around !important; }
+
+.align-content-stretch {
+  align-content: stretch !important; }
+
+.align-self-auto {
+  align-self: auto !important; }
+
+.align-self-start {
+  align-self: flex-start !important; }
+
+.align-self-end {
+  align-self: flex-end !important; }
+
+.align-self-center {
+  align-self: center !important; }
+
+.align-self-baseline {
+  align-self: baseline !important; }
+
+.align-self-stretch {
+  align-self: stretch !important; }
+
+@media (min-width: 576px) {
+  .flex-sm-row {
+    flex-direction: row !important; }
+  .flex-sm-column {
+    flex-direction: column !important; }
+  .flex-sm-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-sm-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-sm-wrap {
+    flex-wrap: wrap !important; }
+  .flex-sm-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-sm-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-sm-start {
+    justify-content: flex-start !important; }
+  .justify-content-sm-end {
+    justify-content: flex-end !important; }
+  .justify-content-sm-center {
+    justify-content: center !important; }
+  .justify-content-sm-between {
+    justify-content: space-between !important; }
+  .justify-content-sm-around {
+    justify-content: space-around !important; }
+  .align-items-sm-start {
+    align-items: flex-start !important; }
+  .align-items-sm-end {
+    align-items: flex-end !important; }
+  .align-items-sm-center {
+    align-items: center !important; }
+  .align-items-sm-baseline {
+    align-items: baseline !important; }
+  .align-items-sm-stretch {
+    align-items: stretch !important; }
+  .align-content-sm-start {
+    align-content: flex-start !important; }
+  .align-content-sm-end {
+    align-content: flex-end !important; }
+  .align-content-sm-center {
+    align-content: center !important; }
+  .align-content-sm-between {
+    align-content: space-between !important; }
+  .align-content-sm-around {
+    align-content: space-around !important; }
+  .align-content-sm-stretch {
+    align-content: stretch !important; }
+  .align-self-sm-auto {
+    align-self: auto !important; }
+  .align-self-sm-start {
+    align-self: flex-start !important; }
+  .align-self-sm-end {
+    align-self: flex-end !important; }
+  .align-self-sm-center {
+    align-self: center !important; }
+  .align-self-sm-baseline {
+    align-self: baseline !important; }
+  .align-self-sm-stretch {
+    align-self: stretch !important; } }
+
+@media (min-width: 768px) {
+  .flex-md-row {
+    flex-direction: row !important; }
+  .flex-md-column {
+    flex-direction: column !important; }
+  .flex-md-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-md-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-md-wrap {
+    flex-wrap: wrap !important; }
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-md-start {
+    justify-content: flex-start !important; }
+  .justify-content-md-end {
+    justify-content: flex-end !important; }
+  .justify-content-md-center {
+    justify-content: center !important; }
+  .justify-content-md-between {
+    justify-content: space-between !important; }
+  .justify-content-md-around {
+    justify-content: space-around !important; }
+  .align-items-md-start {
+    align-items: flex-start !important; }
+  .align-items-md-end {
+    align-items: flex-end !important; }
+  .align-items-md-center {
+    align-items: center !important; }
+  .align-items-md-baseline {
+    align-items: baseline !important; }
+  .align-items-md-stretch {
+    align-items: stretch !important; }
+  .align-content-md-start {
+    align-content: flex-start !important; }
+  .align-content-md-end {
+    align-content: flex-end !important; }
+  .align-content-md-center {
+    align-content: center !important; }
+  .align-content-md-between {
+    align-content: space-between !important; }
+  .align-content-md-around {
+    align-content: space-around !important; }
+  .align-content-md-stretch {
+    align-content: stretch !important; }
+  .align-self-md-auto {
+    align-self: auto !important; }
+  .align-self-md-start {
+    align-self: flex-start !important; }
+  .align-self-md-end {
+    align-self: flex-end !important; }
+  .align-self-md-center {
+    align-self: center !important; }
+  .align-self-md-baseline {
+    align-self: baseline !important; }
+  .align-self-md-stretch {
+    align-self: stretch !important; } }
+
+@media (min-width: 992px) {
+  .flex-lg-row {
+    flex-direction: row !important; }
+  .flex-lg-column {
+    flex-direction: column !important; }
+  .flex-lg-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-lg-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-lg-wrap {
+    flex-wrap: wrap !important; }
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-lg-start {
+    justify-content: flex-start !important; }
+  .justify-content-lg-end {
+    justify-content: flex-end !important; }
+  .justify-content-lg-center {
+    justify-content: center !important; }
+  .justify-content-lg-between {
+    justify-content: space-between !important; }
+  .justify-content-lg-around {
+    justify-content: space-around !important; }
+  .align-items-lg-start {
+    align-items: flex-start !important; }
+  .align-items-lg-end {
+    align-items: flex-end !important; }
+  .align-items-lg-center {
+    align-items: center !important; }
+  .align-items-lg-baseline {
+    align-items: baseline !important; }
+  .align-items-lg-stretch {
+    align-items: stretch !important; }
+  .align-content-lg-start {
+    align-content: flex-start !important; }
+  .align-content-lg-end {
+    align-content: flex-end !important; }
+  .align-content-lg-center {
+    align-content: center !important; }
+  .align-content-lg-between {
+    align-content: space-between !important; }
+  .align-content-lg-around {
+    align-content: space-around !important; }
+  .align-content-lg-stretch {
+    align-content: stretch !important; }
+  .align-self-lg-auto {
+    align-self: auto !important; }
+  .align-self-lg-start {
+    align-self: flex-start !important; }
+  .align-self-lg-end {
+    align-self: flex-end !important; }
+  .align-self-lg-center {
+    align-self: center !important; }
+  .align-self-lg-baseline {
+    align-self: baseline !important; }
+  .align-self-lg-stretch {
+    align-self: stretch !important; } }
+
+@media (min-width: 1300px) {
+  .flex-xl-row {
+    flex-direction: row !important; }
+  .flex-xl-column {
+    flex-direction: column !important; }
+  .flex-xl-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-xl-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-xl-wrap {
+    flex-wrap: wrap !important; }
+  .flex-xl-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-xl-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-xl-start {
+    justify-content: flex-start !important; }
+  .justify-content-xl-end {
+    justify-content: flex-end !important; }
+  .justify-content-xl-center {
+    justify-content: center !important; }
+  .justify-content-xl-between {
+    justify-content: space-between !important; }
+  .justify-content-xl-around {
+    justify-content: space-around !important; }
+  .align-items-xl-start {
+    align-items: flex-start !important; }
+  .align-items-xl-end {
+    align-items: flex-end !important; }
+  .align-items-xl-center {
+    align-items: center !important; }
+  .align-items-xl-baseline {
+    align-items: baseline !important; }
+  .align-items-xl-stretch {
+    align-items: stretch !important; }
+  .align-content-xl-start {
+    align-content: flex-start !important; }
+  .align-content-xl-end {
+    align-content: flex-end !important; }
+  .align-content-xl-center {
+    align-content: center !important; }
+  .align-content-xl-between {
+    align-content: space-between !important; }
+  .align-content-xl-around {
+    align-content: space-around !important; }
+  .align-content-xl-stretch {
+    align-content: stretch !important; }
+  .align-self-xl-auto {
+    align-self: auto !important; }
+  .align-self-xl-start {
+    align-self: flex-start !important; }
+  .align-self-xl-end {
+    align-self: flex-end !important; }
+  .align-self-xl-center {
+    align-self: center !important; }
+  .align-self-xl-baseline {
+    align-self: baseline !important; }
+  .align-self-xl-stretch {
+    align-self: stretch !important; } }
+
+.float-left {
+  float: left !important; }
+
+.float-right {
+  float: right !important; }
+
+.float-none {
+  float: none !important; }
+
+@media (min-width: 576px) {
+  .float-sm-left {
+    float: left !important; }
+  .float-sm-right {
+    float: right !important; }
+  .float-sm-none {
+    float: none !important; } }
+
+@media (min-width: 768px) {
+  .float-md-left {
+    float: left !important; }
+  .float-md-right {
+    float: right !important; }
+  .float-md-none {
+    float: none !important; } }
+
+@media (min-width: 992px) {
+  .float-lg-left {
+    float: left !important; }
+  .float-lg-right {
+    float: right !important; }
+  .float-lg-none {
+    float: none !important; } }
+
+@media (min-width: 1300px) {
+  .float-xl-left {
+    float: left !important; }
+  .float-xl-right {
+    float: right !important; }
+  .float-xl-none {
+    float: none !important; } }
+
+.position-static {
+  position: static !important; }
+
+.position-relative {
+  position: relative !important; }
+
+.position-absolute {
+  position: absolute !important; }
+
+.position-fixed {
+  position: fixed !important; }
+
+.position-sticky {
+  position: sticky !important; }
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030; }
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1030; }
+
+@supports (position: sticky) {
+  .sticky-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020; } }
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
+  border: 0; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  clip-path: none; }
+
+.w-25 {
+  width: 25% !important; }
+
+.w-50 {
+  width: 50% !important; }
+
+.w-75 {
+  width: 75% !important; }
+
+.w-100 {
+  width: 100% !important; }
+
+.h-25 {
+  height: 25% !important; }
+
+.h-50 {
+  height: 50% !important; }
+
+.h-75 {
+  height: 75% !important; }
+
+.h-100 {
+  height: 100% !important; }
+
+.mw-100 {
+  max-width: 100% !important; }
+
+.mh-100 {
+  max-height: 100% !important; }
+
+.m-0 {
+  margin: 0 !important; }
+
+.mt-0,
+.my-0 {
+  margin-top: 0 !important; }
+
+.mr-0,
+.mx-0 {
+  margin-right: 0 !important; }
+
+.mb-0,
+.my-0 {
+  margin-bottom: 0 !important; }
+
+.ml-0,
+.mx-0 {
+  margin-left: 0 !important; }
+
+.m-1 {
+  margin: 10px !important; }
+
+.mt-1,
+.my-1 {
+  margin-top: 10px !important; }
+
+.mr-1,
+.mx-1 {
+  margin-right: 10px !important; }
+
+.mb-1,
+.my-1 {
+  margin-bottom: 10px !important; }
+
+.ml-1,
+.mx-1 {
+  margin-left: 10px !important; }
+
+.m-2 {
+  margin: 20px !important; }
+
+.mt-2,
+.my-2 {
+  margin-top: 20px !important; }
+
+.mr-2,
+.mx-2 {
+  margin-right: 20px !important; }
+
+.mb-2,
+.my-2 {
+  margin-bottom: 20px !important; }
+
+.ml-2,
+.mx-2 {
+  margin-left: 20px !important; }
+
+.m-3 {
+  margin: 30px !important; }
+
+.mt-3,
+.my-3 {
+  margin-top: 30px !important; }
+
+.mr-3,
+.mx-3 {
+  margin-right: 30px !important; }
+
+.mb-3,
+.my-3 {
+  margin-bottom: 30px !important; }
+
+.ml-3,
+.mx-3 {
+  margin-left: 30px !important; }
+
+.m-4 {
+  margin: 40px !important; }
+
+.mt-4,
+.my-4 {
+  margin-top: 40px !important; }
+
+.mr-4,
+.mx-4 {
+  margin-right: 40px !important; }
+
+.mb-4,
+.my-4 {
+  margin-bottom: 40px !important; }
+
+.ml-4,
+.mx-4 {
+  margin-left: 40px !important; }
+
+.m-5 {
+  margin: 50px !important; }
+
+.mt-5,
+.my-5 {
+  margin-top: 50px !important; }
+
+.mr-5,
+.mx-5 {
+  margin-right: 50px !important; }
+
+.mb-5,
+.my-5 {
+  margin-bottom: 50px !important; }
+
+.ml-5,
+.mx-5 {
+  margin-left: 50px !important; }
+
+.m-6 {
+  margin: 60px !important; }
+
+.mt-6,
+.my-6 {
+  margin-top: 60px !important; }
+
+.mr-6,
+.mx-6 {
+  margin-right: 60px !important; }
+
+.mb-6,
+.my-6 {
+  margin-bottom: 60px !important; }
+
+.ml-6,
+.mx-6 {
+  margin-left: 60px !important; }
+
+.m-7 {
+  margin: 70px !important; }
+
+.mt-7,
+.my-7 {
+  margin-top: 70px !important; }
+
+.mr-7,
+.mx-7 {
+  margin-right: 70px !important; }
+
+.mb-7,
+.my-7 {
+  margin-bottom: 70px !important; }
+
+.ml-7,
+.mx-7 {
+  margin-left: 70px !important; }
+
+.m-8 {
+  margin: 80px !important; }
+
+.mt-8,
+.my-8 {
+  margin-top: 80px !important; }
+
+.mr-8,
+.mx-8 {
+  margin-right: 80px !important; }
+
+.mb-8,
+.my-8 {
+  margin-bottom: 80px !important; }
+
+.ml-8,
+.mx-8 {
+  margin-left: 80px !important; }
+
+.m-9 {
+  margin: 90px !important; }
+
+.mt-9,
+.my-9 {
+  margin-top: 90px !important; }
+
+.mr-9,
+.mx-9 {
+  margin-right: 90px !important; }
+
+.mb-9,
+.my-9 {
+  margin-bottom: 90px !important; }
+
+.ml-9,
+.mx-9 {
+  margin-left: 90px !important; }
+
+.m-10 {
+  margin: 100px !important; }
+
+.mt-10,
+.my-10 {
+  margin-top: 100px !important; }
+
+.mr-10,
+.mx-10 {
+  margin-right: 100px !important; }
+
+.mb-10,
+.my-10 {
+  margin-bottom: 100px !important; }
+
+.ml-10,
+.mx-10 {
+  margin-left: 100px !important; }
+
+.m-11 {
+  margin: 110px !important; }
+
+.mt-11,
+.my-11 {
+  margin-top: 110px !important; }
+
+.mr-11,
+.mx-11 {
+  margin-right: 110px !important; }
+
+.mb-11,
+.my-11 {
+  margin-bottom: 110px !important; }
+
+.ml-11,
+.mx-11 {
+  margin-left: 110px !important; }
+
+.m-12 {
+  margin: 120px !important; }
+
+.mt-12,
+.my-12 {
+  margin-top: 120px !important; }
+
+.mr-12,
+.mx-12 {
+  margin-right: 120px !important; }
+
+.mb-12,
+.my-12 {
+  margin-bottom: 120px !important; }
+
+.ml-12,
+.mx-12 {
+  margin-left: 120px !important; }
+
+.m-13 {
+  margin: 130px !important; }
+
+.mt-13,
+.my-13 {
+  margin-top: 130px !important; }
+
+.mr-13,
+.mx-13 {
+  margin-right: 130px !important; }
+
+.mb-13,
+.my-13 {
+  margin-bottom: 130px !important; }
+
+.ml-13,
+.mx-13 {
+  margin-left: 130px !important; }
+
+.m-14 {
+  margin: 140px !important; }
+
+.mt-14,
+.my-14 {
+  margin-top: 140px !important; }
+
+.mr-14,
+.mx-14 {
+  margin-right: 140px !important; }
+
+.mb-14,
+.my-14 {
+  margin-bottom: 140px !important; }
+
+.ml-14,
+.mx-14 {
+  margin-left: 140px !important; }
+
+.m-15 {
+  margin: 150px !important; }
+
+.mt-15,
+.my-15 {
+  margin-top: 150px !important; }
+
+.mr-15,
+.mx-15 {
+  margin-right: 150px !important; }
+
+.mb-15,
+.my-15 {
+  margin-bottom: 150px !important; }
+
+.ml-15,
+.mx-15 {
+  margin-left: 150px !important; }
+
+.m-16 {
+  margin: 160px !important; }
+
+.mt-16,
+.my-16 {
+  margin-top: 160px !important; }
+
+.mr-16,
+.mx-16 {
+  margin-right: 160px !important; }
+
+.mb-16,
+.my-16 {
+  margin-bottom: 160px !important; }
+
+.ml-16,
+.mx-16 {
+  margin-left: 160px !important; }
+
+.m-17 {
+  margin: 170px !important; }
+
+.mt-17,
+.my-17 {
+  margin-top: 170px !important; }
+
+.mr-17,
+.mx-17 {
+  margin-right: 170px !important; }
+
+.mb-17,
+.my-17 {
+  margin-bottom: 170px !important; }
+
+.ml-17,
+.mx-17 {
+  margin-left: 170px !important; }
+
+.m-18 {
+  margin: 180px !important; }
+
+.mt-18,
+.my-18 {
+  margin-top: 180px !important; }
+
+.mr-18,
+.mx-18 {
+  margin-right: 180px !important; }
+
+.mb-18,
+.my-18 {
+  margin-bottom: 180px !important; }
+
+.ml-18,
+.mx-18 {
+  margin-left: 180px !important; }
+
+.m-19 {
+  margin: 190px !important; }
+
+.mt-19,
+.my-19 {
+  margin-top: 190px !important; }
+
+.mr-19,
+.mx-19 {
+  margin-right: 190px !important; }
+
+.mb-19,
+.my-19 {
+  margin-bottom: 190px !important; }
+
+.ml-19,
+.mx-19 {
+  margin-left: 190px !important; }
+
+.m-20 {
+  margin: 200px !important; }
+
+.mt-20,
+.my-20 {
+  margin-top: 200px !important; }
+
+.mr-20,
+.mx-20 {
+  margin-right: 200px !important; }
+
+.mb-20,
+.my-20 {
+  margin-bottom: 200px !important; }
+
+.ml-20,
+.mx-20 {
+  margin-left: 200px !important; }
+
+.p-0 {
+  padding: 0 !important; }
+
+.pt-0,
+.py-0 {
+  padding-top: 0 !important; }
+
+.pr-0,
+.px-0 {
+  padding-right: 0 !important; }
+
+.pb-0,
+.py-0 {
+  padding-bottom: 0 !important; }
+
+.pl-0,
+.px-0 {
+  padding-left: 0 !important; }
+
+.p-1 {
+  padding: 10px !important; }
+
+.pt-1,
+.py-1 {
+  padding-top: 10px !important; }
+
+.pr-1,
+.px-1 {
+  padding-right: 10px !important; }
+
+.pb-1,
+.py-1 {
+  padding-bottom: 10px !important; }
+
+.pl-1,
+.px-1 {
+  padding-left: 10px !important; }
+
+.p-2 {
+  padding: 20px !important; }
+
+.pt-2,
+.py-2 {
+  padding-top: 20px !important; }
+
+.pr-2,
+.px-2 {
+  padding-right: 20px !important; }
+
+.pb-2,
+.py-2 {
+  padding-bottom: 20px !important; }
+
+.pl-2,
+.px-2 {
+  padding-left: 20px !important; }
+
+.p-3 {
+  padding: 30px !important; }
+
+.pt-3,
+.py-3 {
+  padding-top: 30px !important; }
+
+.pr-3,
+.px-3 {
+  padding-right: 30px !important; }
+
+.pb-3,
+.py-3 {
+  padding-bottom: 30px !important; }
+
+.pl-3,
+.px-3 {
+  padding-left: 30px !important; }
+
+.p-4 {
+  padding: 40px !important; }
+
+.pt-4,
+.py-4 {
+  padding-top: 40px !important; }
+
+.pr-4,
+.px-4 {
+  padding-right: 40px !important; }
+
+.pb-4,
+.py-4 {
+  padding-bottom: 40px !important; }
+
+.pl-4,
+.px-4 {
+  padding-left: 40px !important; }
+
+.p-5 {
+  padding: 50px !important; }
+
+.pt-5,
+.py-5 {
+  padding-top: 50px !important; }
+
+.pr-5,
+.px-5 {
+  padding-right: 50px !important; }
+
+.pb-5,
+.py-5 {
+  padding-bottom: 50px !important; }
+
+.pl-5,
+.px-5 {
+  padding-left: 50px !important; }
+
+.p-6 {
+  padding: 60px !important; }
+
+.pt-6,
+.py-6 {
+  padding-top: 60px !important; }
+
+.pr-6,
+.px-6 {
+  padding-right: 60px !important; }
+
+.pb-6,
+.py-6 {
+  padding-bottom: 60px !important; }
+
+.pl-6,
+.px-6 {
+  padding-left: 60px !important; }
+
+.p-7 {
+  padding: 70px !important; }
+
+.pt-7,
+.py-7 {
+  padding-top: 70px !important; }
+
+.pr-7,
+.px-7 {
+  padding-right: 70px !important; }
+
+.pb-7,
+.py-7 {
+  padding-bottom: 70px !important; }
+
+.pl-7,
+.px-7 {
+  padding-left: 70px !important; }
+
+.p-8 {
+  padding: 80px !important; }
+
+.pt-8,
+.py-8 {
+  padding-top: 80px !important; }
+
+.pr-8,
+.px-8 {
+  padding-right: 80px !important; }
+
+.pb-8,
+.py-8 {
+  padding-bottom: 80px !important; }
+
+.pl-8,
+.px-8 {
+  padding-left: 80px !important; }
+
+.p-9 {
+  padding: 90px !important; }
+
+.pt-9,
+.py-9 {
+  padding-top: 90px !important; }
+
+.pr-9,
+.px-9 {
+  padding-right: 90px !important; }
+
+.pb-9,
+.py-9 {
+  padding-bottom: 90px !important; }
+
+.pl-9,
+.px-9 {
+  padding-left: 90px !important; }
+
+.p-10 {
+  padding: 100px !important; }
+
+.pt-10,
+.py-10 {
+  padding-top: 100px !important; }
+
+.pr-10,
+.px-10 {
+  padding-right: 100px !important; }
+
+.pb-10,
+.py-10 {
+  padding-bottom: 100px !important; }
+
+.pl-10,
+.px-10 {
+  padding-left: 100px !important; }
+
+.p-11 {
+  padding: 110px !important; }
+
+.pt-11,
+.py-11 {
+  padding-top: 110px !important; }
+
+.pr-11,
+.px-11 {
+  padding-right: 110px !important; }
+
+.pb-11,
+.py-11 {
+  padding-bottom: 110px !important; }
+
+.pl-11,
+.px-11 {
+  padding-left: 110px !important; }
+
+.p-12 {
+  padding: 120px !important; }
+
+.pt-12,
+.py-12 {
+  padding-top: 120px !important; }
+
+.pr-12,
+.px-12 {
+  padding-right: 120px !important; }
+
+.pb-12,
+.py-12 {
+  padding-bottom: 120px !important; }
+
+.pl-12,
+.px-12 {
+  padding-left: 120px !important; }
+
+.p-13 {
+  padding: 130px !important; }
+
+.pt-13,
+.py-13 {
+  padding-top: 130px !important; }
+
+.pr-13,
+.px-13 {
+  padding-right: 130px !important; }
+
+.pb-13,
+.py-13 {
+  padding-bottom: 130px !important; }
+
+.pl-13,
+.px-13 {
+  padding-left: 130px !important; }
+
+.p-14 {
+  padding: 140px !important; }
+
+.pt-14,
+.py-14 {
+  padding-top: 140px !important; }
+
+.pr-14,
+.px-14 {
+  padding-right: 140px !important; }
+
+.pb-14,
+.py-14 {
+  padding-bottom: 140px !important; }
+
+.pl-14,
+.px-14 {
+  padding-left: 140px !important; }
+
+.p-15 {
+  padding: 150px !important; }
+
+.pt-15,
+.py-15 {
+  padding-top: 150px !important; }
+
+.pr-15,
+.px-15 {
+  padding-right: 150px !important; }
+
+.pb-15,
+.py-15 {
+  padding-bottom: 150px !important; }
+
+.pl-15,
+.px-15 {
+  padding-left: 150px !important; }
+
+.p-16 {
+  padding: 160px !important; }
+
+.pt-16,
+.py-16 {
+  padding-top: 160px !important; }
+
+.pr-16,
+.px-16 {
+  padding-right: 160px !important; }
+
+.pb-16,
+.py-16 {
+  padding-bottom: 160px !important; }
+
+.pl-16,
+.px-16 {
+  padding-left: 160px !important; }
+
+.p-17 {
+  padding: 170px !important; }
+
+.pt-17,
+.py-17 {
+  padding-top: 170px !important; }
+
+.pr-17,
+.px-17 {
+  padding-right: 170px !important; }
+
+.pb-17,
+.py-17 {
+  padding-bottom: 170px !important; }
+
+.pl-17,
+.px-17 {
+  padding-left: 170px !important; }
+
+.p-18 {
+  padding: 180px !important; }
+
+.pt-18,
+.py-18 {
+  padding-top: 180px !important; }
+
+.pr-18,
+.px-18 {
+  padding-right: 180px !important; }
+
+.pb-18,
+.py-18 {
+  padding-bottom: 180px !important; }
+
+.pl-18,
+.px-18 {
+  padding-left: 180px !important; }
+
+.p-19 {
+  padding: 190px !important; }
+
+.pt-19,
+.py-19 {
+  padding-top: 190px !important; }
+
+.pr-19,
+.px-19 {
+  padding-right: 190px !important; }
+
+.pb-19,
+.py-19 {
+  padding-bottom: 190px !important; }
+
+.pl-19,
+.px-19 {
+  padding-left: 190px !important; }
+
+.p-20 {
+  padding: 200px !important; }
+
+.pt-20,
+.py-20 {
+  padding-top: 200px !important; }
+
+.pr-20,
+.px-20 {
+  padding-right: 200px !important; }
+
+.pb-20,
+.py-20 {
+  padding-bottom: 200px !important; }
+
+.pl-20,
+.px-20 {
+  padding-left: 200px !important; }
+
+.m-auto {
+  margin: auto !important; }
+
+.mt-auto,
+.my-auto {
+  margin-top: auto !important; }
+
+.mr-auto,
+.mx-auto {
+  margin-right: auto !important; }
+
+.mb-auto,
+.my-auto {
+  margin-bottom: auto !important; }
+
+.ml-auto,
+.mx-auto {
+  margin-left: auto !important; }
+
+@media (min-width: 576px) {
+  .m-sm-0 {
+    margin: 0 !important; }
+  .mt-sm-0,
+  .my-sm-0 {
+    margin-top: 0 !important; }
+  .mr-sm-0,
+  .mx-sm-0 {
+    margin-right: 0 !important; }
+  .mb-sm-0,
+  .my-sm-0 {
+    margin-bottom: 0 !important; }
+  .ml-sm-0,
+  .mx-sm-0 {
+    margin-left: 0 !important; }
+  .m-sm-1 {
+    margin: 10px !important; }
+  .mt-sm-1,
+  .my-sm-1 {
+    margin-top: 10px !important; }
+  .mr-sm-1,
+  .mx-sm-1 {
+    margin-right: 10px !important; }
+  .mb-sm-1,
+  .my-sm-1 {
+    margin-bottom: 10px !important; }
+  .ml-sm-1,
+  .mx-sm-1 {
+    margin-left: 10px !important; }
+  .m-sm-2 {
+    margin: 20px !important; }
+  .mt-sm-2,
+  .my-sm-2 {
+    margin-top: 20px !important; }
+  .mr-sm-2,
+  .mx-sm-2 {
+    margin-right: 20px !important; }
+  .mb-sm-2,
+  .my-sm-2 {
+    margin-bottom: 20px !important; }
+  .ml-sm-2,
+  .mx-sm-2 {
+    margin-left: 20px !important; }
+  .m-sm-3 {
+    margin: 30px !important; }
+  .mt-sm-3,
+  .my-sm-3 {
+    margin-top: 30px !important; }
+  .mr-sm-3,
+  .mx-sm-3 {
+    margin-right: 30px !important; }
+  .mb-sm-3,
+  .my-sm-3 {
+    margin-bottom: 30px !important; }
+  .ml-sm-3,
+  .mx-sm-3 {
+    margin-left: 30px !important; }
+  .m-sm-4 {
+    margin: 40px !important; }
+  .mt-sm-4,
+  .my-sm-4 {
+    margin-top: 40px !important; }
+  .mr-sm-4,
+  .mx-sm-4 {
+    margin-right: 40px !important; }
+  .mb-sm-4,
+  .my-sm-4 {
+    margin-bottom: 40px !important; }
+  .ml-sm-4,
+  .mx-sm-4 {
+    margin-left: 40px !important; }
+  .m-sm-5 {
+    margin: 50px !important; }
+  .mt-sm-5,
+  .my-sm-5 {
+    margin-top: 50px !important; }
+  .mr-sm-5,
+  .mx-sm-5 {
+    margin-right: 50px !important; }
+  .mb-sm-5,
+  .my-sm-5 {
+    margin-bottom: 50px !important; }
+  .ml-sm-5,
+  .mx-sm-5 {
+    margin-left: 50px !important; }
+  .m-sm-6 {
+    margin: 60px !important; }
+  .mt-sm-6,
+  .my-sm-6 {
+    margin-top: 60px !important; }
+  .mr-sm-6,
+  .mx-sm-6 {
+    margin-right: 60px !important; }
+  .mb-sm-6,
+  .my-sm-6 {
+    margin-bottom: 60px !important; }
+  .ml-sm-6,
+  .mx-sm-6 {
+    margin-left: 60px !important; }
+  .m-sm-7 {
+    margin: 70px !important; }
+  .mt-sm-7,
+  .my-sm-7 {
+    margin-top: 70px !important; }
+  .mr-sm-7,
+  .mx-sm-7 {
+    margin-right: 70px !important; }
+  .mb-sm-7,
+  .my-sm-7 {
+    margin-bottom: 70px !important; }
+  .ml-sm-7,
+  .mx-sm-7 {
+    margin-left: 70px !important; }
+  .m-sm-8 {
+    margin: 80px !important; }
+  .mt-sm-8,
+  .my-sm-8 {
+    margin-top: 80px !important; }
+  .mr-sm-8,
+  .mx-sm-8 {
+    margin-right: 80px !important; }
+  .mb-sm-8,
+  .my-sm-8 {
+    margin-bottom: 80px !important; }
+  .ml-sm-8,
+  .mx-sm-8 {
+    margin-left: 80px !important; }
+  .m-sm-9 {
+    margin: 90px !important; }
+  .mt-sm-9,
+  .my-sm-9 {
+    margin-top: 90px !important; }
+  .mr-sm-9,
+  .mx-sm-9 {
+    margin-right: 90px !important; }
+  .mb-sm-9,
+  .my-sm-9 {
+    margin-bottom: 90px !important; }
+  .ml-sm-9,
+  .mx-sm-9 {
+    margin-left: 90px !important; }
+  .m-sm-10 {
+    margin: 100px !important; }
+  .mt-sm-10,
+  .my-sm-10 {
+    margin-top: 100px !important; }
+  .mr-sm-10,
+  .mx-sm-10 {
+    margin-right: 100px !important; }
+  .mb-sm-10,
+  .my-sm-10 {
+    margin-bottom: 100px !important; }
+  .ml-sm-10,
+  .mx-sm-10 {
+    margin-left: 100px !important; }
+  .m-sm-11 {
+    margin: 110px !important; }
+  .mt-sm-11,
+  .my-sm-11 {
+    margin-top: 110px !important; }
+  .mr-sm-11,
+  .mx-sm-11 {
+    margin-right: 110px !important; }
+  .mb-sm-11,
+  .my-sm-11 {
+    margin-bottom: 110px !important; }
+  .ml-sm-11,
+  .mx-sm-11 {
+    margin-left: 110px !important; }
+  .m-sm-12 {
+    margin: 120px !important; }
+  .mt-sm-12,
+  .my-sm-12 {
+    margin-top: 120px !important; }
+  .mr-sm-12,
+  .mx-sm-12 {
+    margin-right: 120px !important; }
+  .mb-sm-12,
+  .my-sm-12 {
+    margin-bottom: 120px !important; }
+  .ml-sm-12,
+  .mx-sm-12 {
+    margin-left: 120px !important; }
+  .m-sm-13 {
+    margin: 130px !important; }
+  .mt-sm-13,
+  .my-sm-13 {
+    margin-top: 130px !important; }
+  .mr-sm-13,
+  .mx-sm-13 {
+    margin-right: 130px !important; }
+  .mb-sm-13,
+  .my-sm-13 {
+    margin-bottom: 130px !important; }
+  .ml-sm-13,
+  .mx-sm-13 {
+    margin-left: 130px !important; }
+  .m-sm-14 {
+    margin: 140px !important; }
+  .mt-sm-14,
+  .my-sm-14 {
+    margin-top: 140px !important; }
+  .mr-sm-14,
+  .mx-sm-14 {
+    margin-right: 140px !important; }
+  .mb-sm-14,
+  .my-sm-14 {
+    margin-bottom: 140px !important; }
+  .ml-sm-14,
+  .mx-sm-14 {
+    margin-left: 140px !important; }
+  .m-sm-15 {
+    margin: 150px !important; }
+  .mt-sm-15,
+  .my-sm-15 {
+    margin-top: 150px !important; }
+  .mr-sm-15,
+  .mx-sm-15 {
+    margin-right: 150px !important; }
+  .mb-sm-15,
+  .my-sm-15 {
+    margin-bottom: 150px !important; }
+  .ml-sm-15,
+  .mx-sm-15 {
+    margin-left: 150px !important; }
+  .m-sm-16 {
+    margin: 160px !important; }
+  .mt-sm-16,
+  .my-sm-16 {
+    margin-top: 160px !important; }
+  .mr-sm-16,
+  .mx-sm-16 {
+    margin-right: 160px !important; }
+  .mb-sm-16,
+  .my-sm-16 {
+    margin-bottom: 160px !important; }
+  .ml-sm-16,
+  .mx-sm-16 {
+    margin-left: 160px !important; }
+  .m-sm-17 {
+    margin: 170px !important; }
+  .mt-sm-17,
+  .my-sm-17 {
+    margin-top: 170px !important; }
+  .mr-sm-17,
+  .mx-sm-17 {
+    margin-right: 170px !important; }
+  .mb-sm-17,
+  .my-sm-17 {
+    margin-bottom: 170px !important; }
+  .ml-sm-17,
+  .mx-sm-17 {
+    margin-left: 170px !important; }
+  .m-sm-18 {
+    margin: 180px !important; }
+  .mt-sm-18,
+  .my-sm-18 {
+    margin-top: 180px !important; }
+  .mr-sm-18,
+  .mx-sm-18 {
+    margin-right: 180px !important; }
+  .mb-sm-18,
+  .my-sm-18 {
+    margin-bottom: 180px !important; }
+  .ml-sm-18,
+  .mx-sm-18 {
+    margin-left: 180px !important; }
+  .m-sm-19 {
+    margin: 190px !important; }
+  .mt-sm-19,
+  .my-sm-19 {
+    margin-top: 190px !important; }
+  .mr-sm-19,
+  .mx-sm-19 {
+    margin-right: 190px !important; }
+  .mb-sm-19,
+  .my-sm-19 {
+    margin-bottom: 190px !important; }
+  .ml-sm-19,
+  .mx-sm-19 {
+    margin-left: 190px !important; }
+  .m-sm-20 {
+    margin: 200px !important; }
+  .mt-sm-20,
+  .my-sm-20 {
+    margin-top: 200px !important; }
+  .mr-sm-20,
+  .mx-sm-20 {
+    margin-right: 200px !important; }
+  .mb-sm-20,
+  .my-sm-20 {
+    margin-bottom: 200px !important; }
+  .ml-sm-20,
+  .mx-sm-20 {
+    margin-left: 200px !important; }
+  .p-sm-0 {
+    padding: 0 !important; }
+  .pt-sm-0,
+  .py-sm-0 {
+    padding-top: 0 !important; }
+  .pr-sm-0,
+  .px-sm-0 {
+    padding-right: 0 !important; }
+  .pb-sm-0,
+  .py-sm-0 {
+    padding-bottom: 0 !important; }
+  .pl-sm-0,
+  .px-sm-0 {
+    padding-left: 0 !important; }
+  .p-sm-1 {
+    padding: 10px !important; }
+  .pt-sm-1,
+  .py-sm-1 {
+    padding-top: 10px !important; }
+  .pr-sm-1,
+  .px-sm-1 {
+    padding-right: 10px !important; }
+  .pb-sm-1,
+  .py-sm-1 {
+    padding-bottom: 10px !important; }
+  .pl-sm-1,
+  .px-sm-1 {
+    padding-left: 10px !important; }
+  .p-sm-2 {
+    padding: 20px !important; }
+  .pt-sm-2,
+  .py-sm-2 {
+    padding-top: 20px !important; }
+  .pr-sm-2,
+  .px-sm-2 {
+    padding-right: 20px !important; }
+  .pb-sm-2,
+  .py-sm-2 {
+    padding-bottom: 20px !important; }
+  .pl-sm-2,
+  .px-sm-2 {
+    padding-left: 20px !important; }
+  .p-sm-3 {
+    padding: 30px !important; }
+  .pt-sm-3,
+  .py-sm-3 {
+    padding-top: 30px !important; }
+  .pr-sm-3,
+  .px-sm-3 {
+    padding-right: 30px !important; }
+  .pb-sm-3,
+  .py-sm-3 {
+    padding-bottom: 30px !important; }
+  .pl-sm-3,
+  .px-sm-3 {
+    padding-left: 30px !important; }
+  .p-sm-4 {
+    padding: 40px !important; }
+  .pt-sm-4,
+  .py-sm-4 {
+    padding-top: 40px !important; }
+  .pr-sm-4,
+  .px-sm-4 {
+    padding-right: 40px !important; }
+  .pb-sm-4,
+  .py-sm-4 {
+    padding-bottom: 40px !important; }
+  .pl-sm-4,
+  .px-sm-4 {
+    padding-left: 40px !important; }
+  .p-sm-5 {
+    padding: 50px !important; }
+  .pt-sm-5,
+  .py-sm-5 {
+    padding-top: 50px !important; }
+  .pr-sm-5,
+  .px-sm-5 {
+    padding-right: 50px !important; }
+  .pb-sm-5,
+  .py-sm-5 {
+    padding-bottom: 50px !important; }
+  .pl-sm-5,
+  .px-sm-5 {
+    padding-left: 50px !important; }
+  .p-sm-6 {
+    padding: 60px !important; }
+  .pt-sm-6,
+  .py-sm-6 {
+    padding-top: 60px !important; }
+  .pr-sm-6,
+  .px-sm-6 {
+    padding-right: 60px !important; }
+  .pb-sm-6,
+  .py-sm-6 {
+    padding-bottom: 60px !important; }
+  .pl-sm-6,
+  .px-sm-6 {
+    padding-left: 60px !important; }
+  .p-sm-7 {
+    padding: 70px !important; }
+  .pt-sm-7,
+  .py-sm-7 {
+    padding-top: 70px !important; }
+  .pr-sm-7,
+  .px-sm-7 {
+    padding-right: 70px !important; }
+  .pb-sm-7,
+  .py-sm-7 {
+    padding-bottom: 70px !important; }
+  .pl-sm-7,
+  .px-sm-7 {
+    padding-left: 70px !important; }
+  .p-sm-8 {
+    padding: 80px !important; }
+  .pt-sm-8,
+  .py-sm-8 {
+    padding-top: 80px !important; }
+  .pr-sm-8,
+  .px-sm-8 {
+    padding-right: 80px !important; }
+  .pb-sm-8,
+  .py-sm-8 {
+    padding-bottom: 80px !important; }
+  .pl-sm-8,
+  .px-sm-8 {
+    padding-left: 80px !important; }
+  .p-sm-9 {
+    padding: 90px !important; }
+  .pt-sm-9,
+  .py-sm-9 {
+    padding-top: 90px !important; }
+  .pr-sm-9,
+  .px-sm-9 {
+    padding-right: 90px !important; }
+  .pb-sm-9,
+  .py-sm-9 {
+    padding-bottom: 90px !important; }
+  .pl-sm-9,
+  .px-sm-9 {
+    padding-left: 90px !important; }
+  .p-sm-10 {
+    padding: 100px !important; }
+  .pt-sm-10,
+  .py-sm-10 {
+    padding-top: 100px !important; }
+  .pr-sm-10,
+  .px-sm-10 {
+    padding-right: 100px !important; }
+  .pb-sm-10,
+  .py-sm-10 {
+    padding-bottom: 100px !important; }
+  .pl-sm-10,
+  .px-sm-10 {
+    padding-left: 100px !important; }
+  .p-sm-11 {
+    padding: 110px !important; }
+  .pt-sm-11,
+  .py-sm-11 {
+    padding-top: 110px !important; }
+  .pr-sm-11,
+  .px-sm-11 {
+    padding-right: 110px !important; }
+  .pb-sm-11,
+  .py-sm-11 {
+    padding-bottom: 110px !important; }
+  .pl-sm-11,
+  .px-sm-11 {
+    padding-left: 110px !important; }
+  .p-sm-12 {
+    padding: 120px !important; }
+  .pt-sm-12,
+  .py-sm-12 {
+    padding-top: 120px !important; }
+  .pr-sm-12,
+  .px-sm-12 {
+    padding-right: 120px !important; }
+  .pb-sm-12,
+  .py-sm-12 {
+    padding-bottom: 120px !important; }
+  .pl-sm-12,
+  .px-sm-12 {
+    padding-left: 120px !important; }
+  .p-sm-13 {
+    padding: 130px !important; }
+  .pt-sm-13,
+  .py-sm-13 {
+    padding-top: 130px !important; }
+  .pr-sm-13,
+  .px-sm-13 {
+    padding-right: 130px !important; }
+  .pb-sm-13,
+  .py-sm-13 {
+    padding-bottom: 130px !important; }
+  .pl-sm-13,
+  .px-sm-13 {
+    padding-left: 130px !important; }
+  .p-sm-14 {
+    padding: 140px !important; }
+  .pt-sm-14,
+  .py-sm-14 {
+    padding-top: 140px !important; }
+  .pr-sm-14,
+  .px-sm-14 {
+    padding-right: 140px !important; }
+  .pb-sm-14,
+  .py-sm-14 {
+    padding-bottom: 140px !important; }
+  .pl-sm-14,
+  .px-sm-14 {
+    padding-left: 140px !important; }
+  .p-sm-15 {
+    padding: 150px !important; }
+  .pt-sm-15,
+  .py-sm-15 {
+    padding-top: 150px !important; }
+  .pr-sm-15,
+  .px-sm-15 {
+    padding-right: 150px !important; }
+  .pb-sm-15,
+  .py-sm-15 {
+    padding-bottom: 150px !important; }
+  .pl-sm-15,
+  .px-sm-15 {
+    padding-left: 150px !important; }
+  .p-sm-16 {
+    padding: 160px !important; }
+  .pt-sm-16,
+  .py-sm-16 {
+    padding-top: 160px !important; }
+  .pr-sm-16,
+  .px-sm-16 {
+    padding-right: 160px !important; }
+  .pb-sm-16,
+  .py-sm-16 {
+    padding-bottom: 160px !important; }
+  .pl-sm-16,
+  .px-sm-16 {
+    padding-left: 160px !important; }
+  .p-sm-17 {
+    padding: 170px !important; }
+  .pt-sm-17,
+  .py-sm-17 {
+    padding-top: 170px !important; }
+  .pr-sm-17,
+  .px-sm-17 {
+    padding-right: 170px !important; }
+  .pb-sm-17,
+  .py-sm-17 {
+    padding-bottom: 170px !important; }
+  .pl-sm-17,
+  .px-sm-17 {
+    padding-left: 170px !important; }
+  .p-sm-18 {
+    padding: 180px !important; }
+  .pt-sm-18,
+  .py-sm-18 {
+    padding-top: 180px !important; }
+  .pr-sm-18,
+  .px-sm-18 {
+    padding-right: 180px !important; }
+  .pb-sm-18,
+  .py-sm-18 {
+    padding-bottom: 180px !important; }
+  .pl-sm-18,
+  .px-sm-18 {
+    padding-left: 180px !important; }
+  .p-sm-19 {
+    padding: 190px !important; }
+  .pt-sm-19,
+  .py-sm-19 {
+    padding-top: 190px !important; }
+  .pr-sm-19,
+  .px-sm-19 {
+    padding-right: 190px !important; }
+  .pb-sm-19,
+  .py-sm-19 {
+    padding-bottom: 190px !important; }
+  .pl-sm-19,
+  .px-sm-19 {
+    padding-left: 190px !important; }
+  .p-sm-20 {
+    padding: 200px !important; }
+  .pt-sm-20,
+  .py-sm-20 {
+    padding-top: 200px !important; }
+  .pr-sm-20,
+  .px-sm-20 {
+    padding-right: 200px !important; }
+  .pb-sm-20,
+  .py-sm-20 {
+    padding-bottom: 200px !important; }
+  .pl-sm-20,
+  .px-sm-20 {
+    padding-left: 200px !important; }
+  .m-sm-auto {
+    margin: auto !important; }
+  .mt-sm-auto,
+  .my-sm-auto {
+    margin-top: auto !important; }
+  .mr-sm-auto,
+  .mx-sm-auto {
+    margin-right: auto !important; }
+  .mb-sm-auto,
+  .my-sm-auto {
+    margin-bottom: auto !important; }
+  .ml-sm-auto,
+  .mx-sm-auto {
+    margin-left: auto !important; } }
+
+@media (min-width: 768px) {
+  .m-md-0 {
+    margin: 0 !important; }
+  .mt-md-0,
+  .my-md-0 {
+    margin-top: 0 !important; }
+  .mr-md-0,
+  .mx-md-0 {
+    margin-right: 0 !important; }
+  .mb-md-0,
+  .my-md-0 {
+    margin-bottom: 0 !important; }
+  .ml-md-0,
+  .mx-md-0 {
+    margin-left: 0 !important; }
+  .m-md-1 {
+    margin: 10px !important; }
+  .mt-md-1,
+  .my-md-1 {
+    margin-top: 10px !important; }
+  .mr-md-1,
+  .mx-md-1 {
+    margin-right: 10px !important; }
+  .mb-md-1,
+  .my-md-1 {
+    margin-bottom: 10px !important; }
+  .ml-md-1,
+  .mx-md-1 {
+    margin-left: 10px !important; }
+  .m-md-2 {
+    margin: 20px !important; }
+  .mt-md-2,
+  .my-md-2 {
+    margin-top: 20px !important; }
+  .mr-md-2,
+  .mx-md-2 {
+    margin-right: 20px !important; }
+  .mb-md-2,
+  .my-md-2 {
+    margin-bottom: 20px !important; }
+  .ml-md-2,
+  .mx-md-2 {
+    margin-left: 20px !important; }
+  .m-md-3 {
+    margin: 30px !important; }
+  .mt-md-3,
+  .my-md-3 {
+    margin-top: 30px !important; }
+  .mr-md-3,
+  .mx-md-3 {
+    margin-right: 30px !important; }
+  .mb-md-3,
+  .my-md-3 {
+    margin-bottom: 30px !important; }
+  .ml-md-3,
+  .mx-md-3 {
+    margin-left: 30px !important; }
+  .m-md-4 {
+    margin: 40px !important; }
+  .mt-md-4,
+  .my-md-4 {
+    margin-top: 40px !important; }
+  .mr-md-4,
+  .mx-md-4 {
+    margin-right: 40px !important; }
+  .mb-md-4,
+  .my-md-4 {
+    margin-bottom: 40px !important; }
+  .ml-md-4,
+  .mx-md-4 {
+    margin-left: 40px !important; }
+  .m-md-5 {
+    margin: 50px !important; }
+  .mt-md-5,
+  .my-md-5 {
+    margin-top: 50px !important; }
+  .mr-md-5,
+  .mx-md-5 {
+    margin-right: 50px !important; }
+  .mb-md-5,
+  .my-md-5 {
+    margin-bottom: 50px !important; }
+  .ml-md-5,
+  .mx-md-5 {
+    margin-left: 50px !important; }
+  .m-md-6 {
+    margin: 60px !important; }
+  .mt-md-6,
+  .my-md-6 {
+    margin-top: 60px !important; }
+  .mr-md-6,
+  .mx-md-6 {
+    margin-right: 60px !important; }
+  .mb-md-6,
+  .my-md-6 {
+    margin-bottom: 60px !important; }
+  .ml-md-6,
+  .mx-md-6 {
+    margin-left: 60px !important; }
+  .m-md-7 {
+    margin: 70px !important; }
+  .mt-md-7,
+  .my-md-7 {
+    margin-top: 70px !important; }
+  .mr-md-7,
+  .mx-md-7 {
+    margin-right: 70px !important; }
+  .mb-md-7,
+  .my-md-7 {
+    margin-bottom: 70px !important; }
+  .ml-md-7,
+  .mx-md-7 {
+    margin-left: 70px !important; }
+  .m-md-8 {
+    margin: 80px !important; }
+  .mt-md-8,
+  .my-md-8 {
+    margin-top: 80px !important; }
+  .mr-md-8,
+  .mx-md-8 {
+    margin-right: 80px !important; }
+  .mb-md-8,
+  .my-md-8 {
+    margin-bottom: 80px !important; }
+  .ml-md-8,
+  .mx-md-8 {
+    margin-left: 80px !important; }
+  .m-md-9 {
+    margin: 90px !important; }
+  .mt-md-9,
+  .my-md-9 {
+    margin-top: 90px !important; }
+  .mr-md-9,
+  .mx-md-9 {
+    margin-right: 90px !important; }
+  .mb-md-9,
+  .my-md-9 {
+    margin-bottom: 90px !important; }
+  .ml-md-9,
+  .mx-md-9 {
+    margin-left: 90px !important; }
+  .m-md-10 {
+    margin: 100px !important; }
+  .mt-md-10,
+  .my-md-10 {
+    margin-top: 100px !important; }
+  .mr-md-10,
+  .mx-md-10 {
+    margin-right: 100px !important; }
+  .mb-md-10,
+  .my-md-10 {
+    margin-bottom: 100px !important; }
+  .ml-md-10,
+  .mx-md-10 {
+    margin-left: 100px !important; }
+  .m-md-11 {
+    margin: 110px !important; }
+  .mt-md-11,
+  .my-md-11 {
+    margin-top: 110px !important; }
+  .mr-md-11,
+  .mx-md-11 {
+    margin-right: 110px !important; }
+  .mb-md-11,
+  .my-md-11 {
+    margin-bottom: 110px !important; }
+  .ml-md-11,
+  .mx-md-11 {
+    margin-left: 110px !important; }
+  .m-md-12 {
+    margin: 120px !important; }
+  .mt-md-12,
+  .my-md-12 {
+    margin-top: 120px !important; }
+  .mr-md-12,
+  .mx-md-12 {
+    margin-right: 120px !important; }
+  .mb-md-12,
+  .my-md-12 {
+    margin-bottom: 120px !important; }
+  .ml-md-12,
+  .mx-md-12 {
+    margin-left: 120px !important; }
+  .m-md-13 {
+    margin: 130px !important; }
+  .mt-md-13,
+  .my-md-13 {
+    margin-top: 130px !important; }
+  .mr-md-13,
+  .mx-md-13 {
+    margin-right: 130px !important; }
+  .mb-md-13,
+  .my-md-13 {
+    margin-bottom: 130px !important; }
+  .ml-md-13,
+  .mx-md-13 {
+    margin-left: 130px !important; }
+  .m-md-14 {
+    margin: 140px !important; }
+  .mt-md-14,
+  .my-md-14 {
+    margin-top: 140px !important; }
+  .mr-md-14,
+  .mx-md-14 {
+    margin-right: 140px !important; }
+  .mb-md-14,
+  .my-md-14 {
+    margin-bottom: 140px !important; }
+  .ml-md-14,
+  .mx-md-14 {
+    margin-left: 140px !important; }
+  .m-md-15 {
+    margin: 150px !important; }
+  .mt-md-15,
+  .my-md-15 {
+    margin-top: 150px !important; }
+  .mr-md-15,
+  .mx-md-15 {
+    margin-right: 150px !important; }
+  .mb-md-15,
+  .my-md-15 {
+    margin-bottom: 150px !important; }
+  .ml-md-15,
+  .mx-md-15 {
+    margin-left: 150px !important; }
+  .m-md-16 {
+    margin: 160px !important; }
+  .mt-md-16,
+  .my-md-16 {
+    margin-top: 160px !important; }
+  .mr-md-16,
+  .mx-md-16 {
+    margin-right: 160px !important; }
+  .mb-md-16,
+  .my-md-16 {
+    margin-bottom: 160px !important; }
+  .ml-md-16,
+  .mx-md-16 {
+    margin-left: 160px !important; }
+  .m-md-17 {
+    margin: 170px !important; }
+  .mt-md-17,
+  .my-md-17 {
+    margin-top: 170px !important; }
+  .mr-md-17,
+  .mx-md-17 {
+    margin-right: 170px !important; }
+  .mb-md-17,
+  .my-md-17 {
+    margin-bottom: 170px !important; }
+  .ml-md-17,
+  .mx-md-17 {
+    margin-left: 170px !important; }
+  .m-md-18 {
+    margin: 180px !important; }
+  .mt-md-18,
+  .my-md-18 {
+    margin-top: 180px !important; }
+  .mr-md-18,
+  .mx-md-18 {
+    margin-right: 180px !important; }
+  .mb-md-18,
+  .my-md-18 {
+    margin-bottom: 180px !important; }
+  .ml-md-18,
+  .mx-md-18 {
+    margin-left: 180px !important; }
+  .m-md-19 {
+    margin: 190px !important; }
+  .mt-md-19,
+  .my-md-19 {
+    margin-top: 190px !important; }
+  .mr-md-19,
+  .mx-md-19 {
+    margin-right: 190px !important; }
+  .mb-md-19,
+  .my-md-19 {
+    margin-bottom: 190px !important; }
+  .ml-md-19,
+  .mx-md-19 {
+    margin-left: 190px !important; }
+  .m-md-20 {
+    margin: 200px !important; }
+  .mt-md-20,
+  .my-md-20 {
+    margin-top: 200px !important; }
+  .mr-md-20,
+  .mx-md-20 {
+    margin-right: 200px !important; }
+  .mb-md-20,
+  .my-md-20 {
+    margin-bottom: 200px !important; }
+  .ml-md-20,
+  .mx-md-20 {
+    margin-left: 200px !important; }
+  .p-md-0 {
+    padding: 0 !important; }
+  .pt-md-0,
+  .py-md-0 {
+    padding-top: 0 !important; }
+  .pr-md-0,
+  .px-md-0 {
+    padding-right: 0 !important; }
+  .pb-md-0,
+  .py-md-0 {
+    padding-bottom: 0 !important; }
+  .pl-md-0,
+  .px-md-0 {
+    padding-left: 0 !important; }
+  .p-md-1 {
+    padding: 10px !important; }
+  .pt-md-1,
+  .py-md-1 {
+    padding-top: 10px !important; }
+  .pr-md-1,
+  .px-md-1 {
+    padding-right: 10px !important; }
+  .pb-md-1,
+  .py-md-1 {
+    padding-bottom: 10px !important; }
+  .pl-md-1,
+  .px-md-1 {
+    padding-left: 10px !important; }
+  .p-md-2 {
+    padding: 20px !important; }
+  .pt-md-2,
+  .py-md-2 {
+    padding-top: 20px !important; }
+  .pr-md-2,
+  .px-md-2 {
+    padding-right: 20px !important; }
+  .pb-md-2,
+  .py-md-2 {
+    padding-bottom: 20px !important; }
+  .pl-md-2,
+  .px-md-2 {
+    padding-left: 20px !important; }
+  .p-md-3 {
+    padding: 30px !important; }
+  .pt-md-3,
+  .py-md-3 {
+    padding-top: 30px !important; }
+  .pr-md-3,
+  .px-md-3 {
+    padding-right: 30px !important; }
+  .pb-md-3,
+  .py-md-3 {
+    padding-bottom: 30px !important; }
+  .pl-md-3,
+  .px-md-3 {
+    padding-left: 30px !important; }
+  .p-md-4 {
+    padding: 40px !important; }
+  .pt-md-4,
+  .py-md-4 {
+    padding-top: 40px !important; }
+  .pr-md-4,
+  .px-md-4 {
+    padding-right: 40px !important; }
+  .pb-md-4,
+  .py-md-4 {
+    padding-bottom: 40px !important; }
+  .pl-md-4,
+  .px-md-4 {
+    padding-left: 40px !important; }
+  .p-md-5 {
+    padding: 50px !important; }
+  .pt-md-5,
+  .py-md-5 {
+    padding-top: 50px !important; }
+  .pr-md-5,
+  .px-md-5 {
+    padding-right: 50px !important; }
+  .pb-md-5,
+  .py-md-5 {
+    padding-bottom: 50px !important; }
+  .pl-md-5,
+  .px-md-5 {
+    padding-left: 50px !important; }
+  .p-md-6 {
+    padding: 60px !important; }
+  .pt-md-6,
+  .py-md-6 {
+    padding-top: 60px !important; }
+  .pr-md-6,
+  .px-md-6 {
+    padding-right: 60px !important; }
+  .pb-md-6,
+  .py-md-6 {
+    padding-bottom: 60px !important; }
+  .pl-md-6,
+  .px-md-6 {
+    padding-left: 60px !important; }
+  .p-md-7 {
+    padding: 70px !important; }
+  .pt-md-7,
+  .py-md-7 {
+    padding-top: 70px !important; }
+  .pr-md-7,
+  .px-md-7 {
+    padding-right: 70px !important; }
+  .pb-md-7,
+  .py-md-7 {
+    padding-bottom: 70px !important; }
+  .pl-md-7,
+  .px-md-7 {
+    padding-left: 70px !important; }
+  .p-md-8 {
+    padding: 80px !important; }
+  .pt-md-8,
+  .py-md-8 {
+    padding-top: 80px !important; }
+  .pr-md-8,
+  .px-md-8 {
+    padding-right: 80px !important; }
+  .pb-md-8,
+  .py-md-8 {
+    padding-bottom: 80px !important; }
+  .pl-md-8,
+  .px-md-8 {
+    padding-left: 80px !important; }
+  .p-md-9 {
+    padding: 90px !important; }
+  .pt-md-9,
+  .py-md-9 {
+    padding-top: 90px !important; }
+  .pr-md-9,
+  .px-md-9 {
+    padding-right: 90px !important; }
+  .pb-md-9,
+  .py-md-9 {
+    padding-bottom: 90px !important; }
+  .pl-md-9,
+  .px-md-9 {
+    padding-left: 90px !important; }
+  .p-md-10 {
+    padding: 100px !important; }
+  .pt-md-10,
+  .py-md-10 {
+    padding-top: 100px !important; }
+  .pr-md-10,
+  .px-md-10 {
+    padding-right: 100px !important; }
+  .pb-md-10,
+  .py-md-10 {
+    padding-bottom: 100px !important; }
+  .pl-md-10,
+  .px-md-10 {
+    padding-left: 100px !important; }
+  .p-md-11 {
+    padding: 110px !important; }
+  .pt-md-11,
+  .py-md-11 {
+    padding-top: 110px !important; }
+  .pr-md-11,
+  .px-md-11 {
+    padding-right: 110px !important; }
+  .pb-md-11,
+  .py-md-11 {
+    padding-bottom: 110px !important; }
+  .pl-md-11,
+  .px-md-11 {
+    padding-left: 110px !important; }
+  .p-md-12 {
+    padding: 120px !important; }
+  .pt-md-12,
+  .py-md-12 {
+    padding-top: 120px !important; }
+  .pr-md-12,
+  .px-md-12 {
+    padding-right: 120px !important; }
+  .pb-md-12,
+  .py-md-12 {
+    padding-bottom: 120px !important; }
+  .pl-md-12,
+  .px-md-12 {
+    padding-left: 120px !important; }
+  .p-md-13 {
+    padding: 130px !important; }
+  .pt-md-13,
+  .py-md-13 {
+    padding-top: 130px !important; }
+  .pr-md-13,
+  .px-md-13 {
+    padding-right: 130px !important; }
+  .pb-md-13,
+  .py-md-13 {
+    padding-bottom: 130px !important; }
+  .pl-md-13,
+  .px-md-13 {
+    padding-left: 130px !important; }
+  .p-md-14 {
+    padding: 140px !important; }
+  .pt-md-14,
+  .py-md-14 {
+    padding-top: 140px !important; }
+  .pr-md-14,
+  .px-md-14 {
+    padding-right: 140px !important; }
+  .pb-md-14,
+  .py-md-14 {
+    padding-bottom: 140px !important; }
+  .pl-md-14,
+  .px-md-14 {
+    padding-left: 140px !important; }
+  .p-md-15 {
+    padding: 150px !important; }
+  .pt-md-15,
+  .py-md-15 {
+    padding-top: 150px !important; }
+  .pr-md-15,
+  .px-md-15 {
+    padding-right: 150px !important; }
+  .pb-md-15,
+  .py-md-15 {
+    padding-bottom: 150px !important; }
+  .pl-md-15,
+  .px-md-15 {
+    padding-left: 150px !important; }
+  .p-md-16 {
+    padding: 160px !important; }
+  .pt-md-16,
+  .py-md-16 {
+    padding-top: 160px !important; }
+  .pr-md-16,
+  .px-md-16 {
+    padding-right: 160px !important; }
+  .pb-md-16,
+  .py-md-16 {
+    padding-bottom: 160px !important; }
+  .pl-md-16,
+  .px-md-16 {
+    padding-left: 160px !important; }
+  .p-md-17 {
+    padding: 170px !important; }
+  .pt-md-17,
+  .py-md-17 {
+    padding-top: 170px !important; }
+  .pr-md-17,
+  .px-md-17 {
+    padding-right: 170px !important; }
+  .pb-md-17,
+  .py-md-17 {
+    padding-bottom: 170px !important; }
+  .pl-md-17,
+  .px-md-17 {
+    padding-left: 170px !important; }
+  .p-md-18 {
+    padding: 180px !important; }
+  .pt-md-18,
+  .py-md-18 {
+    padding-top: 180px !important; }
+  .pr-md-18,
+  .px-md-18 {
+    padding-right: 180px !important; }
+  .pb-md-18,
+  .py-md-18 {
+    padding-bottom: 180px !important; }
+  .pl-md-18,
+  .px-md-18 {
+    padding-left: 180px !important; }
+  .p-md-19 {
+    padding: 190px !important; }
+  .pt-md-19,
+  .py-md-19 {
+    padding-top: 190px !important; }
+  .pr-md-19,
+  .px-md-19 {
+    padding-right: 190px !important; }
+  .pb-md-19,
+  .py-md-19 {
+    padding-bottom: 190px !important; }
+  .pl-md-19,
+  .px-md-19 {
+    padding-left: 190px !important; }
+  .p-md-20 {
+    padding: 200px !important; }
+  .pt-md-20,
+  .py-md-20 {
+    padding-top: 200px !important; }
+  .pr-md-20,
+  .px-md-20 {
+    padding-right: 200px !important; }
+  .pb-md-20,
+  .py-md-20 {
+    padding-bottom: 200px !important; }
+  .pl-md-20,
+  .px-md-20 {
+    padding-left: 200px !important; }
+  .m-md-auto {
+    margin: auto !important; }
+  .mt-md-auto,
+  .my-md-auto {
+    margin-top: auto !important; }
+  .mr-md-auto,
+  .mx-md-auto {
+    margin-right: auto !important; }
+  .mb-md-auto,
+  .my-md-auto {
+    margin-bottom: auto !important; }
+  .ml-md-auto,
+  .mx-md-auto {
+    margin-left: auto !important; } }
+
+@media (min-width: 992px) {
+  .m-lg-0 {
+    margin: 0 !important; }
+  .mt-lg-0,
+  .my-lg-0 {
+    margin-top: 0 !important; }
+  .mr-lg-0,
+  .mx-lg-0 {
+    margin-right: 0 !important; }
+  .mb-lg-0,
+  .my-lg-0 {
+    margin-bottom: 0 !important; }
+  .ml-lg-0,
+  .mx-lg-0 {
+    margin-left: 0 !important; }
+  .m-lg-1 {
+    margin: 10px !important; }
+  .mt-lg-1,
+  .my-lg-1 {
+    margin-top: 10px !important; }
+  .mr-lg-1,
+  .mx-lg-1 {
+    margin-right: 10px !important; }
+  .mb-lg-1,
+  .my-lg-1 {
+    margin-bottom: 10px !important; }
+  .ml-lg-1,
+  .mx-lg-1 {
+    margin-left: 10px !important; }
+  .m-lg-2 {
+    margin: 20px !important; }
+  .mt-lg-2,
+  .my-lg-2 {
+    margin-top: 20px !important; }
+  .mr-lg-2,
+  .mx-lg-2 {
+    margin-right: 20px !important; }
+  .mb-lg-2,
+  .my-lg-2 {
+    margin-bottom: 20px !important; }
+  .ml-lg-2,
+  .mx-lg-2 {
+    margin-left: 20px !important; }
+  .m-lg-3 {
+    margin: 30px !important; }
+  .mt-lg-3,
+  .my-lg-3 {
+    margin-top: 30px !important; }
+  .mr-lg-3,
+  .mx-lg-3 {
+    margin-right: 30px !important; }
+  .mb-lg-3,
+  .my-lg-3 {
+    margin-bottom: 30px !important; }
+  .ml-lg-3,
+  .mx-lg-3 {
+    margin-left: 30px !important; }
+  .m-lg-4 {
+    margin: 40px !important; }
+  .mt-lg-4,
+  .my-lg-4 {
+    margin-top: 40px !important; }
+  .mr-lg-4,
+  .mx-lg-4 {
+    margin-right: 40px !important; }
+  .mb-lg-4,
+  .my-lg-4 {
+    margin-bottom: 40px !important; }
+  .ml-lg-4,
+  .mx-lg-4 {
+    margin-left: 40px !important; }
+  .m-lg-5 {
+    margin: 50px !important; }
+  .mt-lg-5,
+  .my-lg-5 {
+    margin-top: 50px !important; }
+  .mr-lg-5,
+  .mx-lg-5 {
+    margin-right: 50px !important; }
+  .mb-lg-5,
+  .my-lg-5 {
+    margin-bottom: 50px !important; }
+  .ml-lg-5,
+  .mx-lg-5 {
+    margin-left: 50px !important; }
+  .m-lg-6 {
+    margin: 60px !important; }
+  .mt-lg-6,
+  .my-lg-6 {
+    margin-top: 60px !important; }
+  .mr-lg-6,
+  .mx-lg-6 {
+    margin-right: 60px !important; }
+  .mb-lg-6,
+  .my-lg-6 {
+    margin-bottom: 60px !important; }
+  .ml-lg-6,
+  .mx-lg-6 {
+    margin-left: 60px !important; }
+  .m-lg-7 {
+    margin: 70px !important; }
+  .mt-lg-7,
+  .my-lg-7 {
+    margin-top: 70px !important; }
+  .mr-lg-7,
+  .mx-lg-7 {
+    margin-right: 70px !important; }
+  .mb-lg-7,
+  .my-lg-7 {
+    margin-bottom: 70px !important; }
+  .ml-lg-7,
+  .mx-lg-7 {
+    margin-left: 70px !important; }
+  .m-lg-8 {
+    margin: 80px !important; }
+  .mt-lg-8,
+  .my-lg-8 {
+    margin-top: 80px !important; }
+  .mr-lg-8,
+  .mx-lg-8 {
+    margin-right: 80px !important; }
+  .mb-lg-8,
+  .my-lg-8 {
+    margin-bottom: 80px !important; }
+  .ml-lg-8,
+  .mx-lg-8 {
+    margin-left: 80px !important; }
+  .m-lg-9 {
+    margin: 90px !important; }
+  .mt-lg-9,
+  .my-lg-9 {
+    margin-top: 90px !important; }
+  .mr-lg-9,
+  .mx-lg-9 {
+    margin-right: 90px !important; }
+  .mb-lg-9,
+  .my-lg-9 {
+    margin-bottom: 90px !important; }
+  .ml-lg-9,
+  .mx-lg-9 {
+    margin-left: 90px !important; }
+  .m-lg-10 {
+    margin: 100px !important; }
+  .mt-lg-10,
+  .my-lg-10 {
+    margin-top: 100px !important; }
+  .mr-lg-10,
+  .mx-lg-10 {
+    margin-right: 100px !important; }
+  .mb-lg-10,
+  .my-lg-10 {
+    margin-bottom: 100px !important; }
+  .ml-lg-10,
+  .mx-lg-10 {
+    margin-left: 100px !important; }
+  .m-lg-11 {
+    margin: 110px !important; }
+  .mt-lg-11,
+  .my-lg-11 {
+    margin-top: 110px !important; }
+  .mr-lg-11,
+  .mx-lg-11 {
+    margin-right: 110px !important; }
+  .mb-lg-11,
+  .my-lg-11 {
+    margin-bottom: 110px !important; }
+  .ml-lg-11,
+  .mx-lg-11 {
+    margin-left: 110px !important; }
+  .m-lg-12 {
+    margin: 120px !important; }
+  .mt-lg-12,
+  .my-lg-12 {
+    margin-top: 120px !important; }
+  .mr-lg-12,
+  .mx-lg-12 {
+    margin-right: 120px !important; }
+  .mb-lg-12,
+  .my-lg-12 {
+    margin-bottom: 120px !important; }
+  .ml-lg-12,
+  .mx-lg-12 {
+    margin-left: 120px !important; }
+  .m-lg-13 {
+    margin: 130px !important; }
+  .mt-lg-13,
+  .my-lg-13 {
+    margin-top: 130px !important; }
+  .mr-lg-13,
+  .mx-lg-13 {
+    margin-right: 130px !important; }
+  .mb-lg-13,
+  .my-lg-13 {
+    margin-bottom: 130px !important; }
+  .ml-lg-13,
+  .mx-lg-13 {
+    margin-left: 130px !important; }
+  .m-lg-14 {
+    margin: 140px !important; }
+  .mt-lg-14,
+  .my-lg-14 {
+    margin-top: 140px !important; }
+  .mr-lg-14,
+  .mx-lg-14 {
+    margin-right: 140px !important; }
+  .mb-lg-14,
+  .my-lg-14 {
+    margin-bottom: 140px !important; }
+  .ml-lg-14,
+  .mx-lg-14 {
+    margin-left: 140px !important; }
+  .m-lg-15 {
+    margin: 150px !important; }
+  .mt-lg-15,
+  .my-lg-15 {
+    margin-top: 150px !important; }
+  .mr-lg-15,
+  .mx-lg-15 {
+    margin-right: 150px !important; }
+  .mb-lg-15,
+  .my-lg-15 {
+    margin-bottom: 150px !important; }
+  .ml-lg-15,
+  .mx-lg-15 {
+    margin-left: 150px !important; }
+  .m-lg-16 {
+    margin: 160px !important; }
+  .mt-lg-16,
+  .my-lg-16 {
+    margin-top: 160px !important; }
+  .mr-lg-16,
+  .mx-lg-16 {
+    margin-right: 160px !important; }
+  .mb-lg-16,
+  .my-lg-16 {
+    margin-bottom: 160px !important; }
+  .ml-lg-16,
+  .mx-lg-16 {
+    margin-left: 160px !important; }
+  .m-lg-17 {
+    margin: 170px !important; }
+  .mt-lg-17,
+  .my-lg-17 {
+    margin-top: 170px !important; }
+  .mr-lg-17,
+  .mx-lg-17 {
+    margin-right: 170px !important; }
+  .mb-lg-17,
+  .my-lg-17 {
+    margin-bottom: 170px !important; }
+  .ml-lg-17,
+  .mx-lg-17 {
+    margin-left: 170px !important; }
+  .m-lg-18 {
+    margin: 180px !important; }
+  .mt-lg-18,
+  .my-lg-18 {
+    margin-top: 180px !important; }
+  .mr-lg-18,
+  .mx-lg-18 {
+    margin-right: 180px !important; }
+  .mb-lg-18,
+  .my-lg-18 {
+    margin-bottom: 180px !important; }
+  .ml-lg-18,
+  .mx-lg-18 {
+    margin-left: 180px !important; }
+  .m-lg-19 {
+    margin: 190px !important; }
+  .mt-lg-19,
+  .my-lg-19 {
+    margin-top: 190px !important; }
+  .mr-lg-19,
+  .mx-lg-19 {
+    margin-right: 190px !important; }
+  .mb-lg-19,
+  .my-lg-19 {
+    margin-bottom: 190px !important; }
+  .ml-lg-19,
+  .mx-lg-19 {
+    margin-left: 190px !important; }
+  .m-lg-20 {
+    margin: 200px !important; }
+  .mt-lg-20,
+  .my-lg-20 {
+    margin-top: 200px !important; }
+  .mr-lg-20,
+  .mx-lg-20 {
+    margin-right: 200px !important; }
+  .mb-lg-20,
+  .my-lg-20 {
+    margin-bottom: 200px !important; }
+  .ml-lg-20,
+  .mx-lg-20 {
+    margin-left: 200px !important; }
+  .p-lg-0 {
+    padding: 0 !important; }
+  .pt-lg-0,
+  .py-lg-0 {
+    padding-top: 0 !important; }
+  .pr-lg-0,
+  .px-lg-0 {
+    padding-right: 0 !important; }
+  .pb-lg-0,
+  .py-lg-0 {
+    padding-bottom: 0 !important; }
+  .pl-lg-0,
+  .px-lg-0 {
+    padding-left: 0 !important; }
+  .p-lg-1 {
+    padding: 10px !important; }
+  .pt-lg-1,
+  .py-lg-1 {
+    padding-top: 10px !important; }
+  .pr-lg-1,
+  .px-lg-1 {
+    padding-right: 10px !important; }
+  .pb-lg-1,
+  .py-lg-1 {
+    padding-bottom: 10px !important; }
+  .pl-lg-1,
+  .px-lg-1 {
+    padding-left: 10px !important; }
+  .p-lg-2 {
+    padding: 20px !important; }
+  .pt-lg-2,
+  .py-lg-2 {
+    padding-top: 20px !important; }
+  .pr-lg-2,
+  .px-lg-2 {
+    padding-right: 20px !important; }
+  .pb-lg-2,
+  .py-lg-2 {
+    padding-bottom: 20px !important; }
+  .pl-lg-2,
+  .px-lg-2 {
+    padding-left: 20px !important; }
+  .p-lg-3 {
+    padding: 30px !important; }
+  .pt-lg-3,
+  .py-lg-3 {
+    padding-top: 30px !important; }
+  .pr-lg-3,
+  .px-lg-3 {
+    padding-right: 30px !important; }
+  .pb-lg-3,
+  .py-lg-3 {
+    padding-bottom: 30px !important; }
+  .pl-lg-3,
+  .px-lg-3 {
+    padding-left: 30px !important; }
+  .p-lg-4 {
+    padding: 40px !important; }
+  .pt-lg-4,
+  .py-lg-4 {
+    padding-top: 40px !important; }
+  .pr-lg-4,
+  .px-lg-4 {
+    padding-right: 40px !important; }
+  .pb-lg-4,
+  .py-lg-4 {
+    padding-bottom: 40px !important; }
+  .pl-lg-4,
+  .px-lg-4 {
+    padding-left: 40px !important; }
+  .p-lg-5 {
+    padding: 50px !important; }
+  .pt-lg-5,
+  .py-lg-5 {
+    padding-top: 50px !important; }
+  .pr-lg-5,
+  .px-lg-5 {
+    padding-right: 50px !important; }
+  .pb-lg-5,
+  .py-lg-5 {
+    padding-bottom: 50px !important; }
+  .pl-lg-5,
+  .px-lg-5 {
+    padding-left: 50px !important; }
+  .p-lg-6 {
+    padding: 60px !important; }
+  .pt-lg-6,
+  .py-lg-6 {
+    padding-top: 60px !important; }
+  .pr-lg-6,
+  .px-lg-6 {
+    padding-right: 60px !important; }
+  .pb-lg-6,
+  .py-lg-6 {
+    padding-bottom: 60px !important; }
+  .pl-lg-6,
+  .px-lg-6 {
+    padding-left: 60px !important; }
+  .p-lg-7 {
+    padding: 70px !important; }
+  .pt-lg-7,
+  .py-lg-7 {
+    padding-top: 70px !important; }
+  .pr-lg-7,
+  .px-lg-7 {
+    padding-right: 70px !important; }
+  .pb-lg-7,
+  .py-lg-7 {
+    padding-bottom: 70px !important; }
+  .pl-lg-7,
+  .px-lg-7 {
+    padding-left: 70px !important; }
+  .p-lg-8 {
+    padding: 80px !important; }
+  .pt-lg-8,
+  .py-lg-8 {
+    padding-top: 80px !important; }
+  .pr-lg-8,
+  .px-lg-8 {
+    padding-right: 80px !important; }
+  .pb-lg-8,
+  .py-lg-8 {
+    padding-bottom: 80px !important; }
+  .pl-lg-8,
+  .px-lg-8 {
+    padding-left: 80px !important; }
+  .p-lg-9 {
+    padding: 90px !important; }
+  .pt-lg-9,
+  .py-lg-9 {
+    padding-top: 90px !important; }
+  .pr-lg-9,
+  .px-lg-9 {
+    padding-right: 90px !important; }
+  .pb-lg-9,
+  .py-lg-9 {
+    padding-bottom: 90px !important; }
+  .pl-lg-9,
+  .px-lg-9 {
+    padding-left: 90px !important; }
+  .p-lg-10 {
+    padding: 100px !important; }
+  .pt-lg-10,
+  .py-lg-10 {
+    padding-top: 100px !important; }
+  .pr-lg-10,
+  .px-lg-10 {
+    padding-right: 100px !important; }
+  .pb-lg-10,
+  .py-lg-10 {
+    padding-bottom: 100px !important; }
+  .pl-lg-10,
+  .px-lg-10 {
+    padding-left: 100px !important; }
+  .p-lg-11 {
+    padding: 110px !important; }
+  .pt-lg-11,
+  .py-lg-11 {
+    padding-top: 110px !important; }
+  .pr-lg-11,
+  .px-lg-11 {
+    padding-right: 110px !important; }
+  .pb-lg-11,
+  .py-lg-11 {
+    padding-bottom: 110px !important; }
+  .pl-lg-11,
+  .px-lg-11 {
+    padding-left: 110px !important; }
+  .p-lg-12 {
+    padding: 120px !important; }
+  .pt-lg-12,
+  .py-lg-12 {
+    padding-top: 120px !important; }
+  .pr-lg-12,
+  .px-lg-12 {
+    padding-right: 120px !important; }
+  .pb-lg-12,
+  .py-lg-12 {
+    padding-bottom: 120px !important; }
+  .pl-lg-12,
+  .px-lg-12 {
+    padding-left: 120px !important; }
+  .p-lg-13 {
+    padding: 130px !important; }
+  .pt-lg-13,
+  .py-lg-13 {
+    padding-top: 130px !important; }
+  .pr-lg-13,
+  .px-lg-13 {
+    padding-right: 130px !important; }
+  .pb-lg-13,
+  .py-lg-13 {
+    padding-bottom: 130px !important; }
+  .pl-lg-13,
+  .px-lg-13 {
+    padding-left: 130px !important; }
+  .p-lg-14 {
+    padding: 140px !important; }
+  .pt-lg-14,
+  .py-lg-14 {
+    padding-top: 140px !important; }
+  .pr-lg-14,
+  .px-lg-14 {
+    padding-right: 140px !important; }
+  .pb-lg-14,
+  .py-lg-14 {
+    padding-bottom: 140px !important; }
+  .pl-lg-14,
+  .px-lg-14 {
+    padding-left: 140px !important; }
+  .p-lg-15 {
+    padding: 150px !important; }
+  .pt-lg-15,
+  .py-lg-15 {
+    padding-top: 150px !important; }
+  .pr-lg-15,
+  .px-lg-15 {
+    padding-right: 150px !important; }
+  .pb-lg-15,
+  .py-lg-15 {
+    padding-bottom: 150px !important; }
+  .pl-lg-15,
+  .px-lg-15 {
+    padding-left: 150px !important; }
+  .p-lg-16 {
+    padding: 160px !important; }
+  .pt-lg-16,
+  .py-lg-16 {
+    padding-top: 160px !important; }
+  .pr-lg-16,
+  .px-lg-16 {
+    padding-right: 160px !important; }
+  .pb-lg-16,
+  .py-lg-16 {
+    padding-bottom: 160px !important; }
+  .pl-lg-16,
+  .px-lg-16 {
+    padding-left: 160px !important; }
+  .p-lg-17 {
+    padding: 170px !important; }
+  .pt-lg-17,
+  .py-lg-17 {
+    padding-top: 170px !important; }
+  .pr-lg-17,
+  .px-lg-17 {
+    padding-right: 170px !important; }
+  .pb-lg-17,
+  .py-lg-17 {
+    padding-bottom: 170px !important; }
+  .pl-lg-17,
+  .px-lg-17 {
+    padding-left: 170px !important; }
+  .p-lg-18 {
+    padding: 180px !important; }
+  .pt-lg-18,
+  .py-lg-18 {
+    padding-top: 180px !important; }
+  .pr-lg-18,
+  .px-lg-18 {
+    padding-right: 180px !important; }
+  .pb-lg-18,
+  .py-lg-18 {
+    padding-bottom: 180px !important; }
+  .pl-lg-18,
+  .px-lg-18 {
+    padding-left: 180px !important; }
+  .p-lg-19 {
+    padding: 190px !important; }
+  .pt-lg-19,
+  .py-lg-19 {
+    padding-top: 190px !important; }
+  .pr-lg-19,
+  .px-lg-19 {
+    padding-right: 190px !important; }
+  .pb-lg-19,
+  .py-lg-19 {
+    padding-bottom: 190px !important; }
+  .pl-lg-19,
+  .px-lg-19 {
+    padding-left: 190px !important; }
+  .p-lg-20 {
+    padding: 200px !important; }
+  .pt-lg-20,
+  .py-lg-20 {
+    padding-top: 200px !important; }
+  .pr-lg-20,
+  .px-lg-20 {
+    padding-right: 200px !important; }
+  .pb-lg-20,
+  .py-lg-20 {
+    padding-bottom: 200px !important; }
+  .pl-lg-20,
+  .px-lg-20 {
+    padding-left: 200px !important; }
+  .m-lg-auto {
+    margin: auto !important; }
+  .mt-lg-auto,
+  .my-lg-auto {
+    margin-top: auto !important; }
+  .mr-lg-auto,
+  .mx-lg-auto {
+    margin-right: auto !important; }
+  .mb-lg-auto,
+  .my-lg-auto {
+    margin-bottom: auto !important; }
+  .ml-lg-auto,
+  .mx-lg-auto {
+    margin-left: auto !important; } }
+
+@media (min-width: 1300px) {
+  .m-xl-0 {
+    margin: 0 !important; }
+  .mt-xl-0,
+  .my-xl-0 {
+    margin-top: 0 !important; }
+  .mr-xl-0,
+  .mx-xl-0 {
+    margin-right: 0 !important; }
+  .mb-xl-0,
+  .my-xl-0 {
+    margin-bottom: 0 !important; }
+  .ml-xl-0,
+  .mx-xl-0 {
+    margin-left: 0 !important; }
+  .m-xl-1 {
+    margin: 10px !important; }
+  .mt-xl-1,
+  .my-xl-1 {
+    margin-top: 10px !important; }
+  .mr-xl-1,
+  .mx-xl-1 {
+    margin-right: 10px !important; }
+  .mb-xl-1,
+  .my-xl-1 {
+    margin-bottom: 10px !important; }
+  .ml-xl-1,
+  .mx-xl-1 {
+    margin-left: 10px !important; }
+  .m-xl-2 {
+    margin: 20px !important; }
+  .mt-xl-2,
+  .my-xl-2 {
+    margin-top: 20px !important; }
+  .mr-xl-2,
+  .mx-xl-2 {
+    margin-right: 20px !important; }
+  .mb-xl-2,
+  .my-xl-2 {
+    margin-bottom: 20px !important; }
+  .ml-xl-2,
+  .mx-xl-2 {
+    margin-left: 20px !important; }
+  .m-xl-3 {
+    margin: 30px !important; }
+  .mt-xl-3,
+  .my-xl-3 {
+    margin-top: 30px !important; }
+  .mr-xl-3,
+  .mx-xl-3 {
+    margin-right: 30px !important; }
+  .mb-xl-3,
+  .my-xl-3 {
+    margin-bottom: 30px !important; }
+  .ml-xl-3,
+  .mx-xl-3 {
+    margin-left: 30px !important; }
+  .m-xl-4 {
+    margin: 40px !important; }
+  .mt-xl-4,
+  .my-xl-4 {
+    margin-top: 40px !important; }
+  .mr-xl-4,
+  .mx-xl-4 {
+    margin-right: 40px !important; }
+  .mb-xl-4,
+  .my-xl-4 {
+    margin-bottom: 40px !important; }
+  .ml-xl-4,
+  .mx-xl-4 {
+    margin-left: 40px !important; }
+  .m-xl-5 {
+    margin: 50px !important; }
+  .mt-xl-5,
+  .my-xl-5 {
+    margin-top: 50px !important; }
+  .mr-xl-5,
+  .mx-xl-5 {
+    margin-right: 50px !important; }
+  .mb-xl-5,
+  .my-xl-5 {
+    margin-bottom: 50px !important; }
+  .ml-xl-5,
+  .mx-xl-5 {
+    margin-left: 50px !important; }
+  .m-xl-6 {
+    margin: 60px !important; }
+  .mt-xl-6,
+  .my-xl-6 {
+    margin-top: 60px !important; }
+  .mr-xl-6,
+  .mx-xl-6 {
+    margin-right: 60px !important; }
+  .mb-xl-6,
+  .my-xl-6 {
+    margin-bottom: 60px !important; }
+  .ml-xl-6,
+  .mx-xl-6 {
+    margin-left: 60px !important; }
+  .m-xl-7 {
+    margin: 70px !important; }
+  .mt-xl-7,
+  .my-xl-7 {
+    margin-top: 70px !important; }
+  .mr-xl-7,
+  .mx-xl-7 {
+    margin-right: 70px !important; }
+  .mb-xl-7,
+  .my-xl-7 {
+    margin-bottom: 70px !important; }
+  .ml-xl-7,
+  .mx-xl-7 {
+    margin-left: 70px !important; }
+  .m-xl-8 {
+    margin: 80px !important; }
+  .mt-xl-8,
+  .my-xl-8 {
+    margin-top: 80px !important; }
+  .mr-xl-8,
+  .mx-xl-8 {
+    margin-right: 80px !important; }
+  .mb-xl-8,
+  .my-xl-8 {
+    margin-bottom: 80px !important; }
+  .ml-xl-8,
+  .mx-xl-8 {
+    margin-left: 80px !important; }
+  .m-xl-9 {
+    margin: 90px !important; }
+  .mt-xl-9,
+  .my-xl-9 {
+    margin-top: 90px !important; }
+  .mr-xl-9,
+  .mx-xl-9 {
+    margin-right: 90px !important; }
+  .mb-xl-9,
+  .my-xl-9 {
+    margin-bottom: 90px !important; }
+  .ml-xl-9,
+  .mx-xl-9 {
+    margin-left: 90px !important; }
+  .m-xl-10 {
+    margin: 100px !important; }
+  .mt-xl-10,
+  .my-xl-10 {
+    margin-top: 100px !important; }
+  .mr-xl-10,
+  .mx-xl-10 {
+    margin-right: 100px !important; }
+  .mb-xl-10,
+  .my-xl-10 {
+    margin-bottom: 100px !important; }
+  .ml-xl-10,
+  .mx-xl-10 {
+    margin-left: 100px !important; }
+  .m-xl-11 {
+    margin: 110px !important; }
+  .mt-xl-11,
+  .my-xl-11 {
+    margin-top: 110px !important; }
+  .mr-xl-11,
+  .mx-xl-11 {
+    margin-right: 110px !important; }
+  .mb-xl-11,
+  .my-xl-11 {
+    margin-bottom: 110px !important; }
+  .ml-xl-11,
+  .mx-xl-11 {
+    margin-left: 110px !important; }
+  .m-xl-12 {
+    margin: 120px !important; }
+  .mt-xl-12,
+  .my-xl-12 {
+    margin-top: 120px !important; }
+  .mr-xl-12,
+  .mx-xl-12 {
+    margin-right: 120px !important; }
+  .mb-xl-12,
+  .my-xl-12 {
+    margin-bottom: 120px !important; }
+  .ml-xl-12,
+  .mx-xl-12 {
+    margin-left: 120px !important; }
+  .m-xl-13 {
+    margin: 130px !important; }
+  .mt-xl-13,
+  .my-xl-13 {
+    margin-top: 130px !important; }
+  .mr-xl-13,
+  .mx-xl-13 {
+    margin-right: 130px !important; }
+  .mb-xl-13,
+  .my-xl-13 {
+    margin-bottom: 130px !important; }
+  .ml-xl-13,
+  .mx-xl-13 {
+    margin-left: 130px !important; }
+  .m-xl-14 {
+    margin: 140px !important; }
+  .mt-xl-14,
+  .my-xl-14 {
+    margin-top: 140px !important; }
+  .mr-xl-14,
+  .mx-xl-14 {
+    margin-right: 140px !important; }
+  .mb-xl-14,
+  .my-xl-14 {
+    margin-bottom: 140px !important; }
+  .ml-xl-14,
+  .mx-xl-14 {
+    margin-left: 140px !important; }
+  .m-xl-15 {
+    margin: 150px !important; }
+  .mt-xl-15,
+  .my-xl-15 {
+    margin-top: 150px !important; }
+  .mr-xl-15,
+  .mx-xl-15 {
+    margin-right: 150px !important; }
+  .mb-xl-15,
+  .my-xl-15 {
+    margin-bottom: 150px !important; }
+  .ml-xl-15,
+  .mx-xl-15 {
+    margin-left: 150px !important; }
+  .m-xl-16 {
+    margin: 160px !important; }
+  .mt-xl-16,
+  .my-xl-16 {
+    margin-top: 160px !important; }
+  .mr-xl-16,
+  .mx-xl-16 {
+    margin-right: 160px !important; }
+  .mb-xl-16,
+  .my-xl-16 {
+    margin-bottom: 160px !important; }
+  .ml-xl-16,
+  .mx-xl-16 {
+    margin-left: 160px !important; }
+  .m-xl-17 {
+    margin: 170px !important; }
+  .mt-xl-17,
+  .my-xl-17 {
+    margin-top: 170px !important; }
+  .mr-xl-17,
+  .mx-xl-17 {
+    margin-right: 170px !important; }
+  .mb-xl-17,
+  .my-xl-17 {
+    margin-bottom: 170px !important; }
+  .ml-xl-17,
+  .mx-xl-17 {
+    margin-left: 170px !important; }
+  .m-xl-18 {
+    margin: 180px !important; }
+  .mt-xl-18,
+  .my-xl-18 {
+    margin-top: 180px !important; }
+  .mr-xl-18,
+  .mx-xl-18 {
+    margin-right: 180px !important; }
+  .mb-xl-18,
+  .my-xl-18 {
+    margin-bottom: 180px !important; }
+  .ml-xl-18,
+  .mx-xl-18 {
+    margin-left: 180px !important; }
+  .m-xl-19 {
+    margin: 190px !important; }
+  .mt-xl-19,
+  .my-xl-19 {
+    margin-top: 190px !important; }
+  .mr-xl-19,
+  .mx-xl-19 {
+    margin-right: 190px !important; }
+  .mb-xl-19,
+  .my-xl-19 {
+    margin-bottom: 190px !important; }
+  .ml-xl-19,
+  .mx-xl-19 {
+    margin-left: 190px !important; }
+  .m-xl-20 {
+    margin: 200px !important; }
+  .mt-xl-20,
+  .my-xl-20 {
+    margin-top: 200px !important; }
+  .mr-xl-20,
+  .mx-xl-20 {
+    margin-right: 200px !important; }
+  .mb-xl-20,
+  .my-xl-20 {
+    margin-bottom: 200px !important; }
+  .ml-xl-20,
+  .mx-xl-20 {
+    margin-left: 200px !important; }
+  .p-xl-0 {
+    padding: 0 !important; }
+  .pt-xl-0,
+  .py-xl-0 {
+    padding-top: 0 !important; }
+  .pr-xl-0,
+  .px-xl-0 {
+    padding-right: 0 !important; }
+  .pb-xl-0,
+  .py-xl-0 {
+    padding-bottom: 0 !important; }
+  .pl-xl-0,
+  .px-xl-0 {
+    padding-left: 0 !important; }
+  .p-xl-1 {
+    padding: 10px !important; }
+  .pt-xl-1,
+  .py-xl-1 {
+    padding-top: 10px !important; }
+  .pr-xl-1,
+  .px-xl-1 {
+    padding-right: 10px !important; }
+  .pb-xl-1,
+  .py-xl-1 {
+    padding-bottom: 10px !important; }
+  .pl-xl-1,
+  .px-xl-1 {
+    padding-left: 10px !important; }
+  .p-xl-2 {
+    padding: 20px !important; }
+  .pt-xl-2,
+  .py-xl-2 {
+    padding-top: 20px !important; }
+  .pr-xl-2,
+  .px-xl-2 {
+    padding-right: 20px !important; }
+  .pb-xl-2,
+  .py-xl-2 {
+    padding-bottom: 20px !important; }
+  .pl-xl-2,
+  .px-xl-2 {
+    padding-left: 20px !important; }
+  .p-xl-3 {
+    padding: 30px !important; }
+  .pt-xl-3,
+  .py-xl-3 {
+    padding-top: 30px !important; }
+  .pr-xl-3,
+  .px-xl-3 {
+    padding-right: 30px !important; }
+  .pb-xl-3,
+  .py-xl-3 {
+    padding-bottom: 30px !important; }
+  .pl-xl-3,
+  .px-xl-3 {
+    padding-left: 30px !important; }
+  .p-xl-4 {
+    padding: 40px !important; }
+  .pt-xl-4,
+  .py-xl-4 {
+    padding-top: 40px !important; }
+  .pr-xl-4,
+  .px-xl-4 {
+    padding-right: 40px !important; }
+  .pb-xl-4,
+  .py-xl-4 {
+    padding-bottom: 40px !important; }
+  .pl-xl-4,
+  .px-xl-4 {
+    padding-left: 40px !important; }
+  .p-xl-5 {
+    padding: 50px !important; }
+  .pt-xl-5,
+  .py-xl-5 {
+    padding-top: 50px !important; }
+  .pr-xl-5,
+  .px-xl-5 {
+    padding-right: 50px !important; }
+  .pb-xl-5,
+  .py-xl-5 {
+    padding-bottom: 50px !important; }
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 50px !important; }
+  .p-xl-6 {
+    padding: 60px !important; }
+  .pt-xl-6,
+  .py-xl-6 {
+    padding-top: 60px !important; }
+  .pr-xl-6,
+  .px-xl-6 {
+    padding-right: 60px !important; }
+  .pb-xl-6,
+  .py-xl-6 {
+    padding-bottom: 60px !important; }
+  .pl-xl-6,
+  .px-xl-6 {
+    padding-left: 60px !important; }
+  .p-xl-7 {
+    padding: 70px !important; }
+  .pt-xl-7,
+  .py-xl-7 {
+    padding-top: 70px !important; }
+  .pr-xl-7,
+  .px-xl-7 {
+    padding-right: 70px !important; }
+  .pb-xl-7,
+  .py-xl-7 {
+    padding-bottom: 70px !important; }
+  .pl-xl-7,
+  .px-xl-7 {
+    padding-left: 70px !important; }
+  .p-xl-8 {
+    padding: 80px !important; }
+  .pt-xl-8,
+  .py-xl-8 {
+    padding-top: 80px !important; }
+  .pr-xl-8,
+  .px-xl-8 {
+    padding-right: 80px !important; }
+  .pb-xl-8,
+  .py-xl-8 {
+    padding-bottom: 80px !important; }
+  .pl-xl-8,
+  .px-xl-8 {
+    padding-left: 80px !important; }
+  .p-xl-9 {
+    padding: 90px !important; }
+  .pt-xl-9,
+  .py-xl-9 {
+    padding-top: 90px !important; }
+  .pr-xl-9,
+  .px-xl-9 {
+    padding-right: 90px !important; }
+  .pb-xl-9,
+  .py-xl-9 {
+    padding-bottom: 90px !important; }
+  .pl-xl-9,
+  .px-xl-9 {
+    padding-left: 90px !important; }
+  .p-xl-10 {
+    padding: 100px !important; }
+  .pt-xl-10,
+  .py-xl-10 {
+    padding-top: 100px !important; }
+  .pr-xl-10,
+  .px-xl-10 {
+    padding-right: 100px !important; }
+  .pb-xl-10,
+  .py-xl-10 {
+    padding-bottom: 100px !important; }
+  .pl-xl-10,
+  .px-xl-10 {
+    padding-left: 100px !important; }
+  .p-xl-11 {
+    padding: 110px !important; }
+  .pt-xl-11,
+  .py-xl-11 {
+    padding-top: 110px !important; }
+  .pr-xl-11,
+  .px-xl-11 {
+    padding-right: 110px !important; }
+  .pb-xl-11,
+  .py-xl-11 {
+    padding-bottom: 110px !important; }
+  .pl-xl-11,
+  .px-xl-11 {
+    padding-left: 110px !important; }
+  .p-xl-12 {
+    padding: 120px !important; }
+  .pt-xl-12,
+  .py-xl-12 {
+    padding-top: 120px !important; }
+  .pr-xl-12,
+  .px-xl-12 {
+    padding-right: 120px !important; }
+  .pb-xl-12,
+  .py-xl-12 {
+    padding-bottom: 120px !important; }
+  .pl-xl-12,
+  .px-xl-12 {
+    padding-left: 120px !important; }
+  .p-xl-13 {
+    padding: 130px !important; }
+  .pt-xl-13,
+  .py-xl-13 {
+    padding-top: 130px !important; }
+  .pr-xl-13,
+  .px-xl-13 {
+    padding-right: 130px !important; }
+  .pb-xl-13,
+  .py-xl-13 {
+    padding-bottom: 130px !important; }
+  .pl-xl-13,
+  .px-xl-13 {
+    padding-left: 130px !important; }
+  .p-xl-14 {
+    padding: 140px !important; }
+  .pt-xl-14,
+  .py-xl-14 {
+    padding-top: 140px !important; }
+  .pr-xl-14,
+  .px-xl-14 {
+    padding-right: 140px !important; }
+  .pb-xl-14,
+  .py-xl-14 {
+    padding-bottom: 140px !important; }
+  .pl-xl-14,
+  .px-xl-14 {
+    padding-left: 140px !important; }
+  .p-xl-15 {
+    padding: 150px !important; }
+  .pt-xl-15,
+  .py-xl-15 {
+    padding-top: 150px !important; }
+  .pr-xl-15,
+  .px-xl-15 {
+    padding-right: 150px !important; }
+  .pb-xl-15,
+  .py-xl-15 {
+    padding-bottom: 150px !important; }
+  .pl-xl-15,
+  .px-xl-15 {
+    padding-left: 150px !important; }
+  .p-xl-16 {
+    padding: 160px !important; }
+  .pt-xl-16,
+  .py-xl-16 {
+    padding-top: 160px !important; }
+  .pr-xl-16,
+  .px-xl-16 {
+    padding-right: 160px !important; }
+  .pb-xl-16,
+  .py-xl-16 {
+    padding-bottom: 160px !important; }
+  .pl-xl-16,
+  .px-xl-16 {
+    padding-left: 160px !important; }
+  .p-xl-17 {
+    padding: 170px !important; }
+  .pt-xl-17,
+  .py-xl-17 {
+    padding-top: 170px !important; }
+  .pr-xl-17,
+  .px-xl-17 {
+    padding-right: 170px !important; }
+  .pb-xl-17,
+  .py-xl-17 {
+    padding-bottom: 170px !important; }
+  .pl-xl-17,
+  .px-xl-17 {
+    padding-left: 170px !important; }
+  .p-xl-18 {
+    padding: 180px !important; }
+  .pt-xl-18,
+  .py-xl-18 {
+    padding-top: 180px !important; }
+  .pr-xl-18,
+  .px-xl-18 {
+    padding-right: 180px !important; }
+  .pb-xl-18,
+  .py-xl-18 {
+    padding-bottom: 180px !important; }
+  .pl-xl-18,
+  .px-xl-18 {
+    padding-left: 180px !important; }
+  .p-xl-19 {
+    padding: 190px !important; }
+  .pt-xl-19,
+  .py-xl-19 {
+    padding-top: 190px !important; }
+  .pr-xl-19,
+  .px-xl-19 {
+    padding-right: 190px !important; }
+  .pb-xl-19,
+  .py-xl-19 {
+    padding-bottom: 190px !important; }
+  .pl-xl-19,
+  .px-xl-19 {
+    padding-left: 190px !important; }
+  .p-xl-20 {
+    padding: 200px !important; }
+  .pt-xl-20,
+  .py-xl-20 {
+    padding-top: 200px !important; }
+  .pr-xl-20,
+  .px-xl-20 {
+    padding-right: 200px !important; }
+  .pb-xl-20,
+  .py-xl-20 {
+    padding-bottom: 200px !important; }
+  .pl-xl-20,
+  .px-xl-20 {
+    padding-left: 200px !important; }
+  .m-xl-auto {
+    margin: auto !important; }
+  .mt-xl-auto,
+  .my-xl-auto {
+    margin-top: auto !important; }
+  .mr-xl-auto,
+  .mx-xl-auto {
+    margin-right: auto !important; }
+  .mb-xl-auto,
+  .my-xl-auto {
+    margin-bottom: auto !important; }
+  .ml-xl-auto,
+  .mx-xl-auto {
+    margin-left: auto !important; } }
+
+.text-justify {
+  text-align: justify !important; }
+
+.text-nowrap {
+  white-space: nowrap !important; }
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.text-left {
+  text-align: left !important; }
+
+.text-right {
+  text-align: right !important; }
+
+.text-center {
+  text-align: center !important; }
+
+@media (min-width: 576px) {
+  .text-sm-left {
+    text-align: left !important; }
+  .text-sm-right {
+    text-align: right !important; }
+  .text-sm-center {
+    text-align: center !important; } }
+
+@media (min-width: 768px) {
+  .text-md-left {
+    text-align: left !important; }
+  .text-md-right {
+    text-align: right !important; }
+  .text-md-center {
+    text-align: center !important; } }
+
+@media (min-width: 992px) {
+  .text-lg-left {
+    text-align: left !important; }
+  .text-lg-right {
+    text-align: right !important; }
+  .text-lg-center {
+    text-align: center !important; } }
+
+@media (min-width: 1300px) {
+  .text-xl-left {
+    text-align: left !important; }
+  .text-xl-right {
+    text-align: right !important; }
+  .text-xl-center {
+    text-align: center !important; } }
+
+.text-lowercase {
+  text-transform: lowercase !important; }
+
+.text-uppercase {
+  text-transform: uppercase !important; }
+
+.text-capitalize {
+  text-transform: capitalize !important; }
+
+.font-weight-light {
+  font-weight: 300 !important; }
+
+.font-weight-normal {
+  font-weight: 400 !important; }
+
+.font-weight-bold {
+  font-weight: 400 !important; }
+
+.font-italic {
+  font-style: italic !important; }
+
+.text-white {
+  color: #fff !important; }
+
+.text-primary {
+  color: #1de9b6 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+  color: #13c095 !important; }
+
+.text-secondary {
+  color: #ffca28 !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+  color: #f4b800 !important; }
+
+.text-success {
+  color: #28a745 !important; }
+
+a.text-success:hover, a.text-success:focus {
+  color: #1e7e34 !important; }
+
+.text-info {
+  color: #17a2b8 !important; }
+
+a.text-info:hover, a.text-info:focus {
+  color: #117a8b !important; }
+
+.text-warning {
+  color: #ffc107 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+  color: #d39e00 !important; }
+
+.text-danger {
+  color: #dc3545 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+  color: #bd2130 !important; }
+
+.text-light {
+  color: #f8f9fa !important; }
+
+a.text-light:hover, a.text-light:focus {
+  color: #dae0e5 !important; }
+
+.text-dark {
+  color: #343a40 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+  color: #1d2124 !important; }
+
+.text-muted {
+  color: #6c757d !important; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.visible {
+  visibility: visible !important; }
+
+.invisible {
+  visibility: hidden !important; }
+
+.container {
+  width: 100%;
+  padding-right: 10px;
+  padding-left: 10px;
+  margin-right: auto;
+  margin-left: auto; }
+  @media (min-width: 576px) {
+    .container {
+      max-width: 540px; } }
+  @media (min-width: 768px) {
+    .container {
+      max-width: 720px; } }
+  @media (min-width: 992px) {
+    .container {
+      max-width: 960px; } }
+  @media (min-width: 1300px) {
+    .container {
+      max-width: 1140px; } }
+
+.container-fluid {
+  width: 100%;
+  padding-right: 10px;
+  padding-left: 10px;
+  margin-right: auto;
+  margin-left: auto; }
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -10px;
+  margin-left: -10px; }
+
+.no-gutters {
+  margin-right: 0;
+  margin-left: 0; }
+  .no-gutters > .col,
+  .no-gutters > [class*="col-"] {
+    padding-right: 0;
+    padding-left: 0; }
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
+.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+  position: relative;
+  width: 100%;
+  min-height: 1px;
+  padding-right: 10px;
+  padding-left: 10px; }
+
+.col {
+  flex-basis: 0;
+  flex-grow: 1;
+  max-width: 100%; }
+
+.col-auto {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: none; }
+
+.col-1 {
+  flex: 0 0 8.33333333%;
+  max-width: 8.33333333%; }
+
+.col-2 {
+  flex: 0 0 16.66666667%;
+  max-width: 16.66666667%; }
+
+.col-3 {
+  flex: 0 0 25%;
+  max-width: 25%; }
+
+.col-4 {
+  flex: 0 0 33.33333333%;
+  max-width: 33.33333333%; }
+
+.col-5 {
+  flex: 0 0 41.66666667%;
+  max-width: 41.66666667%; }
+
+.col-6 {
+  flex: 0 0 50%;
+  max-width: 50%; }
+
+.col-7 {
+  flex: 0 0 58.33333333%;
+  max-width: 58.33333333%; }
+
+.col-8 {
+  flex: 0 0 66.66666667%;
+  max-width: 66.66666667%; }
+
+.col-9 {
+  flex: 0 0 75%;
+  max-width: 75%; }
+
+.col-10 {
+  flex: 0 0 83.33333333%;
+  max-width: 83.33333333%; }
+
+.col-11 {
+  flex: 0 0 91.66666667%;
+  max-width: 91.66666667%; }
+
+.col-12 {
+  flex: 0 0 100%;
+  max-width: 100%; }
+
+.order-first {
+  order: -1; }
+
+.order-last {
+  order: 13; }
+
+.order-0 {
+  order: 0; }
+
+.order-1 {
+  order: 1; }
+
+.order-2 {
+  order: 2; }
+
+.order-3 {
+  order: 3; }
+
+.order-4 {
+  order: 4; }
+
+.order-5 {
+  order: 5; }
+
+.order-6 {
+  order: 6; }
+
+.order-7 {
+  order: 7; }
+
+.order-8 {
+  order: 8; }
+
+.order-9 {
+  order: 9; }
+
+.order-10 {
+  order: 10; }
+
+.order-11 {
+  order: 11; }
+
+.order-12 {
+  order: 12; }
+
+.offset-1 {
+  margin-left: 8.33333333%; }
+
+.offset-2 {
+  margin-left: 16.66666667%; }
+
+.offset-3 {
+  margin-left: 25%; }
+
+.offset-4 {
+  margin-left: 33.33333333%; }
+
+.offset-5 {
+  margin-left: 41.66666667%; }
+
+.offset-6 {
+  margin-left: 50%; }
+
+.offset-7 {
+  margin-left: 58.33333333%; }
+
+.offset-8 {
+  margin-left: 66.66666667%; }
+
+.offset-9 {
+  margin-left: 75%; }
+
+.offset-10 {
+  margin-left: 83.33333333%; }
+
+.offset-11 {
+  margin-left: 91.66666667%; }
+
+@media (min-width: 576px) {
+  .col-sm {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+  .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+  .col-sm-1 {
+    flex: 0 0 8.33333333%;
+    max-width: 8.33333333%; }
+  .col-sm-2 {
+    flex: 0 0 16.66666667%;
+    max-width: 16.66666667%; }
+  .col-sm-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+  .col-sm-4 {
+    flex: 0 0 33.33333333%;
+    max-width: 33.33333333%; }
+  .col-sm-5 {
+    flex: 0 0 41.66666667%;
+    max-width: 41.66666667%; }
+  .col-sm-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+  .col-sm-7 {
+    flex: 0 0 58.33333333%;
+    max-width: 58.33333333%; }
+  .col-sm-8 {
+    flex: 0 0 66.66666667%;
+    max-width: 66.66666667%; }
+  .col-sm-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+  .col-sm-10 {
+    flex: 0 0 83.33333333%;
+    max-width: 83.33333333%; }
+  .col-sm-11 {
+    flex: 0 0 91.66666667%;
+    max-width: 91.66666667%; }
+  .col-sm-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+  .order-sm-first {
+    order: -1; }
+  .order-sm-last {
+    order: 13; }
+  .order-sm-0 {
+    order: 0; }
+  .order-sm-1 {
+    order: 1; }
+  .order-sm-2 {
+    order: 2; }
+  .order-sm-3 {
+    order: 3; }
+  .order-sm-4 {
+    order: 4; }
+  .order-sm-5 {
+    order: 5; }
+  .order-sm-6 {
+    order: 6; }
+  .order-sm-7 {
+    order: 7; }
+  .order-sm-8 {
+    order: 8; }
+  .order-sm-9 {
+    order: 9; }
+  .order-sm-10 {
+    order: 10; }
+  .order-sm-11 {
+    order: 11; }
+  .order-sm-12 {
+    order: 12; }
+  .offset-sm-0 {
+    margin-left: 0; }
+  .offset-sm-1 {
+    margin-left: 8.33333333%; }
+  .offset-sm-2 {
+    margin-left: 16.66666667%; }
+  .offset-sm-3 {
+    margin-left: 25%; }
+  .offset-sm-4 {
+    margin-left: 33.33333333%; }
+  .offset-sm-5 {
+    margin-left: 41.66666667%; }
+  .offset-sm-6 {
+    margin-left: 50%; }
+  .offset-sm-7 {
+    margin-left: 58.33333333%; }
+  .offset-sm-8 {
+    margin-left: 66.66666667%; }
+  .offset-sm-9 {
+    margin-left: 75%; }
+  .offset-sm-10 {
+    margin-left: 83.33333333%; }
+  .offset-sm-11 {
+    margin-left: 91.66666667%; } }
+
+@media (min-width: 768px) {
+  .col-md {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+  .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+  .col-md-1 {
+    flex: 0 0 8.33333333%;
+    max-width: 8.33333333%; }
+  .col-md-2 {
+    flex: 0 0 16.66666667%;
+    max-width: 16.66666667%; }
+  .col-md-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+  .col-md-4 {
+    flex: 0 0 33.33333333%;
+    max-width: 33.33333333%; }
+  .col-md-5 {
+    flex: 0 0 41.66666667%;
+    max-width: 41.66666667%; }
+  .col-md-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+  .col-md-7 {
+    flex: 0 0 58.33333333%;
+    max-width: 58.33333333%; }
+  .col-md-8 {
+    flex: 0 0 66.66666667%;
+    max-width: 66.66666667%; }
+  .col-md-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+  .col-md-10 {
+    flex: 0 0 83.33333333%;
+    max-width: 83.33333333%; }
+  .col-md-11 {
+    flex: 0 0 91.66666667%;
+    max-width: 91.66666667%; }
+  .col-md-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+  .order-md-first {
+    order: -1; }
+  .order-md-last {
+    order: 13; }
+  .order-md-0 {
+    order: 0; }
+  .order-md-1 {
+    order: 1; }
+  .order-md-2 {
+    order: 2; }
+  .order-md-3 {
+    order: 3; }
+  .order-md-4 {
+    order: 4; }
+  .order-md-5 {
+    order: 5; }
+  .order-md-6 {
+    order: 6; }
+  .order-md-7 {
+    order: 7; }
+  .order-md-8 {
+    order: 8; }
+  .order-md-9 {
+    order: 9; }
+  .order-md-10 {
+    order: 10; }
+  .order-md-11 {
+    order: 11; }
+  .order-md-12 {
+    order: 12; }
+  .offset-md-0 {
+    margin-left: 0; }
+  .offset-md-1 {
+    margin-left: 8.33333333%; }
+  .offset-md-2 {
+    margin-left: 16.66666667%; }
+  .offset-md-3 {
+    margin-left: 25%; }
+  .offset-md-4 {
+    margin-left: 33.33333333%; }
+  .offset-md-5 {
+    margin-left: 41.66666667%; }
+  .offset-md-6 {
+    margin-left: 50%; }
+  .offset-md-7 {
+    margin-left: 58.33333333%; }
+  .offset-md-8 {
+    margin-left: 66.66666667%; }
+  .offset-md-9 {
+    margin-left: 75%; }
+  .offset-md-10 {
+    margin-left: 83.33333333%; }
+  .offset-md-11 {
+    margin-left: 91.66666667%; } }
+
+@media (min-width: 992px) {
+  .col-lg {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+  .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+  .col-lg-1 {
+    flex: 0 0 8.33333333%;
+    max-width: 8.33333333%; }
+  .col-lg-2 {
+    flex: 0 0 16.66666667%;
+    max-width: 16.66666667%; }
+  .col-lg-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+  .col-lg-4 {
+    flex: 0 0 33.33333333%;
+    max-width: 33.33333333%; }
+  .col-lg-5 {
+    flex: 0 0 41.66666667%;
+    max-width: 41.66666667%; }
+  .col-lg-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+  .col-lg-7 {
+    flex: 0 0 58.33333333%;
+    max-width: 58.33333333%; }
+  .col-lg-8 {
+    flex: 0 0 66.66666667%;
+    max-width: 66.66666667%; }
+  .col-lg-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+  .col-lg-10 {
+    flex: 0 0 83.33333333%;
+    max-width: 83.33333333%; }
+  .col-lg-11 {
+    flex: 0 0 91.66666667%;
+    max-width: 91.66666667%; }
+  .col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+  .order-lg-first {
+    order: -1; }
+  .order-lg-last {
+    order: 13; }
+  .order-lg-0 {
+    order: 0; }
+  .order-lg-1 {
+    order: 1; }
+  .order-lg-2 {
+    order: 2; }
+  .order-lg-3 {
+    order: 3; }
+  .order-lg-4 {
+    order: 4; }
+  .order-lg-5 {
+    order: 5; }
+  .order-lg-6 {
+    order: 6; }
+  .order-lg-7 {
+    order: 7; }
+  .order-lg-8 {
+    order: 8; }
+  .order-lg-9 {
+    order: 9; }
+  .order-lg-10 {
+    order: 10; }
+  .order-lg-11 {
+    order: 11; }
+  .order-lg-12 {
+    order: 12; }
+  .offset-lg-0 {
+    margin-left: 0; }
+  .offset-lg-1 {
+    margin-left: 8.33333333%; }
+  .offset-lg-2 {
+    margin-left: 16.66666667%; }
+  .offset-lg-3 {
+    margin-left: 25%; }
+  .offset-lg-4 {
+    margin-left: 33.33333333%; }
+  .offset-lg-5 {
+    margin-left: 41.66666667%; }
+  .offset-lg-6 {
+    margin-left: 50%; }
+  .offset-lg-7 {
+    margin-left: 58.33333333%; }
+  .offset-lg-8 {
+    margin-left: 66.66666667%; }
+  .offset-lg-9 {
+    margin-left: 75%; }
+  .offset-lg-10 {
+    margin-left: 83.33333333%; }
+  .offset-lg-11 {
+    margin-left: 91.66666667%; } }
+
+@media (min-width: 1300px) {
+  .col-xl {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+  .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+  .col-xl-1 {
+    flex: 0 0 8.33333333%;
+    max-width: 8.33333333%; }
+  .col-xl-2 {
+    flex: 0 0 16.66666667%;
+    max-width: 16.66666667%; }
+  .col-xl-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+  .col-xl-4 {
+    flex: 0 0 33.33333333%;
+    max-width: 33.33333333%; }
+  .col-xl-5 {
+    flex: 0 0 41.66666667%;
+    max-width: 41.66666667%; }
+  .col-xl-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+  .col-xl-7 {
+    flex: 0 0 58.33333333%;
+    max-width: 58.33333333%; }
+  .col-xl-8 {
+    flex: 0 0 66.66666667%;
+    max-width: 66.66666667%; }
+  .col-xl-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+  .col-xl-10 {
+    flex: 0 0 83.33333333%;
+    max-width: 83.33333333%; }
+  .col-xl-11 {
+    flex: 0 0 91.66666667%;
+    max-width: 91.66666667%; }
+  .col-xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+  .order-xl-first {
+    order: -1; }
+  .order-xl-last {
+    order: 13; }
+  .order-xl-0 {
+    order: 0; }
+  .order-xl-1 {
+    order: 1; }
+  .order-xl-2 {
+    order: 2; }
+  .order-xl-3 {
+    order: 3; }
+  .order-xl-4 {
+    order: 4; }
+  .order-xl-5 {
+    order: 5; }
+  .order-xl-6 {
+    order: 6; }
+  .order-xl-7 {
+    order: 7; }
+  .order-xl-8 {
+    order: 8; }
+  .order-xl-9 {
+    order: 9; }
+  .order-xl-10 {
+    order: 10; }
+  .order-xl-11 {
+    order: 11; }
+  .order-xl-12 {
+    order: 12; }
+  .offset-xl-0 {
+    margin-left: 0; }
+  .offset-xl-1 {
+    margin-left: 8.33333333%; }
+  .offset-xl-2 {
+    margin-left: 16.66666667%; }
+  .offset-xl-3 {
+    margin-left: 25%; }
+  .offset-xl-4 {
+    margin-left: 33.33333333%; }
+  .offset-xl-5 {
+    margin-left: 41.66666667%; }
+  .offset-xl-6 {
+    margin-left: 50%; }
+  .offset-xl-7 {
+    margin-left: 58.33333333%; }
+  .offset-xl-8 {
+    margin-left: 66.66666667%; }
+  .offset-xl-9 {
+    margin-left: 75%; }
+  .offset-xl-10 {
+    margin-left: 83.33333333%; }
+  .offset-xl-11 {
+    margin-left: 91.66666667%; } }
+
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 1rem;
+  background-color: transparent; }
+  .table th,
+  .table td {
+    padding: 0.75rem;
+    vertical-align: top;
+    border-top: 1px solid #dee2e6; }
+  .table thead th {
+    vertical-align: bottom;
+    border-bottom: 2px solid #dee2e6; }
+  .table tbody + tbody {
+    border-top: 2px solid #dee2e6; }
+  .table .table {
+    background-color: #fff; }
+
+.table-sm th,
+.table-sm td {
+  padding: 0.3rem; }
+
+.table-bordered {
+  border: 1px solid #dee2e6; }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #dee2e6; }
+  .table-bordered thead th,
+  .table-bordered thead td {
+    border-bottom-width: 2px; }
+
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(33, 37, 41, 0.05); }
+
+.table-hover tbody tr:hover {
+  background-color: rgba(33, 37, 41, 0.075); }
+
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+  background-color: #c0f9eb; }
+
+.table-hover .table-primary:hover {
+  background-color: #a9f7e4; }
+  .table-hover .table-primary:hover > td,
+  .table-hover .table-primary:hover > th {
+    background-color: #a9f7e4; }
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+  background-color: #fff0c3; }
+
+.table-hover .table-secondary:hover {
+  background-color: #ffeaaa; }
+  .table-hover .table-secondary:hover > td,
+  .table-hover .table-secondary:hover > th {
+    background-color: #ffeaaa; }
+
+.table-success,
+.table-success > th,
+.table-success > td {
+  background-color: #c3e6cb; }
+
+.table-hover .table-success:hover {
+  background-color: #b1dfbb; }
+  .table-hover .table-success:hover > td,
+  .table-hover .table-success:hover > th {
+    background-color: #b1dfbb; }
+
+.table-info,
+.table-info > th,
+.table-info > td {
+  background-color: #bee5eb; }
+
+.table-hover .table-info:hover {
+  background-color: #abdde5; }
+  .table-hover .table-info:hover > td,
+  .table-hover .table-info:hover > th {
+    background-color: #abdde5; }
+
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+  background-color: #ffeeba; }
+
+.table-hover .table-warning:hover {
+  background-color: #ffe8a1; }
+  .table-hover .table-warning:hover > td,
+  .table-hover .table-warning:hover > th {
+    background-color: #ffe8a1; }
+
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+  background-color: #f5c6cb; }
+
+.table-hover .table-danger:hover {
+  background-color: #f1b0b7; }
+  .table-hover .table-danger:hover > td,
+  .table-hover .table-danger:hover > th {
+    background-color: #f1b0b7; }
+
+.table-light,
+.table-light > th,
+.table-light > td {
+  background-color: #fdfdfe; }
+
+.table-hover .table-light:hover {
+  background-color: #ececf6; }
+  .table-hover .table-light:hover > td,
+  .table-hover .table-light:hover > th {
+    background-color: #ececf6; }
+
+.table-dark,
+.table-dark > th,
+.table-dark > td {
+  background-color: #c6c8ca; }
+
+.table-hover .table-dark:hover {
+  background-color: #b9bbbe; }
+  .table-hover .table-dark:hover > td,
+  .table-hover .table-dark:hover > th {
+    background-color: #b9bbbe; }
+
+.table-active,
+.table-active > th,
+.table-active > td {
+  background-color: rgba(33, 37, 41, 0.075); }
+
+.table-hover .table-active:hover {
+  background-color: rgba(22, 24, 27, 0.075); }
+  .table-hover .table-active:hover > td,
+  .table-hover .table-active:hover > th {
+    background-color: rgba(22, 24, 27, 0.075); }
+
+.table .thead-dark th {
+  color: #fff;
+  background-color: #212529;
+  border-color: #32383e; }
+
+.table .thead-light th {
+  color: #495057;
+  background-color: #e9ecef;
+  border-color: #dee2e6; }
+
+.table-dark {
+  color: #fff;
+  background-color: #212529; }
+  .table-dark th,
+  .table-dark td,
+  .table-dark thead th {
+    border-color: #32383e; }
+  .table-dark.table-bordered {
+    border: 0; }
+  .table-dark.table-striped tbody tr:nth-of-type(odd) {
+    background-color: rgba(255, 255, 255, 0.05); }
+  .table-dark.table-hover tbody tr:hover {
+    background-color: rgba(255, 255, 255, 0.075); }
+
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-sm > .table-bordered {
+      border: 0; } }
+
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-md > .table-bordered {
+      border: 0; } }
+
+@media (max-width: 991.98px) {
+  .table-responsive-lg {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-lg > .table-bordered {
+      border: 0; } }
+
+@media (max-width: 1299.98px) {
+  .table-responsive-xl {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-xl > .table-bordered {
+      border: 0; } }
+
+.table-responsive {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar; }
+  .table-responsive > .table-bordered {
+    border: 0; }
+
+/*!
+ * Hamburgers
+ * @description Tasty CSS-animated hamburgers
+ * @author Jonathan Suh @jonsuh
+ * @site https://jonsuh.com/hamburgers
+ * @link https://github.com/jonsuh/hamburgers
+ */
+.hamburger {
+  padding: 15px 15px;
+  display: inline-block;
+  cursor: pointer;
+  transition-property: opacity, filter;
+  transition-duration: 0.15s;
+  transition-timing-function: linear;
+  font: inherit;
+  color: inherit;
+  text-transform: none;
+  background-color: transparent;
+  border: 0;
+  margin: 0;
+  overflow: visible; }
+  .hamburger:hover {
+    opacity: 0.7; }
+  .hamburger.is-active:hover {
+    opacity: 0.7; }
+  .hamburger.is-active .hamburger-inner,
+  .hamburger.is-active .hamburger-inner::before,
+  .hamburger.is-active .hamburger-inner::after {
+    background-color: #FFF; }
+
+.hamburger-box {
+  width: 32px;
+  height: 19px;
+  display: inline-block;
+  position: relative; }
+
+.hamburger-inner {
+  display: block;
+  top: 50%;
+  margin-top: -1.5px; }
+  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
+    width: 32px;
+    height: 3px;
+    background-color: #1de9b6;
+    border-radius: 3px;
+    position: absolute;
+    transition-property: transform;
+    transition-duration: 0.15s;
+    transition-timing-function: ease; }
+  .hamburger-inner::before, .hamburger-inner::after {
+    content: "";
+    display: block; }
+  .hamburger-inner::before {
+    top: -8px; }
+  .hamburger-inner::after {
+    bottom: -8px; }
+
+/*
+   * Slider
+   */
+.hamburger--slider .hamburger-inner {
+  top: 1.5px; }
+  .hamburger--slider .hamburger-inner::before {
+    top: 8px;
+    transition-property: transform, opacity;
+    transition-timing-function: ease;
+    transition-duration: 0.15s; }
+  .hamburger--slider .hamburger-inner::after {
+    top: 16px; }
+
+.hamburger--slider.is-active .hamburger-inner {
+  transform: translate3d(0, 8px, 0) rotate(45deg); }
+  .hamburger--slider.is-active .hamburger-inner::before {
+    transform: rotate(-45deg) translate3d(-4.57142857px, -5px, 0);
+    opacity: 0; }
+  .hamburger--slider.is-active .hamburger-inner::after {
+    transform: translate3d(0, -16px, 0) rotate(-90deg); }
+
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+  list-style: none; }
+
+.page {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column; }
+  .page .wrapper {
+    flex: 1; }
+
+.header {
+  color: #1de9b6;
+  background-color: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0 10px 0; }
+  .header .container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center; }
+  .header.header-absolute {
+    position: absolute;
+    z-index: 10;
+    width: 100%; }
+
+.lock-scroll .header.header-absolute {
+  position: static; }
+
+.footer {
+  background: #ffca28;
+  padding-top: 20px;
+  padding-bottom: 20px; }
+  .footer .footer-inner {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    align-items: flex-start; }
+    @media (min-width: 576px) {
+      .footer .footer-inner {
+        justify-content: space-between;
+        flex-direction: row;
+        align-items: center; } }
+  .footer .footer-title {
+    color: #ffffff;
+    font-size: 1.3rem;
+    font-family: "Lora", Arial, sans-serif, -apple-system;
+    margin-bottom: 10px;
+    flex: 0; }
+    @media (min-width: 576px) {
+      .footer .footer-title {
+        margin: 0;
+        flex: 0 0 120px; } }
+  .footer ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    flex: 1; }
+    .footer ul li {
+      display: block;
+      margin-right: 10px;
+      color: white;
+      font-size: 0.9rem;
+      line-height: 1.8; }
+      .footer ul li:last-of-type {
+        margin-right: 0; }
+      .footer ul li a {
+        color: white;
+        text-decoration: none; }
+        .footer ul li a:hover {
+          text-decoration: underline; }
+      .footer ul li.copyright {
+        font-weight: bold;
+        color: white;
+        display: none; }
+        @media (min-width: 768px) {
+          .footer ul li.copyright {
+            display: inline-block; } }
+    @media (min-width: 576px) {
+      .footer ul {
+        height: inherit;
+        display: flex;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        align-items: center;
+        justify-content: flex-end; }
+        .footer ul li {
+          list-style: none; }
+          .footer ul li a {
+            display: inline-block;
+            height: 40px;
+            padding: 10px 8px 10px 8px;
+            font-weight: 300; } }
+
+.sub-footer {
+  background: #f4b800;
+  padding-top: 20px;
+  padding-bottom: 20px; }
+  @media (min-width: 768px) {
+    .sub-footer {
+      padding-top: 10px;
+      padding-bottom: 10px; } }
+  .sub-footer .sub-footer-inner {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between; }
+    @media (min-width: 768px) {
+      .sub-footer .sub-footer-inner {
+        flex-direction: row; } }
+    .sub-footer .sub-footer-inner ul {
+      list-style: none;
+      margin: 0;
+      padding: 0; }
+      .sub-footer .sub-footer-inner ul li {
+        list-style: none;
+        display: block;
+        color: #fffcf4;
+        font-size: 0.9rem;
+        line-height: 1.8; }
+        .sub-footer .sub-footer-inner ul li strong {
+          font-weight: bold;
+          color: #ffffff; }
+        .sub-footer .sub-footer-inner ul li a {
+          color: #fffcf4;
+          text-decoration: none; }
+          .sub-footer .sub-footer-inner ul li a:hover {
+            text-decoration: underline; }
+        .sub-footer .sub-footer-inner ul li span {
+          display: inline-block;
+          height: 40px;
+          padding: 10px 0 10px 8px;
+          font-weight: bold;
+          color: #ffffff; }
+        .sub-footer .sub-footer-inner ul li.zerostatic a {
+          color: #ffffff; }
+      @media (min-width: 576px) {
+        .sub-footer .sub-footer-inner ul li {
+          display: inline-block;
+          margin-left: 10px; }
+          .sub-footer .sub-footer-inner ul li:first-of-type {
+            margin-left: 0; } }
+
+.logo {
+  display: none; }
+  @media (min-width: 576px) {
+    .logo {
+      display: block;
+      width: 70px; } }
+  .logo img {
+    width: 100%;
+    height: auto; }
+  .logo a {
+    display: block;
+    width: 100%;
+    height: 100%; }
+
+.logo-mobile {
+  display: block;
+  width: 40px;
+  padding: 10px 0 10px 0; }
+  @media (min-width: 576px) {
+    .logo-mobile {
+      display: none; } }
+  .logo-mobile img {
+    width: 100%;
+    height: auto; }
+  .logo-mobile a {
+    display: block;
+    width: 100%;
+    height: 100%; }
+
+.main-menu {
+  display: none; }
+  @media (min-width: 768px) {
+    .main-menu {
+      display: block; } }
+  .main-menu > ul {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    font-family: "Roboto", Arial, sans-serif, -apple-system; }
+    .main-menu > ul > li {
+      list-style: none;
+      font-size: 14px; }
+      .main-menu > ul > li > a {
+        padding: 10px 14px 10px 14px;
+        display: inline-block;
+        font-weight: normal;
+        text-decoration: none;
+        color: #1de9b6; }
+        .main-menu > ul > li > a:hover {
+          text-decoration: underline;
+          color: #1de9b6; }
+      .main-menu > ul > li.active > a {
+        font-weight: bold; }
+
+.main-menu-mobile {
+  position: fixed;
+  background: #1de9b6;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column; }
+  .main-menu-mobile.open {
+    opacity: 0.9;
+    visibility: visible;
+    height: 100%;
+    z-index: 20; }
+    .main-menu-mobile.open li {
+      animation: fadeInRight 0.5s ease forwards;
+      animation-delay: 0.35s; }
+      .main-menu-mobile.open li:nth-of-type(2) {
+        animation-delay: 0.4s; }
+      .main-menu-mobile.open li:nth-of-type(3) {
+        animation-delay: 0.45s; }
+      .main-menu-mobile.open li:nth-of-type(4) {
+        animation-delay: 0.5s; }
+      .main-menu-mobile.open li:nth-of-type(5) {
+        animation-delay: 0.55s; }
+      .main-menu-mobile.open li:nth-of-type(6) {
+        animation-delay: 0.6s; }
+  .main-menu-mobile ul {
+    font-size: 2rem;
+    font-family: "Lora", Arial, sans-serif, -apple-system;
+    text-align: center;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    flex: 0; }
+    .main-menu-mobile ul li {
+      display: block;
+      position: relative;
+      opacity: 0; }
+      .main-menu-mobile ul li a {
+        display: block;
+        position: relative;
+        color: #ffffff;
+        text-decoration: none;
+        overflow: hidden; }
+        .main-menu-mobile ul li a:hover::after, .main-menu-mobile ul li a:focus::after, .main-menu-mobile ul li a:active::after {
+          width: 100%; }
+        .main-menu-mobile ul li a::after {
+          content: '';
+          position: absolute;
+          bottom: 0;
+          left: 50%;
+          width: 0%;
+          transform: translateX(-50%);
+          height: 3px;
+          background: #ffffff;
+          transition: 0.35s; }
+
+@keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    left: 20%; }
+  100% {
+    opacity: 1;
+    left: 0; } }
+
+.lock-scroll {
+  overflow: hidden; }
+
+.docs-menu h4 {
+  font-size: 1rem;
+  font-weight: bold; }
+
+.docs-menu ul {
+  list-style: none;
+  padding: 0;
+  margin: 0; }
+  .docs-menu ul li {
+    font-size: 0.9rem;
+    line-height: 1.4;
+    font-weight: 400;
+    margin: 0;
+    padding: 4px 0 4px 0; }
+    .docs-menu ul li.active a {
+      color: #4beec5;
+      font-weight: 400; }
+    .docs-menu ul li a {
+      color: #212529; }
+      .docs-menu ul li a:hover {
+        color: #1de9b6; }
+
+.hamburger {
+  padding: 10px 0 10px 10px;
+  outline: none;
+  z-index: 30;
+  cursor: pointer; }
+  @media (min-width: 768px) {
+    .hamburger {
+      display: none; } }
+  .hamburger:focus {
+    outline: none; }
+  .hamburger .hamburger-inner,
+  .hamburger .hamburger-inner::before,
+  .hamburger .hamburger-inner::after {
+    background: #1de9b6; }
+  .hamburger .hamburger-inner::after {
+    width: 18px;
+    right: 0; }
+  .hamburger.is-active .hamburger-inner::after {
+    width: inherit;
+    right: unset; }
+
+.button {
+  white-space: nowrap;
+  display: inline-block;
+  padding: 8px 15px 6px 15px;
+  background: #1de9b6;
+  font-weight: normal;
+  text-transform: uppercase;
+  color: white;
+  text-decoration: none;
+  -webkit-transition: all 0.15s ease;
+  transition: all 0.15s ease;
+  border-radius: 3px; }
+  .button:hover {
+    color: #fff;
+    background-color: #4beec5;
+    text-decoration: none; }
+
+.button-white {
+  background: none;
+  color: #fff;
+  border: 2px solid #fff; }
+
+.title {
+  color: #222222;
+  font-size: 2.4rem;
+  line-height: 1.2;
+  font-family: "Roboto", Arial, sans-serif, -apple-system;
+  letter-spacing: -0.2px;
+  font-weight: 100;
+  margin-bottom: 30px; }
+  @media (min-width: 768px) {
+    .title {
+      font-size: 3rem; } }
+
+.content {
+  -webkit-font-smoothing: antialiased; }
+  .content pre {
+    font-family: "Roboto Mono", monospace;
+    font-size: 0.9rem;
+    line-height: 1.4;
+    margin: 0;
+    background: #f5f5f5;
+    padding: 10px;
+    border-radius: 1px;
+    color: #383f45; }
+    .content pre code {
+      font-family: "Roboto Mono", monospace;
+      font-size: 0.9rem;
+      line-height: 1.4;
+      border-radius: none;
+      padding: 0;
+      margin: 0; }
+  .content code {
+    background: #f5f5f5;
+    padding: 3px 6px;
+    border-radius: 3px;
+    color: #383f45;
+    font-family: "Roboto Mono", monospace;
+    font-size: 0.9rem;
+    line-height: 1.4; }
+  .content .highlight {
+    margin-bottom: 20px; }
+  .content ul,
+  .content ol {
+    margin-top: 10px;
+    margin-bottom: 20px; }
+    .content ul li,
+    .content ol li {
+      margin-bottom: 5px;
+      margin-left: 20px; }
+  .content a {
+    text-decoration: underline; }
+  .content p {
+    font-family: "Roboto", Arial, sans-serif, -apple-system;
+    font-size: 1rem;
+    line-height: 1.7;
+    color: #383f45;
+    font-weight: 400; }
+  .content h1 {
+    font-family: "Lora", Arial, sans-serif, -apple-system;
+    line-height: 1.2;
+    font-weight: 300;
+    margin-bottom: 20px; }
+    @media (min-width: 768px) {
+      .content h1 {
+        line-height: 1.2;
+        font-weight: 300; } }
+  .content h2 {
+    font-size: 2.2rem;
+    line-height: 1.6;
+    font-weight: 300;
+    letter-spacing: -0.01em;
+    font-family: "Roboto", Arial, sans-serif, -apple-system;
+    margin-bottom: 20px; }
+    @media (min-width: 768px) {
+      .content h2 {
+        line-height: 1.4; } }
+  .content h3 {
+    font-size: 1.34rem;
+    line-height: 1.6;
+    font-weight: 400;
+    font-family: "Roboto", Arial, sans-serif, -apple-system;
+    margin-bottom: 20px; }
+    @media (min-width: 768px) {
+      .content h3 {
+        line-height: 1.4; } }
+
+.strip {
+  background-repeat: no-repeat; }
+
+.strip-white {
+  background-color: white; }
+
+.strip-grey {
+  background-color: #f4f5fb; }
+
+.strip-diagonal {
+  transform: skewY(5deg);
+  padding-bottom: 50px;
+  margin-bottom: 65px; }
+  .strip-diagonal > div {
+    transform: skewY(-5deg); }
+
+.strip-primary-gradient {
+  background-image: linear-gradient(to right, #1de9b6, #ffca28); }
+
+.strip-primary-gradient-top-bottom {
+  background-image: linear-gradient(to bottom, #1de9b6, #ffca28); }
+
+.strip-primary {
+  background-color: #1de9b6; }
+
+.strip-secondary {
+  background-color: #ffca28; }
+
+.strip-diagonal-right {
+  margin-top: -100px;
+  transform: skewY(-5deg);
+  padding-bottom: 100px; }
+  .strip-diagonal-right > div {
+    transform: skewY(5deg); }
+
+.strip-diagonal-left {
+  margin-top: -100px;
+  transform: skewY(5deg);
+  padding-bottom: 100px; }
+  .strip-diagonal-left > div {
+    transform: skewY(-5deg); }
+
+.strip-bg-contain {
+  background-size: contain; }
+
+.strip-bg-cover {
+  background-size: cover; }
+
+.whitebox {
+  border: 1px solid #dcdcdc;
+  border-radius: 3px;
+  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2);
+  background: #ffffff;
+  padding: 10px; }
+
+.highlight .hll {
+  background-color: #ffffcc; }
+
+.highlight .c {
+  color: #999988;
+  font-style: italic; }
+
+/* Comment */
+.highlight .err {
+  color: #a61717;
+  background-color: #e3d2d2; }
+
+/* Error */
+.highlight .k {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword */
+.highlight .o {
+  color: #000000;
+  font-weight: bold; }
+
+/* Operator */
+.highlight .cm {
+  color: #999988;
+  font-style: italic; }
+
+/* Comment.Multiline */
+.highlight .cp {
+  color: #999999;
+  font-weight: bold;
+  font-style: italic; }
+
+/* Comment.Preproc */
+.highlight .c1 {
+  color: #999988;
+  font-style: italic; }
+
+/* Comment.Single */
+.highlight .cs {
+  color: #999999;
+  font-weight: bold;
+  font-style: italic; }
+
+/* Comment.Special */
+.highlight .gd {
+  color: #000000;
+  background-color: #ffdddd; }
+
+/* Generic.Deleted */
+.highlight .ge {
+  color: #000000;
+  font-style: italic; }
+
+/* Generic.Emph */
+.highlight .gr {
+  color: #aa0000; }
+
+/* Generic.Error */
+.highlight .gh {
+  color: #999999; }
+
+/* Generic.Heading */
+.highlight .gi {
+  color: #000000;
+  background-color: #ddffdd; }
+
+/* Generic.Inserted */
+.highlight .go {
+  color: #888888; }
+
+/* Generic.Output */
+.highlight .gp {
+  color: #555555; }
+
+/* Generic.Prompt */
+.highlight .gs {
+  font-weight: bold; }
+
+/* Generic.Strong */
+.highlight .gu {
+  color: #aaaaaa; }
+
+/* Generic.Subheading */
+.highlight .gt {
+  color: #aa0000; }
+
+/* Generic.Traceback */
+.highlight .kc {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Constant */
+.highlight .kd {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Declaration */
+.highlight .kn {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Namespace */
+.highlight .kp {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Pseudo */
+.highlight .kr {
+  color: #000000;
+  font-weight: bold; }
+
+/* Keyword.Reserved */
+.highlight .kt {
+  color: #445588;
+  font-weight: bold; }
+
+/* Keyword.Type */
+.highlight .m {
+  color: #009999; }
+
+/* Literal.Number */
+.highlight .s {
+  color: #d01040; }
+
+/* Literal.String */
+.highlight .na {
+  color: #008080; }
+
+/* Name.Attribute */
+.highlight .nb {
+  color: #0086b3; }
+
+/* Name.Builtin */
+.highlight .nc {
+  color: #445588;
+  font-weight: bold; }
+
+/* Name.Class */
+.highlight .no {
+  color: #008080; }
+
+/* Name.Constant */
+.highlight .nd {
+  color: #3c5d5d;
+  font-weight: bold; }
+
+/* Name.Decorator */
+.highlight .ni {
+  color: #800080; }
+
+/* Name.Entity */
+.highlight .ne {
+  color: #990000;
+  font-weight: bold; }
+
+/* Name.Exception */
+.highlight .nf {
+  color: #990000;
+  font-weight: bold; }
+
+/* Name.Function */
+.highlight .nl {
+  color: #990000;
+  font-weight: bold; }
+
+/* Name.Label */
+.highlight .nn {
+  color: #555555; }
+
+/* Name.Namespace */
+.highlight .nt {
+  color: #000080; }
+
+/* Name.Tag */
+.highlight .nv {
+  color: #008080; }
+
+/* Name.Variable */
+.highlight .ow {
+  color: #000000;
+  font-weight: bold; }
+
+/* Operator.Word */
+.highlight .w {
+  color: #bbbbbb; }
+
+/* Text.Whitespace */
+.highlight .mf {
+  color: #009999; }
+
+/* Literal.Number.Float */
+.highlight .mh {
+  color: #009999; }
+
+/* Literal.Number.Hex */
+.highlight .mi {
+  color: #009999; }
+
+/* Literal.Number.Integer */
+.highlight .mo {
+  color: #009999; }
+
+/* Literal.Number.Oct */
+.highlight .sb {
+  color: #d01040; }
+
+/* Literal.String.Backtick */
+.highlight .sc {
+  color: #d01040; }
+
+/* Literal.String.Char */
+.highlight .sd {
+  color: #d01040; }
+
+/* Literal.String.Doc */
+.highlight .s2 {
+  color: #d01040; }
+
+/* Literal.String.Double */
+.highlight .se {
+  color: #d01040; }
+
+/* Literal.String.Escape */
+.highlight .sh {
+  color: #d01040; }
+
+/* Literal.String.Heredoc */
+.highlight .si {
+  color: #d01040; }
+
+/* Literal.String.Interpol */
+.highlight .sx {
+  color: #d01040; }
+
+/* Literal.String.Other */
+.highlight .sr {
+  color: #009926; }
+
+/* Literal.String.Regex */
+.highlight .s1 {
+  color: #d01040; }
+
+/* Literal.String.Single */
+.highlight .ss {
+  color: #990073; }
+
+/* Literal.String.Symbol */
+.highlight .bp {
+  color: #999999; }
+
+/* Name.Builtin.Pseudo */
+.highlight .vc {
+  color: #008080; }
+
+/* Name.Variable.Class */
+.highlight .vg {
+  color: #008080; }
+
+/* Name.Variable.Global */
+.highlight .vi {
+  color: #008080; }
+
+/* Name.Variable.Instance */
+.highlight .il {
+  color: #009999; }
+
+/* Literal.Number.Integer.Long */
+.overview {
+  background: lightgoldenrodyellow;
+  border-radius: 3px;
+  padding: 4px 10px 4px 10px;
+  float: right; }
+
+.page-home {
+  text-align: center; }
+  .page-home .title {
+    font-weight: lighter;
+    font-family: "Roboto", Arial, sans-serif, -apple-system; }
+  .page-home p {
+    width: 60%;
+    margin: 0 auto;
+    font-size: 1.2rem;
+    font-weight: lighter;
+    margin-bottom: 40px; }
+  .page-home .terminal {
+    background: #eaeaea;
+    border-radius: 3px;
+    width: 80%;
+    margin: 0 auto;
+    border: 1px solid #dcdcdc;
+    border-radius: 3px;
+    box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2);
+    background: #ffffff;
+    padding: 10px;
+    margin-top: -200px; }
+    .page-home .terminal img {
+      width: 100%;
+      height: auto; }
+
+body {
+  font-family: "Roboto", Arial, sans-serif, -apple-system;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.4;
+  color: #212529; }
+
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.json b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.json
new file mode 100644
index 0000000..28c014b
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.json
@@ -0,0 +1 @@
+{"Target":"css/style.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content
new file mode 100644
index 0000000..e4b9afc
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content
@@ -0,0 +1,5 @@
+@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Lora:400,700|Roboto+Mono:300,400";*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000}@-ms-viewport{width:device-width;}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;font-weight:400;line-height:1.4;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}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:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#1de9b6;text-decoration:none;background-color:#0000;-webkit-text-decoration-skip:objects}a:hover{color:#7af2d4;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}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;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.align-baseline{vertical-align:baseline!important}.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}.bg-primary{background-color:#1de9b6!important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:#13c095!important}.bg-secondary{background-color:#ffca28!important}a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{background-color:#f4b800!important}.bg-success{background-color:#28a745!important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:#0000!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!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}.border-primary{border-color:#1de9b6!important}.border-secondary{border-color:#ffca28!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media(min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media(min-width:1300px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.85714286%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media(min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media(min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media(min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media(min-width:1300px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media(min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media(min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media(min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media(min-width:1300px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports(position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:10px!important}.mt-1,.my-1{margin-top:10px!important}.mr-1,.mx-1{margin-right:10px!important}.mb-1,.my-1{margin-bottom:10px!important}.ml-1,.mx-1{margin-left:10px!important}.m-2{margin:20px!important}.mt-2,.my-2{margin-top:20px!important}.mr-2,.mx-2{margin-right:20px!important}.mb-2,.my-2{margin-bottom:20px!important}.ml-2,.mx-2{margin-left:20px!important}.m-3{margin:30px!important}.mt-3,.my-3{margin-top:30px!important}.mr-3,.mx-3{margin-right:30px!important}.mb-3,.my-3{margin-bottom:30px!important}.ml-3,.mx-3{margin-left:30px!important}.m-4{margin:40px!important}.mt-4,.my-4{margin-top:40px!important}.mr-4,.mx-4{margin-right:40px!important}.mb-4,.my-4{margin-bottom:40px!important}.ml-4,.mx-4{margin-left:40px!important}.m-5{margin:50px!important}.mt-5,.my-5{margin-top:50px!important}.mr-5,.mx-5{margin-right:50px!important}.mb-5,.my-5{margin-bottom:50px!important}.ml-5,.mx-5{margin-left:50px!important}.m-6{margin:60px!important}.mt-6,.my-6{margin-top:60px!important}.mr-6,.mx-6{margin-right:60px!important}.mb-6,.my-6{margin-bottom:60px!important}.ml-6,.mx-6{margin-left:60px!important}.m-7{margin:70px!important}.mt-7,.my-7{margin-top:70px!important}.mr-7,.mx-7{margin-right:70px!important}.mb-7,.my-7{margin-bottom:70px!important}.ml-7,.mx-7{margin-left:70px!important}.m-8{margin:80px!important}.mt-8,.my-8{margin-top:80px!important}.mr-8,.mx-8{margin-right:80px!important}.mb-8,.my-8{margin-bottom:80px!important}.ml-8,.mx-8{margin-left:80px!important}.m-9{margin:90px!important}.mt-9,.my-9{margin-top:90px!important}.mr-9,.mx-9{margin-right:90px!important}.mb-9,.my-9{margin-bottom:90px!important}.ml-9,.mx-9{margin-left:90px!important}.m-10{margin:100px!important}.mt-10,.my-10{margin-top:100px!important}.mr-10,.mx-10{margin-right:100px!important}.mb-10,.my-10{margin-bottom:100px!important}.ml-10,.mx-10{margin-left:100px!important}.m-11{margin:110px!important}.mt-11,.my-11{margin-top:110px!important}.mr-11,.mx-11{margin-right:110px!important}.mb-11,.my-11{margin-bottom:110px!important}.ml-11,.mx-11{margin-left:110px!important}.m-12{margin:120px!important}.mt-12,.my-12{margin-top:120px!important}.mr-12,.mx-12{margin-right:120px!important}.mb-12,.my-12{margin-bottom:120px!important}.ml-12,.mx-12{margin-left:120px!important}.m-13{margin:130px!important}.mt-13,.my-13{margin-top:130px!important}.mr-13,.mx-13{margin-right:130px!important}.mb-13,.my-13{margin-bottom:130px!important}.ml-13,.mx-13{margin-left:130px!important}.m-14{margin:140px!important}.mt-14,.my-14{margin-top:140px!important}.mr-14,.mx-14{margin-right:140px!important}.mb-14,.my-14{margin-bottom:140px!important}.ml-14,.mx-14{margin-left:140px!important}.m-15{margin:150px!important}.mt-15,.my-15{margin-top:150px!important}.mr-15,.mx-15{margin-right:150px!important}.mb-15,.my-15{margin-bottom:150px!important}.ml-15,.mx-15{margin-left:150px!important}.m-16{margin:160px!important}.mt-16,.my-16{margin-top:160px!important}.mr-16,.mx-16{margin-right:160px!important}.mb-16,.my-16{margin-bottom:160px!important}.ml-16,.mx-16{margin-left:160px!important}.m-17{margin:170px!important}.mt-17,.my-17{margin-top:170px!important}.mr-17,.mx-17{margin-right:170px!important}.mb-17,.my-17{margin-bottom:170px!important}.ml-17,.mx-17{margin-left:170px!important}.m-18{margin:180px!important}.mt-18,.my-18{margin-top:180px!important}.mr-18,.mx-18{margin-right:180px!important}.mb-18,.my-18{margin-bottom:180px!important}.ml-18,.mx-18{margin-left:180px!important}.m-19{margin:190px!important}.mt-19,.my-19{margin-top:190px!important}.mr-19,.mx-19{margin-right:190px!important}.mb-19,.my-19{margin-bottom:190px!important}.ml-19,.mx-19{margin-left:190px!important}.m-20{margin:200px!important}.mt-20,.my-20{margin-top:200px!important}.mr-20,.mx-20{margin-right:200px!important}.mb-20,.my-20{margin-bottom:200px!important}.ml-20,.mx-20{margin-left:200px!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:10px!important}.pt-1,.py-1{padding-top:10px!important}.pr-1,.px-1{padding-right:10px!important}.pb-1,.py-1{padding-bottom:10px!important}.pl-1,.px-1{padding-left:10px!important}.p-2{padding:20px!important}.pt-2,.py-2{padding-top:20px!important}.pr-2,.px-2{padding-right:20px!important}.pb-2,.py-2{padding-bottom:20px!important}.pl-2,.px-2{padding-left:20px!important}.p-3{padding:30px!important}.pt-3,.py-3{padding-top:30px!important}.pr-3,.px-3{padding-right:30px!important}.pb-3,.py-3{padding-bottom:30px!important}.pl-3,.px-3{padding-left:30px!important}.p-4{padding:40px!important}.pt-4,.py-4{padding-top:40px!important}.pr-4,.px-4{padding-right:40px!important}.pb-4,.py-4{padding-bottom:40px!important}.pl-4,.px-4{padding-left:40px!important}.p-5{padding:50px!important}.pt-5,.py-5{padding-top:50px!important}.pr-5,.px-5{padding-right:50px!important}.pb-5,.py-5{padding-bottom:50px!important}.pl-5,.px-5{padding-left:50px!important}.p-6{padding:60px!important}.pt-6,.py-6{padding-top:60px!important}.pr-6,.px-6{padding-right:60px!important}.pb-6,.py-6{padding-bottom:60px!important}.pl-6,.px-6{padding-left:60px!important}.p-7{padding:70px!important}.pt-7,.py-7{padding-top:70px!important}.pr-7,.px-7{padding-right:70px!important}.pb-7,.py-7{padding-bottom:70px!important}.pl-7,.px-7{padding-left:70px!important}.p-8{padding:80px!important}.pt-8,.py-8{padding-top:80px!important}.pr-8,.px-8{padding-right:80px!important}.pb-8,.py-8{padding-bottom:80px!important}.pl-8,.px-8{padding-left:80px!important}.p-9{padding:90px!important}.pt-9,.py-9{padding-top:90px!important}.pr-9,.px-9{padding-right:90px!important}.pb-9,.py-9{padding-bottom:90px!important}.pl-9,.px-9{padding-left:90px!important}.p-10{padding:100px!important}.pt-10,.py-10{padding-top:100px!important}.pr-10,.px-10{padding-right:100px!important}.pb-10,.py-10{padding-bottom:100px!important}.pl-10,.px-10{padding-left:100px!important}.p-11{padding:110px!important}.pt-11,.py-11{padding-top:110px!important}.pr-11,.px-11{padding-right:110px!important}.pb-11,.py-11{padding-bottom:110px!important}.pl-11,.px-11{padding-left:110px!important}.p-12{padding:120px!important}.pt-12,.py-12{padding-top:120px!important}.pr-12,.px-12{padding-right:120px!important}.pb-12,.py-12{padding-bottom:120px!important}.pl-12,.px-12{padding-left:120px!important}.p-13{padding:130px!important}.pt-13,.py-13{padding-top:130px!important}.pr-13,.px-13{padding-right:130px!important}.pb-13,.py-13{padding-bottom:130px!important}.pl-13,.px-13{padding-left:130px!important}.p-14{padding:140px!important}.pt-14,.py-14{padding-top:140px!important}.pr-14,.px-14{padding-right:140px!important}.pb-14,.py-14{padding-bottom:140px!important}.pl-14,.px-14{padding-left:140px!important}.p-15{padding:150px!important}.pt-15,.py-15{padding-top:150px!important}.pr-15,.px-15{padding-right:150px!important}.pb-15,.py-15{padding-bottom:150px!important}.pl-15,.px-15{padding-left:150px!important}.p-16{padding:160px!important}.pt-16,.py-16{padding-top:160px!important}.pr-16,.px-16{padding-right:160px!important}.pb-16,.py-16{padding-bottom:160px!important}.pl-16,.px-16{padding-left:160px!important}.p-17{padding:170px!important}.pt-17,.py-17{padding-top:170px!important}.pr-17,.px-17{padding-right:170px!important}.pb-17,.py-17{padding-bottom:170px!important}.pl-17,.px-17{padding-left:170px!important}.p-18{padding:180px!important}.pt-18,.py-18{padding-top:180px!important}.pr-18,.px-18{padding-right:180px!important}.pb-18,.py-18{padding-bottom:180px!important}.pl-18,.px-18{padding-left:180px!important}.p-19{padding:190px!important}.pt-19,.py-19{padding-top:190px!important}.pr-19,.px-19{padding-right:190px!important}.pb-19,.py-19{padding-bottom:190px!important}.pl-19,.px-19{padding-left:190px!important}.p-20{padding:200px!important}.pt-20,.py-20{padding-top:200px!important}.pr-20,.px-20{padding-right:200px!important}.pb-20,.py-20{padding-bottom:200px!important}.pl-20,.px-20{padding-left:200px!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media(min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:10px!important}.mt-sm-1,.my-sm-1{margin-top:10px!important}.mr-sm-1,.mx-sm-1{margin-right:10px!important}.mb-sm-1,.my-sm-1{margin-bottom:10px!important}.ml-sm-1,.mx-sm-1{margin-left:10px!important}.m-sm-2{margin:20px!important}.mt-sm-2,.my-sm-2{margin-top:20px!important}.mr-sm-2,.mx-sm-2{margin-right:20px!important}.mb-sm-2,.my-sm-2{margin-bottom:20px!important}.ml-sm-2,.mx-sm-2{margin-left:20px!important}.m-sm-3{margin:30px!important}.mt-sm-3,.my-sm-3{margin-top:30px!important}.mr-sm-3,.mx-sm-3{margin-right:30px!important}.mb-sm-3,.my-sm-3{margin-bottom:30px!important}.ml-sm-3,.mx-sm-3{margin-left:30px!important}.m-sm-4{margin:40px!important}.mt-sm-4,.my-sm-4{margin-top:40px!important}.mr-sm-4,.mx-sm-4{margin-right:40px!important}.mb-sm-4,.my-sm-4{margin-bottom:40px!important}.ml-sm-4,.mx-sm-4{margin-left:40px!important}.m-sm-5{margin:50px!important}.mt-sm-5,.my-sm-5{margin-top:50px!important}.mr-sm-5,.mx-sm-5{margin-right:50px!important}.mb-sm-5,.my-sm-5{margin-bottom:50px!important}.ml-sm-5,.mx-sm-5{margin-left:50px!important}.m-sm-6{margin:60px!important}.mt-sm-6,.my-sm-6{margin-top:60px!important}.mr-sm-6,.mx-sm-6{margin-right:60px!important}.mb-sm-6,.my-sm-6{margin-bottom:60px!important}.ml-sm-6,.mx-sm-6{margin-left:60px!important}.m-sm-7{margin:70px!important}.mt-sm-7,.my-sm-7{margin-top:70px!important}.mr-sm-7,.mx-sm-7{margin-right:70px!important}.mb-sm-7,.my-sm-7{margin-bottom:70px!important}.ml-sm-7,.mx-sm-7{margin-left:70px!important}.m-sm-8{margin:80px!important}.mt-sm-8,.my-sm-8{margin-top:80px!important}.mr-sm-8,.mx-sm-8{margin-right:80px!important}.mb-sm-8,.my-sm-8{margin-bottom:80px!important}.ml-sm-8,.mx-sm-8{margin-left:80px!important}.m-sm-9{margin:90px!important}.mt-sm-9,.my-sm-9{margin-top:90px!important}.mr-sm-9,.mx-sm-9{margin-right:90px!important}.mb-sm-9,.my-sm-9{margin-bottom:90px!important}.ml-sm-9,.mx-sm-9{margin-left:90px!important}.m-sm-10{margin:100px!important}.mt-sm-10,.my-sm-10{margin-top:100px!important}.mr-sm-10,.mx-sm-10{margin-right:100px!important}.mb-sm-10,.my-sm-10{margin-bottom:100px!important}.ml-sm-10,.mx-sm-10{margin-left:100px!important}.m-sm-11{margin:110px!important}.mt-sm-11,.my-sm-11{margin-top:110px!important}.mr-sm-11,.mx-sm-11{margin-right:110px!important}.mb-sm-11,.my-sm-11{margin-bottom:110px!important}.ml-sm-11,.mx-sm-11{margin-left:110px!important}.m-sm-12{margin:120px!important}.mt-sm-12,.my-sm-12{margin-top:120px!important}.mr-sm-12,.mx-sm-12{margin-right:120px!important}.mb-sm-12,.my-sm-12{margin-bottom:120px!important}.ml-sm-12,.mx-sm-12{margin-left:120px!important}.m-sm-13{margin:130px!important}.mt-sm-13,.my-sm-13{margin-top:130px!important}.mr-sm-13,.mx-sm-13{margin-right:130px!important}.mb-sm-13,.my-sm-13{margin-bottom:130px!important}.ml-sm-13,.mx-sm-13{margin-left:130px!important}.m-sm-14{margin:140px!important}.mt-sm-14,.my-sm-14{margin-top:140px!important}.mr-sm-14,.mx-sm-14{margin-right:140px!important}.mb-sm-14,.my-sm-14{margin-bottom:140px!important}.ml-sm-14,.mx-sm-14{margin-left:140px!important}.m-sm-15{margin:150px!important}.mt-sm-15,.my-sm-15{margin-top:150px!important}.mr-sm-15,.mx-sm-15{margin-right:150px!important}.mb-sm-15,.my-sm-15{margin-bottom:150px!important}.ml-sm-15,.mx-sm-15{margin-left:150px!important}.m-sm-16{margin:160px!important}.mt-sm-16,.my-sm-16{margin-top:160px!important}.mr-sm-16,.mx-sm-16{margin-right:160px!important}.mb-sm-16,.my-sm-16{margin-bottom:160px!important}.ml-sm-16,.mx-sm-16{margin-left:160px!important}.m-sm-17{margin:170px!important}.mt-sm-17,.my-sm-17{margin-top:170px!important}.mr-sm-17,.mx-sm-17{margin-right:170px!important}.mb-sm-17,.my-sm-17{margin-bottom:170px!important}.ml-sm-17,.mx-sm-17{margin-left:170px!important}.m-sm-18{margin:180px!important}.mt-sm-18,.my-sm-18{margin-top:180px!important}.mr-sm-18,.mx-sm-18{margin-right:180px!important}.mb-sm-18,.my-sm-18{margin-bottom:180px!important}.ml-sm-18,.mx-sm-18{margin-left:180px!important}.m-sm-19{margin:190px!important}.mt-sm-19,.my-sm-19{margin-top:190px!important}.mr-sm-19,.mx-sm-19{margin-right:190px!important}.mb-sm-19,.my-sm-19{margin-bottom:190px!important}.ml-sm-19,.mx-sm-19{margin-left:190px!important}.m-sm-20{margin:200px!important}.mt-sm-20,.my-sm-20{margin-top:200px!important}.mr-sm-20,.mx-sm-20{margin-right:200px!important}.mb-sm-20,.my-sm-20{margin-bottom:200px!important}.ml-sm-20,.mx-sm-20{margin-left:200px!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:10px!important}.pt-sm-1,.py-sm-1{padding-top:10px!important}.pr-sm-1,.px-sm-1{padding-right:10px!important}.pb-sm-1,.py-sm-1{padding-bottom:10px!important}.pl-sm-1,.px-sm-1{padding-left:10px!important}.p-sm-2{padding:20px!important}.pt-sm-2,.py-sm-2{padding-top:20px!important}.pr-sm-2,.px-sm-2{padding-right:20px!important}.pb-sm-2,.py-sm-2{padding-bottom:20px!important}.pl-sm-2,.px-sm-2{padding-left:20px!important}.p-sm-3{padding:30px!important}.pt-sm-3,.py-sm-3{padding-top:30px!important}.pr-sm-3,.px-sm-3{padding-right:30px!important}.pb-sm-3,.py-sm-3{padding-bottom:30px!important}.pl-sm-3,.px-sm-3{padding-left:30px!important}.p-sm-4{padding:40px!important}.pt-sm-4,.py-sm-4{padding-top:40px!important}.pr-sm-4,.px-sm-4{padding-right:40px!important}.pb-sm-4,.py-sm-4{padding-bottom:40px!important}.pl-sm-4,.px-sm-4{padding-left:40px!important}.p-sm-5{padding:50px!important}.pt-sm-5,.py-sm-5{padding-top:50px!important}.pr-sm-5,.px-sm-5{padding-right:50px!important}.pb-sm-5,.py-sm-5{padding-bottom:50px!important}.pl-sm-5,.px-sm-5{padding-left:50px!important}.p-sm-6{padding:60px!important}.pt-sm-6,.py-sm-6{padding-top:60px!important}.pr-sm-6,.px-sm-6{padding-right:60px!important}.pb-sm-6,.py-sm-6{padding-bottom:60px!important}.pl-sm-6,.px-sm-6{padding-left:60px!important}.p-sm-7{padding:70px!important}.pt-sm-7,.py-sm-7{padding-top:70px!important}.pr-sm-7,.px-sm-7{padding-right:70px!important}.pb-sm-7,.py-sm-7{padding-bottom:70px!important}.pl-sm-7,.px-sm-7{padding-left:70px!important}.p-sm-8{padding:80px!important}.pt-sm-8,.py-sm-8{padding-top:80px!important}.pr-sm-8,.px-sm-8{padding-right:80px!important}.pb-sm-8,.py-sm-8{padding-bottom:80px!important}.pl-sm-8,.px-sm-8{padding-left:80px!important}.p-sm-9{padding:90px!important}.pt-sm-9,.py-sm-9{padding-top:90px!important}.pr-sm-9,.px-sm-9{padding-right:90px!important}.pb-sm-9,.py-sm-9{padding-bottom:90px!important}.pl-sm-9,.px-sm-9{padding-left:90px!important}.p-sm-10{padding:100px!important}.pt-sm-10,.py-sm-10{padding-top:100px!important}.pr-sm-10,.px-sm-10{padding-right:100px!important}.pb-sm-10,.py-sm-10{padding-bottom:100px!important}.pl-sm-10,.px-sm-10{padding-left:100px!important}.p-sm-11{padding:110px!important}.pt-sm-11,.py-sm-11{padding-top:110px!important}.pr-sm-11,.px-sm-11{padding-right:110px!important}.pb-sm-11,.py-sm-11{padding-bottom:110px!important}.pl-sm-11,.px-sm-11{padding-left:110px!important}.p-sm-12{padding:120px!important}.pt-sm-12,.py-sm-12{padding-top:120px!important}.pr-sm-12,.px-sm-12{padding-right:120px!important}.pb-sm-12,.py-sm-12{padding-bottom:120px!important}.pl-sm-12,.px-sm-12{padding-left:120px!important}.p-sm-13{padding:130px!important}.pt-sm-13,.py-sm-13{padding-top:130px!important}.pr-sm-13,.px-sm-13{padding-right:130px!important}.pb-sm-13,.py-sm-13{padding-bottom:130px!important}.pl-sm-13,.px-sm-13{padding-left:130px!important}.p-sm-14{padding:140px!important}.pt-sm-14,.py-sm-14{padding-top:140px!important}.pr-sm-14,.px-sm-14{padding-right:140px!important}.pb-sm-14,.py-sm-14{padding-bottom:140px!important}.pl-sm-14,.px-sm-14{padding-left:140px!important}.p-sm-15{padding:150px!important}.pt-sm-15,.py-sm-15{padding-top:150px!important}.pr-sm-15,.px-sm-15{padding-right:150px!important}.pb-sm-15,.py-sm-15{padding-bottom:150px!important}.pl-sm-15,.px-sm-15{padding-left:150px!important}.p-sm-16{padding:160px!important}.pt-sm-16,.py-sm-16{padding-top:160px!important}.pr-sm-16,.px-sm-16{padding-right:160px!important}.pb-sm-16,.py-sm-16{padding-bottom:160px!important}.pl-sm-16,.px-sm-16{padding-left:160px!important}.p-sm-17{padding:170px!important}.pt-sm-17,.py-sm-17{padding-top:170px!important}.pr-sm-17,.px-sm-17{padding-right:170px!important}.pb-sm-17,.py-sm-17{padding-bottom:170px!important}.pl-sm-17,.px-sm-17{padding-left:170px!important}.p-sm-18{padding:180px!important}.pt-sm-18,.py-sm-18{padding-top:180px!important}.pr-sm-18,.px-sm-18{padding-right:180px!important}.pb-sm-18,.py-sm-18{padding-bottom:180px!important}.pl-sm-18,.px-sm-18{padding-left:180px!important}.p-sm-19{padding:190px!important}.pt-sm-19,.py-sm-19{padding-top:190px!important}.pr-sm-19,.px-sm-19{padding-right:190px!important}.pb-sm-19,.py-sm-19{padding-bottom:190px!important}.pl-sm-19,.px-sm-19{padding-left:190px!important}.p-sm-20{padding:200px!important}.pt-sm-20,.py-sm-20{padding-top:200px!important}.pr-sm-20,.px-sm-20{padding-right:200px!important}.pb-sm-20,.py-sm-20{padding-bottom:200px!important}.pl-sm-20,.px-sm-20{padding-left:200px!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media(min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:10px!important}.mt-md-1,.my-md-1{margin-top:10px!important}.mr-md-1,.mx-md-1{margin-right:10px!important}.mb-md-1,.my-md-1{margin-bottom:10px!important}.ml-md-1,.mx-md-1{margin-left:10px!important}.m-md-2{margin:20px!important}.mt-md-2,.my-md-2{margin-top:20px!important}.mr-md-2,.mx-md-2{margin-right:20px!important}.mb-md-2,.my-md-2{margin-bottom:20px!important}.ml-md-2,.mx-md-2{margin-left:20px!important}.m-md-3{margin:30px!important}.mt-md-3,.my-md-3{margin-top:30px!important}.mr-md-3,.mx-md-3{margin-right:30px!important}.mb-md-3,.my-md-3{margin-bottom:30px!important}.ml-md-3,.mx-md-3{margin-left:30px!important}.m-md-4{margin:40px!important}.mt-md-4,.my-md-4{margin-top:40px!important}.mr-md-4,.mx-md-4{margin-right:40px!important}.mb-md-4,.my-md-4{margin-bottom:40px!important}.ml-md-4,.mx-md-4{margin-left:40px!important}.m-md-5{margin:50px!important}.mt-md-5,.my-md-5{margin-top:50px!important}.mr-md-5,.mx-md-5{margin-right:50px!important}.mb-md-5,.my-md-5{margin-bottom:50px!important}.ml-md-5,.mx-md-5{margin-left:50px!important}.m-md-6{margin:60px!important}.mt-md-6,.my-md-6{margin-top:60px!important}.mr-md-6,.mx-md-6{margin-right:60px!important}.mb-md-6,.my-md-6{margin-bottom:60px!important}.ml-md-6,.mx-md-6{margin-left:60px!important}.m-md-7{margin:70px!important}.mt-md-7,.my-md-7{margin-top:70px!important}.mr-md-7,.mx-md-7{margin-right:70px!important}.mb-md-7,.my-md-7{margin-bottom:70px!important}.ml-md-7,.mx-md-7{margin-left:70px!important}.m-md-8{margin:80px!important}.mt-md-8,.my-md-8{margin-top:80px!important}.mr-md-8,.mx-md-8{margin-right:80px!important}.mb-md-8,.my-md-8{margin-bottom:80px!important}.ml-md-8,.mx-md-8{margin-left:80px!important}.m-md-9{margin:90px!important}.mt-md-9,.my-md-9{margin-top:90px!important}.mr-md-9,.mx-md-9{margin-right:90px!important}.mb-md-9,.my-md-9{margin-bottom:90px!important}.ml-md-9,.mx-md-9{margin-left:90px!important}.m-md-10{margin:100px!important}.mt-md-10,.my-md-10{margin-top:100px!important}.mr-md-10,.mx-md-10{margin-right:100px!important}.mb-md-10,.my-md-10{margin-bottom:100px!important}.ml-md-10,.mx-md-10{margin-left:100px!important}.m-md-11{margin:110px!important}.mt-md-11,.my-md-11{margin-top:110px!important}.mr-md-11,.mx-md-11{margin-right:110px!important}.mb-md-11,.my-md-11{margin-bottom:110px!important}.ml-md-11,.mx-md-11{margin-left:110px!important}.m-md-12{margin:120px!important}.mt-md-12,.my-md-12{margin-top:120px!important}.mr-md-12,.mx-md-12{margin-right:120px!important}.mb-md-12,.my-md-12{margin-bottom:120px!important}.ml-md-12,.mx-md-12{margin-left:120px!important}.m-md-13{margin:130px!important}.mt-md-13,.my-md-13{margin-top:130px!important}.mr-md-13,.mx-md-13{margin-right:130px!important}.mb-md-13,.my-md-13{margin-bottom:130px!important}.ml-md-13,.mx-md-13{margin-left:130px!important}.m-md-14{margin:140px!important}.mt-md-14,.my-md-14{margin-top:140px!important}.mr-md-14,.mx-md-14{margin-right:140px!important}.mb-md-14,.my-md-14{margin-bottom:140px!important}.ml-md-14,.mx-md-14{margin-left:140px!important}.m-md-15{margin:150px!important}.mt-md-15,.my-md-15{margin-top:150px!important}.mr-md-15,.mx-md-15{margin-right:150px!important}.mb-md-15,.my-md-15{margin-bottom:150px!important}.ml-md-15,.mx-md-15{margin-left:150px!important}.m-md-16{margin:160px!important}.mt-md-16,.my-md-16{margin-top:160px!important}.mr-md-16,.mx-md-16{margin-right:160px!important}.mb-md-16,.my-md-16{margin-bottom:160px!important}.ml-md-16,.mx-md-16{margin-left:160px!important}.m-md-17{margin:170px!important}.mt-md-17,.my-md-17{margin-top:170px!important}.mr-md-17,.mx-md-17{margin-right:170px!important}.mb-md-17,.my-md-17{margin-bottom:170px!important}.ml-md-17,.mx-md-17{margin-left:170px!important}.m-md-18{margin:180px!important}.mt-md-18,.my-md-18{margin-top:180px!important}.mr-md-18,.mx-md-18{margin-right:180px!important}.mb-md-18,.my-md-18{margin-bottom:180px!important}.ml-md-18,.mx-md-18{margin-left:180px!important}.m-md-19{margin:190px!important}.mt-md-19,.my-md-19{margin-top:190px!important}.mr-md-19,.mx-md-19{margin-right:190px!important}.mb-md-19,.my-md-19{margin-bottom:190px!important}.ml-md-19,.mx-md-19{margin-left:190px!important}.m-md-20{margin:200px!important}.mt-md-20,.my-md-20{margin-top:200px!important}.mr-md-20,.mx-md-20{margin-right:200px!important}.mb-md-20,.my-md-20{margin-bottom:200px!important}.ml-md-20,.mx-md-20{margin-left:200px!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:10px!important}.pt-md-1,.py-md-1{padding-top:10px!important}.pr-md-1,.px-md-1{padding-right:10px!important}.pb-md-1,.py-md-1{padding-bottom:10px!important}.pl-md-1,.px-md-1{padding-left:10px!important}.p-md-2{padding:20px!important}.pt-md-2,.py-md-2{padding-top:20px!important}.pr-md-2,.px-md-2{padding-right:20px!important}.pb-md-2,.py-md-2{padding-bottom:20px!important}.pl-md-2,.px-md-2{padding-left:20px!important}.p-md-3{padding:30px!important}.pt-md-3,.py-md-3{padding-top:30px!important}.pr-md-3,.px-md-3{padding-right:30px!important}.pb-md-3,.py-md-3{padding-bottom:30px!important}.pl-md-3,.px-md-3{padding-left:30px!important}.p-md-4{padding:40px!important}.pt-md-4,.py-md-4{padding-top:40px!important}.pr-md-4,.px-md-4{padding-right:40px!important}.pb-md-4,.py-md-4{padding-bottom:40px!important}.pl-md-4,.px-md-4{padding-left:40px!important}.p-md-5{padding:50px!important}.pt-md-5,.py-md-5{padding-top:50px!important}.pr-md-5,.px-md-5{padding-right:50px!important}.pb-md-5,.py-md-5{padding-bottom:50px!important}.pl-md-5,.px-md-5{padding-left:50px!important}.p-md-6{padding:60px!important}.pt-md-6,.py-md-6{padding-top:60px!important}.pr-md-6,.px-md-6{padding-right:60px!important}.pb-md-6,.py-md-6{padding-bottom:60px!important}.pl-md-6,.px-md-6{padding-left:60px!important}.p-md-7{padding:70px!important}.pt-md-7,.py-md-7{padding-top:70px!important}.pr-md-7,.px-md-7{padding-right:70px!important}.pb-md-7,.py-md-7{padding-bottom:70px!important}.pl-md-7,.px-md-7{padding-left:70px!important}.p-md-8{padding:80px!important}.pt-md-8,.py-md-8{padding-top:80px!important}.pr-md-8,.px-md-8{padding-right:80px!important}.pb-md-8,.py-md-8{padding-bottom:80px!important}.pl-md-8,.px-md-8{padding-left:80px!important}.p-md-9{padding:90px!important}.pt-md-9,.py-md-9{padding-top:90px!important}.pr-md-9,.px-md-9{padding-right:90px!important}.pb-md-9,.py-md-9{padding-bottom:90px!important}.pl-md-9,.px-md-9{padding-left:90px!important}.p-md-10{padding:100px!important}.pt-md-10,.py-md-10{padding-top:100px!important}.pr-md-10,.px-md-10{padding-right:100px!important}.pb-md-10,.py-md-10{padding-bottom:100px!important}.pl-md-10,.px-md-10{padding-left:100px!important}.p-md-11{padding:110px!important}.pt-md-11,.py-md-11{padding-top:110px!important}.pr-md-11,.px-md-11{padding-right:110px!important}.pb-md-11,.py-md-11{padding-bottom:110px!important}.pl-md-11,.px-md-11{padding-left:110px!important}.p-md-12{padding:120px!important}.pt-md-12,.py-md-12{padding-top:120px!important}.pr-md-12,.px-md-12{padding-right:120px!important}.pb-md-12,.py-md-12{padding-bottom:120px!important}.pl-md-12,.px-md-12{padding-left:120px!important}.p-md-13{padding:130px!important}.pt-md-13,.py-md-13{padding-top:130px!important}.pr-md-13,.px-md-13{padding-right:130px!important}.pb-md-13,.py-md-13{padding-bottom:130px!important}.pl-md-13,.px-md-13{padding-left:130px!important}.p-md-14{padding:140px!important}.pt-md-14,.py-md-14{padding-top:140px!important}.pr-md-14,.px-md-14{padding-right:140px!important}.pb-md-14,.py-md-14{padding-bottom:140px!important}.pl-md-14,.px-md-14{padding-left:140px!important}.p-md-15{padding:150px!important}.pt-md-15,.py-md-15{padding-top:150px!important}.pr-md-15,.px-md-15{padding-right:150px!important}.pb-md-15,.py-md-15{padding-bottom:150px!important}.pl-md-15,.px-md-15{padding-left:150px!important}.p-md-16{padding:160px!important}.pt-md-16,.py-md-16{padding-top:160px!important}.pr-md-16,.px-md-16{padding-right:160px!important}.pb-md-16,.py-md-16{padding-bottom:160px!important}.pl-md-16,.px-md-16{padding-left:160px!important}.p-md-17{padding:170px!important}.pt-md-17,.py-md-17{padding-top:170px!important}.pr-md-17,.px-md-17{padding-right:170px!important}.pb-md-17,.py-md-17{padding-bottom:170px!important}.pl-md-17,.px-md-17{padding-left:170px!important}.p-md-18{padding:180px!important}.pt-md-18,.py-md-18{padding-top:180px!important}.pr-md-18,.px-md-18{padding-right:180px!important}.pb-md-18,.py-md-18{padding-bottom:180px!important}.pl-md-18,.px-md-18{padding-left:180px!important}.p-md-19{padding:190px!important}.pt-md-19,.py-md-19{padding-top:190px!important}.pr-md-19,.px-md-19{padding-right:190px!important}.pb-md-19,.py-md-19{padding-bottom:190px!important}.pl-md-19,.px-md-19{padding-left:190px!important}.p-md-20{padding:200px!important}.pt-md-20,.py-md-20{padding-top:200px!important}.pr-md-20,.px-md-20{padding-right:200px!important}.pb-md-20,.py-md-20{padding-bottom:200px!important}.pl-md-20,.px-md-20{padding-left:200px!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media(min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:10px!important}.mt-lg-1,.my-lg-1{margin-top:10px!important}.mr-lg-1,.mx-lg-1{margin-right:10px!important}.mb-lg-1,.my-lg-1{margin-bottom:10px!important}.ml-lg-1,.mx-lg-1{margin-left:10px!important}.m-lg-2{margin:20px!important}.mt-lg-2,.my-lg-2{margin-top:20px!important}.mr-lg-2,.mx-lg-2{margin-right:20px!important}.mb-lg-2,.my-lg-2{margin-bottom:20px!important}.ml-lg-2,.mx-lg-2{margin-left:20px!important}.m-lg-3{margin:30px!important}.mt-lg-3,.my-lg-3{margin-top:30px!important}.mr-lg-3,.mx-lg-3{margin-right:30px!important}.mb-lg-3,.my-lg-3{margin-bottom:30px!important}.ml-lg-3,.mx-lg-3{margin-left:30px!important}.m-lg-4{margin:40px!important}.mt-lg-4,.my-lg-4{margin-top:40px!important}.mr-lg-4,.mx-lg-4{margin-right:40px!important}.mb-lg-4,.my-lg-4{margin-bottom:40px!important}.ml-lg-4,.mx-lg-4{margin-left:40px!important}.m-lg-5{margin:50px!important}.mt-lg-5,.my-lg-5{margin-top:50px!important}.mr-lg-5,.mx-lg-5{margin-right:50px!important}.mb-lg-5,.my-lg-5{margin-bottom:50px!important}.ml-lg-5,.mx-lg-5{margin-left:50px!important}.m-lg-6{margin:60px!important}.mt-lg-6,.my-lg-6{margin-top:60px!important}.mr-lg-6,.mx-lg-6{margin-right:60px!important}.mb-lg-6,.my-lg-6{margin-bottom:60px!important}.ml-lg-6,.mx-lg-6{margin-left:60px!important}.m-lg-7{margin:70px!important}.mt-lg-7,.my-lg-7{margin-top:70px!important}.mr-lg-7,.mx-lg-7{margin-right:70px!important}.mb-lg-7,.my-lg-7{margin-bottom:70px!important}.ml-lg-7,.mx-lg-7{margin-left:70px!important}.m-lg-8{margin:80px!important}.mt-lg-8,.my-lg-8{margin-top:80px!important}.mr-lg-8,.mx-lg-8{margin-right:80px!important}.mb-lg-8,.my-lg-8{margin-bottom:80px!important}.ml-lg-8,.mx-lg-8{margin-left:80px!important}.m-lg-9{margin:90px!important}.mt-lg-9,.my-lg-9{margin-top:90px!important}.mr-lg-9,.mx-lg-9{margin-right:90px!important}.mb-lg-9,.my-lg-9{margin-bottom:90px!important}.ml-lg-9,.mx-lg-9{margin-left:90px!important}.m-lg-10{margin:100px!important}.mt-lg-10,.my-lg-10{margin-top:100px!important}.mr-lg-10,.mx-lg-10{margin-right:100px!important}.mb-lg-10,.my-lg-10{margin-bottom:100px!important}.ml-lg-10,.mx-lg-10{margin-left:100px!important}.m-lg-11{margin:110px!important}.mt-lg-11,.my-lg-11{margin-top:110px!important}.mr-lg-11,.mx-lg-11{margin-right:110px!important}.mb-lg-11,.my-lg-11{margin-bottom:110px!important}.ml-lg-11,.mx-lg-11{margin-left:110px!important}.m-lg-12{margin:120px!important}.mt-lg-12,.my-lg-12{margin-top:120px!important}.mr-lg-12,.mx-lg-12{margin-right:120px!important}.mb-lg-12,.my-lg-12{margin-bottom:120px!important}.ml-lg-12,.mx-lg-12{margin-left:120px!important}.m-lg-13{margin:130px!important}.mt-lg-13,.my-lg-13{margin-top:130px!important}.mr-lg-13,.mx-lg-13{margin-right:130px!important}.mb-lg-13,.my-lg-13{margin-bottom:130px!important}.ml-lg-13,.mx-lg-13{margin-left:130px!important}.m-lg-14{margin:140px!important}.mt-lg-14,.my-lg-14{margin-top:140px!important}.mr-lg-14,.mx-lg-14{margin-right:140px!important}.mb-lg-14,.my-lg-14{margin-bottom:140px!important}.ml-lg-14,.mx-lg-14{margin-left:140px!important}.m-lg-15{margin:150px!important}.mt-lg-15,.my-lg-15{margin-top:150px!important}.mr-lg-15,.mx-lg-15{margin-right:150px!important}.mb-lg-15,.my-lg-15{margin-bottom:150px!important}.ml-lg-15,.mx-lg-15{margin-left:150px!important}.m-lg-16{margin:160px!important}.mt-lg-16,.my-lg-16{margin-top:160px!important}.mr-lg-16,.mx-lg-16{margin-right:160px!important}.mb-lg-16,.my-lg-16{margin-bottom:160px!important}.ml-lg-16,.mx-lg-16{margin-left:160px!important}.m-lg-17{margin:170px!important}.mt-lg-17,.my-lg-17{margin-top:170px!important}.mr-lg-17,.mx-lg-17{margin-right:170px!important}.mb-lg-17,.my-lg-17{margin-bottom:170px!important}.ml-lg-17,.mx-lg-17{margin-left:170px!important}.m-lg-18{margin:180px!important}.mt-lg-18,.my-lg-18{margin-top:180px!important}.mr-lg-18,.mx-lg-18{margin-right:180px!important}.mb-lg-18,.my-lg-18{margin-bottom:180px!important}.ml-lg-18,.mx-lg-18{margin-left:180px!important}.m-lg-19{margin:190px!important}.mt-lg-19,.my-lg-19{margin-top:190px!important}.mr-lg-19,.mx-lg-19{margin-right:190px!important}.mb-lg-19,.my-lg-19{margin-bottom:190px!important}.ml-lg-19,.mx-lg-19{margin-left:190px!important}.m-lg-20{margin:200px!important}.mt-lg-20,.my-lg-20{margin-top:200px!important}.mr-lg-20,.mx-lg-20{margin-right:200px!important}.mb-lg-20,.my-lg-20{margin-bottom:200px!important}.ml-lg-20,.mx-lg-20{margin-left:200px!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:10px!important}.pt-lg-1,.py-lg-1{padding-top:10px!important}.pr-lg-1,.px-lg-1{padding-right:10px!important}.pb-lg-1,.py-lg-1{padding-bottom:10px!important}.pl-lg-1,.px-lg-1{padding-left:10px!important}.p-lg-2{padding:20px!important}.pt-lg-2,.py-lg-2{padding-top:20px!important}.pr-lg-2,.px-lg-2{padding-right:20px!important}.pb-lg-2,.py-lg-2{padding-bottom:20px!important}.pl-lg-2,.px-lg-2{padding-left:20px!important}.p-lg-3{padding:30px!important}.pt-lg-3,.py-lg-3{padding-top:30px!important}.pr-lg-3,.px-lg-3{padding-right:30px!important}.pb-lg-3,.py-lg-3{padding-bottom:30px!important}.pl-lg-3,.px-lg-3{padding-left:30px!important}.p-lg-4{padding:40px!important}.pt-lg-4,.py-lg-4{padding-top:40px!important}.pr-lg-4,.px-lg-4{padding-right:40px!important}.pb-lg-4,.py-lg-4{padding-bottom:40px!important}.pl-lg-4,.px-lg-4{padding-left:40px!important}.p-lg-5{padding:50px!important}.pt-lg-5,.py-lg-5{padding-top:50px!important}.pr-lg-5,.px-lg-5{padding-right:50px!important}.pb-lg-5,.py-lg-5{padding-bottom:50px!important}.pl-lg-5,.px-lg-5{padding-left:50px!important}.p-lg-6{padding:60px!important}.pt-lg-6,.py-lg-6{padding-top:60px!important}.pr-lg-6,.px-lg-6{padding-right:60px!important}.pb-lg-6,.py-lg-6{padding-bottom:60px!important}.pl-lg-6,.px-lg-6{padding-left:60px!important}.p-lg-7{padding:70px!important}.pt-lg-7,.py-lg-7{padding-top:70px!important}.pr-lg-7,.px-lg-7{padding-right:70px!important}.pb-lg-7,.py-lg-7{padding-bottom:70px!important}.pl-lg-7,.px-lg-7{padding-left:70px!important}.p-lg-8{padding:80px!important}.pt-lg-8,.py-lg-8{padding-top:80px!important}.pr-lg-8,.px-lg-8{padding-right:80px!important}.pb-lg-8,.py-lg-8{padding-bottom:80px!important}.pl-lg-8,.px-lg-8{padding-left:80px!important}.p-lg-9{padding:90px!important}.pt-lg-9,.py-lg-9{padding-top:90px!important}.pr-lg-9,.px-lg-9{padding-right:90px!important}.pb-lg-9,.py-lg-9{padding-bottom:90px!important}.pl-lg-9,.px-lg-9{padding-left:90px!important}.p-lg-10{padding:100px!important}.pt-lg-10,.py-lg-10{padding-top:100px!important}.pr-lg-10,.px-lg-10{padding-right:100px!important}.pb-lg-10,.py-lg-10{padding-bottom:100px!important}.pl-lg-10,.px-lg-10{padding-left:100px!important}.p-lg-11{padding:110px!important}.pt-lg-11,.py-lg-11{padding-top:110px!important}.pr-lg-11,.px-lg-11{padding-right:110px!important}.pb-lg-11,.py-lg-11{padding-bottom:110px!important}.pl-lg-11,.px-lg-11{padding-left:110px!important}.p-lg-12{padding:120px!important}.pt-lg-12,.py-lg-12{padding-top:120px!important}.pr-lg-12,.px-lg-12{padding-right:120px!important}.pb-lg-12,.py-lg-12{padding-bottom:120px!important}.pl-lg-12,.px-lg-12{padding-left:120px!important}.p-lg-13{padding:130px!important}.pt-lg-13,.py-lg-13{padding-top:130px!important}.pr-lg-13,.px-lg-13{padding-right:130px!important}.pb-lg-13,.py-lg-13{padding-bottom:130px!important}.pl-lg-13,.px-lg-13{padding-left:130px!important}.p-lg-14{padding:140px!important}.pt-lg-14,.py-lg-14{padding-top:140px!important}.pr-lg-14,.px-lg-14{padding-right:140px!important}.pb-lg-14,.py-lg-14{padding-bottom:140px!important}.pl-lg-14,.px-lg-14{padding-left:140px!important}.p-lg-15{padding:150px!important}.pt-lg-15,.py-lg-15{padding-top:150px!important}.pr-lg-15,.px-lg-15{padding-right:150px!important}.pb-lg-15,.py-lg-15{padding-bottom:150px!important}.pl-lg-15,.px-lg-15{padding-left:150px!important}.p-lg-16{padding:160px!important}.pt-lg-16,.py-lg-16{padding-top:160px!important}.pr-lg-16,.px-lg-16{padding-right:160px!important}.pb-lg-16,.py-lg-16{padding-bottom:160px!important}.pl-lg-16,.px-lg-16{padding-left:160px!important}.p-lg-17{padding:170px!important}.pt-lg-17,.py-lg-17{padding-top:170px!important}.pr-lg-17,.px-lg-17{padding-right:170px!important}.pb-lg-17,.py-lg-17{padding-bottom:170px!important}.pl-lg-17,.px-lg-17{padding-left:170px!important}.p-lg-18{padding:180px!important}.pt-lg-18,.py-lg-18{padding-top:180px!important}.pr-lg-18,.px-lg-18{padding-right:180px!important}.pb-lg-18,.py-lg-18{padding-bottom:180px!important}.pl-lg-18,.px-lg-18{padding-left:180px!important}.p-lg-19{padding:190px!important}.pt-lg-19,.py-lg-19{padding-top:190px!important}.pr-lg-19,.px-lg-19{padding-right:190px!important}.pb-lg-19,.py-lg-19{padding-bottom:190px!important}.pl-lg-19,.px-lg-19{padding-left:190px!important}.p-lg-20{padding:200px!important}.pt-lg-20,.py-lg-20{padding-top:200px!important}.pr-lg-20,.px-lg-20{padding-right:200px!important}.pb-lg-20,.py-lg-20{padding-bottom:200px!important}.pl-lg-20,.px-lg-20{padding-left:200px!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media(min-width:1300px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:10px!important}.mt-xl-1,.my-xl-1{margin-top:10px!important}.mr-xl-1,.mx-xl-1{margin-right:10px!important}.mb-xl-1,.my-xl-1{margin-bottom:10px!important}.ml-xl-1,.mx-xl-1{margin-left:10px!important}.m-xl-2{margin:20px!important}.mt-xl-2,.my-xl-2{margin-top:20px!important}.mr-xl-2,.mx-xl-2{margin-right:20px!important}.mb-xl-2,.my-xl-2{margin-bottom:20px!important}.ml-xl-2,.mx-xl-2{margin-left:20px!important}.m-xl-3{margin:30px!important}.mt-xl-3,.my-xl-3{margin-top:30px!important}.mr-xl-3,.mx-xl-3{margin-right:30px!important}.mb-xl-3,.my-xl-3{margin-bottom:30px!important}.ml-xl-3,.mx-xl-3{margin-left:30px!important}.m-xl-4{margin:40px!important}.mt-xl-4,.my-xl-4{margin-top:40px!important}.mr-xl-4,.mx-xl-4{margin-right:40px!important}.mb-xl-4,.my-xl-4{margin-bottom:40px!important}.ml-xl-4,.mx-xl-4{margin-left:40px!important}.m-xl-5{margin:50px!important}.mt-xl-5,.my-xl-5{margin-top:50px!important}.mr-xl-5,.mx-xl-5{margin-right:50px!important}.mb-xl-5,.my-xl-5{margin-bottom:50px!important}.ml-xl-5,.mx-xl-5{margin-left:50px!important}.m-xl-6{margin:60px!important}.mt-xl-6,.my-xl-6{margin-top:60px!important}.mr-xl-6,.mx-xl-6{margin-right:60px!important}.mb-xl-6,.my-xl-6{margin-bottom:60px!important}.ml-xl-6,.mx-xl-6{margin-left:60px!important}.m-xl-7{margin:70px!important}.mt-xl-7,.my-xl-7{margin-top:70px!important}.mr-xl-7,.mx-xl-7{margin-right:70px!important}.mb-xl-7,.my-xl-7{margin-bottom:70px!important}.ml-xl-7,.mx-xl-7{margin-left:70px!important}.m-xl-8{margin:80px!important}.mt-xl-8,.my-xl-8{margin-top:80px!important}.mr-xl-8,.mx-xl-8{margin-right:80px!important}.mb-xl-8,.my-xl-8{margin-bottom:80px!important}.ml-xl-8,.mx-xl-8{margin-left:80px!important}.m-xl-9{margin:90px!important}.mt-xl-9,.my-xl-9{margin-top:90px!important}.mr-xl-9,.mx-xl-9{margin-right:90px!important}.mb-xl-9,.my-xl-9{margin-bottom:90px!important}.ml-xl-9,.mx-xl-9{margin-left:90px!important}.m-xl-10{margin:100px!important}.mt-xl-10,.my-xl-10{margin-top:100px!important}.mr-xl-10,.mx-xl-10{margin-right:100px!important}.mb-xl-10,.my-xl-10{margin-bottom:100px!important}.ml-xl-10,.mx-xl-10{margin-left:100px!important}.m-xl-11{margin:110px!important}.mt-xl-11,.my-xl-11{margin-top:110px!important}.mr-xl-11,.mx-xl-11{margin-right:110px!important}.mb-xl-11,.my-xl-11{margin-bottom:110px!important}.ml-xl-11,.mx-xl-11{margin-left:110px!important}.m-xl-12{margin:120px!important}.mt-xl-12,.my-xl-12{margin-top:120px!important}.mr-xl-12,.mx-xl-12{margin-right:120px!important}.mb-xl-12,.my-xl-12{margin-bottom:120px!important}.ml-xl-12,.mx-xl-12{margin-left:120px!important}.m-xl-13{margin:130px!important}.mt-xl-13,.my-xl-13{margin-top:130px!important}.mr-xl-13,.mx-xl-13{margin-right:130px!important}.mb-xl-13,.my-xl-13{margin-bottom:130px!important}.ml-xl-13,.mx-xl-13{margin-left:130px!important}.m-xl-14{margin:140px!important}.mt-xl-14,.my-xl-14{margin-top:140px!important}.mr-xl-14,.mx-xl-14{margin-right:140px!important}.mb-xl-14,.my-xl-14{margin-bottom:140px!important}.ml-xl-14,.mx-xl-14{margin-left:140px!important}.m-xl-15{margin:150px!important}.mt-xl-15,.my-xl-15{margin-top:150px!important}.mr-xl-15,.mx-xl-15{margin-right:150px!important}.mb-xl-15,.my-xl-15{margin-bottom:150px!important}.ml-xl-15,.mx-xl-15{margin-left:150px!important}.m-xl-16{margin:160px!important}.mt-xl-16,.my-xl-16{margin-top:160px!important}.mr-xl-16,.mx-xl-16{margin-right:160px!important}.mb-xl-16,.my-xl-16{margin-bottom:160px!important}.ml-xl-16,.mx-xl-16{margin-left:160px!important}.m-xl-17{margin:170px!important}.mt-xl-17,.my-xl-17{margin-top:170px!important}.mr-xl-17,.mx-xl-17{margin-right:170px!important}.mb-xl-17,.my-xl-17{margin-bottom:170px!important}.ml-xl-17,.mx-xl-17{margin-left:170px!important}.m-xl-18{margin:180px!important}.mt-xl-18,.my-xl-18{margin-top:180px!important}.mr-xl-18,.mx-xl-18{margin-right:180px!important}.mb-xl-18,.my-xl-18{margin-bottom:180px!important}.ml-xl-18,.mx-xl-18{margin-left:180px!important}.m-xl-19{margin:190px!important}.mt-xl-19,.my-xl-19{margin-top:190px!important}.mr-xl-19,.mx-xl-19{margin-right:190px!important}.mb-xl-19,.my-xl-19{margin-bottom:190px!important}.ml-xl-19,.mx-xl-19{margin-left:190px!important}.m-xl-20{margin:200px!important}.mt-xl-20,.my-xl-20{margin-top:200px!important}.mr-xl-20,.mx-xl-20{margin-right:200px!important}.mb-xl-20,.my-xl-20{margin-bottom:200px!important}.ml-xl-20,.mx-xl-20{margin-left:200px!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:10px!important}.pt-xl-1,.py-xl-1{padding-top:10px!important}.pr-xl-1,.px-xl-1{padding-right:10px!important}.pb-xl-1,.py-xl-1{padding-bottom:10px!important}.pl-xl-1,.px-xl-1{padding-left:10px!important}.p-xl-2{padding:20px!important}.pt-xl-2,.py-xl-2{padding-top:20px!important}.pr-xl-2,.px-xl-2{padding-right:20px!important}.pb-xl-2,.py-xl-2{padding-bottom:20px!important}.pl-xl-2,.px-xl-2{padding-left:20px!important}.p-xl-3{padding:30px!important}.pt-xl-3,.py-xl-3{padding-top:30px!important}.pr-xl-3,.px-xl-3{padding-right:30px!important}.pb-xl-3,.py-xl-3{padding-bottom:30px!important}.pl-xl-3,.px-xl-3{padding-left:30px!important}.p-xl-4{padding:40px!important}.pt-xl-4,.py-xl-4{padding-top:40px!important}.pr-xl-4,.px-xl-4{padding-right:40px!important}.pb-xl-4,.py-xl-4{padding-bottom:40px!important}.pl-xl-4,.px-xl-4{padding-left:40px!important}.p-xl-5{padding:50px!important}.pt-xl-5,.py-xl-5{padding-top:50px!important}.pr-xl-5,.px-xl-5{padding-right:50px!important}.pb-xl-5,.py-xl-5{padding-bottom:50px!important}.pl-xl-5,.px-xl-5{padding-left:50px!important}.p-xl-6{padding:60px!important}.pt-xl-6,.py-xl-6{padding-top:60px!important}.pr-xl-6,.px-xl-6{padding-right:60px!important}.pb-xl-6,.py-xl-6{padding-bottom:60px!important}.pl-xl-6,.px-xl-6{padding-left:60px!important}.p-xl-7{padding:70px!important}.pt-xl-7,.py-xl-7{padding-top:70px!important}.pr-xl-7,.px-xl-7{padding-right:70px!important}.pb-xl-7,.py-xl-7{padding-bottom:70px!important}.pl-xl-7,.px-xl-7{padding-left:70px!important}.p-xl-8{padding:80px!important}.pt-xl-8,.py-xl-8{padding-top:80px!important}.pr-xl-8,.px-xl-8{padding-right:80px!important}.pb-xl-8,.py-xl-8{padding-bottom:80px!important}.pl-xl-8,.px-xl-8{padding-left:80px!important}.p-xl-9{padding:90px!important}.pt-xl-9,.py-xl-9{padding-top:90px!important}.pr-xl-9,.px-xl-9{padding-right:90px!important}.pb-xl-9,.py-xl-9{padding-bottom:90px!important}.pl-xl-9,.px-xl-9{padding-left:90px!important}.p-xl-10{padding:100px!important}.pt-xl-10,.py-xl-10{padding-top:100px!important}.pr-xl-10,.px-xl-10{padding-right:100px!important}.pb-xl-10,.py-xl-10{padding-bottom:100px!important}.pl-xl-10,.px-xl-10{padding-left:100px!important}.p-xl-11{padding:110px!important}.pt-xl-11,.py-xl-11{padding-top:110px!important}.pr-xl-11,.px-xl-11{padding-right:110px!important}.pb-xl-11,.py-xl-11{padding-bottom:110px!important}.pl-xl-11,.px-xl-11{padding-left:110px!important}.p-xl-12{padding:120px!important}.pt-xl-12,.py-xl-12{padding-top:120px!important}.pr-xl-12,.px-xl-12{padding-right:120px!important}.pb-xl-12,.py-xl-12{padding-bottom:120px!important}.pl-xl-12,.px-xl-12{padding-left:120px!important}.p-xl-13{padding:130px!important}.pt-xl-13,.py-xl-13{padding-top:130px!important}.pr-xl-13,.px-xl-13{padding-right:130px!important}.pb-xl-13,.py-xl-13{padding-bottom:130px!important}.pl-xl-13,.px-xl-13{padding-left:130px!important}.p-xl-14{padding:140px!important}.pt-xl-14,.py-xl-14{padding-top:140px!important}.pr-xl-14,.px-xl-14{padding-right:140px!important}.pb-xl-14,.py-xl-14{padding-bottom:140px!important}.pl-xl-14,.px-xl-14{padding-left:140px!important}.p-xl-15{padding:150px!important}.pt-xl-15,.py-xl-15{padding-top:150px!important}.pr-xl-15,.px-xl-15{padding-right:150px!important}.pb-xl-15,.py-xl-15{padding-bottom:150px!important}.pl-xl-15,.px-xl-15{padding-left:150px!important}.p-xl-16{padding:160px!important}.pt-xl-16,.py-xl-16{padding-top:160px!important}.pr-xl-16,.px-xl-16{padding-right:160px!important}.pb-xl-16,.py-xl-16{padding-bottom:160px!important}.pl-xl-16,.px-xl-16{padding-left:160px!important}.p-xl-17{padding:170px!important}.pt-xl-17,.py-xl-17{padding-top:170px!important}.pr-xl-17,.px-xl-17{padding-right:170px!important}.pb-xl-17,.py-xl-17{padding-bottom:170px!important}.pl-xl-17,.px-xl-17{padding-left:170px!important}.p-xl-18{padding:180px!important}.pt-xl-18,.py-xl-18{padding-top:180px!important}.pr-xl-18,.px-xl-18{padding-right:180px!important}.pb-xl-18,.py-xl-18{padding-bottom:180px!important}.pl-xl-18,.px-xl-18{padding-left:180px!important}.p-xl-19{padding:190px!important}.pt-xl-19,.py-xl-19{padding-top:190px!important}.pr-xl-19,.px-xl-19{padding-right:190px!important}.pb-xl-19,.py-xl-19{padding-bottom:190px!important}.pl-xl-19,.px-xl-19{padding-left:190px!important}.p-xl-20{padding:200px!important}.pt-xl-20,.py-xl-20{padding-top:200px!important}.pr-xl-20,.px-xl-20{padding-right:200px!important}.pb-xl-20,.py-xl-20{padding-bottom:200px!important}.pl-xl-20,.px-xl-20{padding-left:200px!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media(min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media(min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media(min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media(min-width:1300px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:400!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#1de9b6!important}a.text-primary:hover,a.text-primary:focus{color:#13c095!important}.text-secondary{color:#ffca28!important}a.text-secondary:hover,a.text-secondary:focus{color:#f4b800!important}.text-success{color:#28a745!important}a.text-success:hover,a.text-success:focus{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:hover,a.text-info:focus{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:hover,a.text-warning:focus{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:hover,a.text-danger:focus{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:hover,a.text-light:focus{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:hover,a.text-dark:focus{color:#1d2124!important}.text-muted{color:#6c757d!important}.text-hide{font:0/0 a;color:#0000;text-shadow:none;background-color:#0000;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.container{width:100%;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1300px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:10px;padding-left:10px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media(min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media(min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media(min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media(min-width:1300px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:#0000}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:#2125290d}.table-hover tbody tr:hover{background-color:#21252913}.table-primary,.table-primary>th,.table-primary>td{background-color:#c0f9eb}.table-hover .table-primary:hover{background-color:#a9f7e4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#a9f7e4}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#fff0c3}.table-hover .table-secondary:hover{background-color:#ffeaaa}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#ffeaaa}.table-success,.table-success>th,.table-success>td{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>th,.table-info>td{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>th,.table-warning>td{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>th,.table-danger>td{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>th,.table-light>td{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>th,.table-dark>td{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>th,.table-active>td{background-color:#21252913}.table-hover .table-active:hover{background-color:#16181b13}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:#16181b13}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark th,.table-dark td,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:#ffffff0d}.table-dark.table-hover tbody tr:hover{background-color:#ffffff13}@media(max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media(max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media(max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media(max-width:1299.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}/*!* Hamburgers
+* @description Tasty CSS-animated hamburgers
+* @author Jonathan Suh @jonsuh
+* @site https://jonsuh.com/hamburgers
+* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:32px;height:19px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1.5px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:32px;height:3px;background-color:#1de9b6;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger--slider .hamburger-inner{top:1.5px}.hamburger--slider .hamburger-inner::before{top:8px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:16px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-4.57142857px,-5px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-16px,0) rotate(-90deg)}ul,ol{margin:0;padding:0;list-style:none}.page{display:flex;min-height:100vh;flex-direction:column}.page .wrapper{flex:1}.header{color:#1de9b6;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.header.header-absolute{position:absolute;z-index:10;width:100%}.lock-scroll .header.header-absolute{position:static}.footer{background:#ffca28;padding-top:20px;padding-bottom:20px}.footer .footer-inner{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media(min-width:576px){.footer .footer-inner{justify-content:space-between;flex-direction:row;align-items:center}}.footer .footer-title{color:#fff;font-size:1.3rem;font-family:lora,Arial,sans-serif,-apple-system;margin-bottom:10px;flex:0}@media(min-width:576px){.footer .footer-title{margin:0;flex:0 0 120px}}.footer ul{list-style:none;margin:0;padding:0;flex:1}.footer ul li{display:block;margin-right:10px;color:#fff;font-size:.9rem;line-height:1.8}.footer ul li:last-of-type{margin-right:0}.footer ul li a{color:#fff;text-decoration:none}.footer ul li a:hover{text-decoration:underline}.footer ul li.copyright{font-weight:700;color:#fff;display:none}@media(min-width:768px){.footer ul li.copyright{display:inline-block}}@media(min-width:576px){.footer ul{height:inherit;display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:flex-end}.footer ul li{list-style:none}.footer ul li a{display:inline-block;height:40px;padding:10px 8px;font-weight:300}}.sub-footer{background:#f4b800;padding-top:20px;padding-bottom:20px}@media(min-width:768px){.sub-footer{padding-top:10px;padding-bottom:10px}}.sub-footer .sub-footer-inner{display:flex;flex-direction:column;justify-content:space-between}@media(min-width:768px){.sub-footer .sub-footer-inner{flex-direction:row}}.sub-footer .sub-footer-inner ul{list-style:none;margin:0;padding:0}.sub-footer .sub-footer-inner ul li{list-style:none;display:block;color:#fffcf4;font-size:.9rem;line-height:1.8}.sub-footer .sub-footer-inner ul li strong{font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li a{color:#fffcf4;text-decoration:none}.sub-footer .sub-footer-inner ul li a:hover{text-decoration:underline}.sub-footer .sub-footer-inner ul li span{display:inline-block;height:40px;padding:10px 0 10px 8px;font-weight:700;color:#fff}.sub-footer .sub-footer-inner ul li.zerostatic a{color:#fff}@media(min-width:576px){.sub-footer .sub-footer-inner ul li{display:inline-block;margin-left:10px}.sub-footer .sub-footer-inner ul li:first-of-type{margin-left:0}}.logo{display:none}@media(min-width:576px){.logo{display:block;width:70px}}.logo img{width:100%;height:auto}.logo a{display:block;width:100%;height:100%}.logo-mobile{display:block;width:40px;padding:10px 0}@media(min-width:576px){.logo-mobile{display:none}}.logo-mobile img{width:100%;height:auto}.logo-mobile a{display:block;width:100%;height:100%}.main-menu{display:none}@media(min-width:768px){.main-menu{display:block}}.main-menu>ul{display:flex;align-items:center;justify-content:flex-start;font-family:roboto,Arial,sans-serif,-apple-system}.main-menu>ul>li{list-style:none;font-size:14px}.main-menu>ul>li>a{padding:10px 14px;display:inline-block;font-weight:400;text-decoration:none;color:#1de9b6}.main-menu>ul>li>a:hover{text-decoration:underline;color:#1de9b6}.main-menu>ul>li.active>a{font-weight:700}.main-menu-mobile{position:fixed;background:#1de9b6;top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-menu-mobile.open{opacity:.9;visibility:visible;height:100%;z-index:20}.main-menu-mobile.open li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}.main-menu-mobile.open li:nth-of-type(2){animation-delay:.4s}.main-menu-mobile.open li:nth-of-type(3){animation-delay:.45s}.main-menu-mobile.open li:nth-of-type(4){animation-delay:.5s}.main-menu-mobile.open li:nth-of-type(5){animation-delay:.55s}.main-menu-mobile.open li:nth-of-type(6){animation-delay:.6s}.main-menu-mobile ul{font-size:2rem;font-family:lora,Arial,sans-serif,-apple-system;text-align:center;list-style:none;padding:0;margin:0;flex:0}.main-menu-mobile ul li{display:block;position:relative;opacity:0}.main-menu-mobile ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden}.main-menu-mobile ul li a:hover::after,.main-menu-mobile ul li a:focus::after,.main-menu-mobile ul li a:active::after{width:100%}.main-menu-mobile ul li a::after{content:'';position:absolute;bottom:0;left:50%;width:0%;transform:translateX(-50%);height:3px;background:#fff;transition:.35s}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}.lock-scroll{overflow:hidden}.docs-menu h4{font-size:1rem;font-weight:700}.docs-menu ul{list-style:none;padding:0;margin:0}.docs-menu ul li{font-size:.9rem;line-height:1.4;font-weight:400;margin:0;padding:4px 0}.docs-menu ul li.active a{color:#4beec5;font-weight:400}.docs-menu ul li a{color:#212529}.docs-menu ul li a:hover{color:#1de9b6}.hamburger{padding:10px 0 10px 10px;outline:none;z-index:30;cursor:pointer}@media(min-width:768px){.hamburger{display:none}}.hamburger:focus{outline:none}.hamburger .hamburger-inner,.hamburger .hamburger-inner::before,.hamburger .hamburger-inner::after{background:#1de9b6}.hamburger .hamburger-inner::after{width:18px;right:0}.hamburger.is-active .hamburger-inner::after{width:inherit;right:unset}.button{white-space:nowrap;display:inline-block;padding:8px 15px 6px;background:#1de9b6;font-weight:400;text-transform:uppercase;color:#fff;text-decoration:none;-webkit-transition:all .15s ease;transition:all .15s ease;border-radius:3px}.button:hover{color:#fff;background-color:#4beec5;text-decoration:none}.button-white{background:0 0;color:#fff;border:2px solid #fff}.title{color:#222;font-size:2.4rem;line-height:1.2;font-family:roboto,Arial,sans-serif,-apple-system;letter-spacing:-.2px;font-weight:100;margin-bottom:30px}@media(min-width:768px){.title{font-size:3rem}}.content{-webkit-font-smoothing:antialiased}.content pre{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;margin:0;background:#f5f5f5;padding:10px;border-radius:1px;color:#383f45}.content pre code{font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4;border-radius:none;padding:0;margin:0}.content code{background:#f5f5f5;padding:3px 6px;border-radius:3px;color:#383f45;font-family:roboto mono,monospace;font-size:.9rem;line-height:1.4}.content .highlight{margin-bottom:20px}.content ul,.content ol{margin-top:10px;margin-bottom:20px}.content ul li,.content ol li{margin-bottom:5px;margin-left:20px}.content a{text-decoration:underline}.content p{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;line-height:1.7;color:#383f45;font-weight:400}.content h1{font-family:lora,Arial,sans-serif,-apple-system;line-height:1.2;font-weight:300;margin-bottom:20px}@media(min-width:768px){.content h1{line-height:1.2;font-weight:300}}.content h2{font-size:2.2rem;line-height:1.6;font-weight:300;letter-spacing:-.01em;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}@media(min-width:768px){.content h2{line-height:1.4}}.content h3{font-size:1.34rem;line-height:1.6;font-weight:400;font-family:roboto,Arial,sans-serif,-apple-system;margin-bottom:20px}@media(min-width:768px){.content h3{line-height:1.4}}.strip{background-repeat:no-repeat}.strip-white{background-color:#fff}.strip-grey{background-color:#f4f5fb}.strip-diagonal{transform:skewY(5deg);padding-bottom:50px;margin-bottom:65px}.strip-diagonal>div{transform:skewY(-5deg)}.strip-primary-gradient{background-image:linear-gradient(to right,#1de9b6,#ffca28)}.strip-primary-gradient-top-bottom{background-image:linear-gradient(to bottom,#1de9b6,#ffca28)}.strip-primary{background-color:#1de9b6}.strip-secondary{background-color:#ffca28}.strip-diagonal-right{margin-top:-100px;transform:skewY(-5deg);padding-bottom:100px}.strip-diagonal-right>div{transform:skewY(5deg)}.strip-diagonal-left{margin-top:-100px;transform:skewY(5deg);padding-bottom:100px}.strip-diagonal-left>div{transform:skewY(-5deg)}.strip-bg-contain{background-size:contain}.strip-bg-cover{background-size:cover}.whitebox{border:1px solid #dcdcdc;border-radius:3px;box-shadow:0 1px 18px #0003;background:#fff;padding:10px}.highlight .hll{background-color:#ffc}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000;font-weight:700}.highlight .o{color:#000;font-weight:700}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:700;font-style:italic}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:700;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .ge{color:#000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000;font-weight:700}.highlight .kd{color:#000;font-weight:700}.highlight .kn{color:#000;font-weight:700}.highlight .kp{color:#000;font-weight:700}.highlight .kr{color:#000;font-weight:700}.highlight .kt{color:#458;font-weight:700}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:700}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:700}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:700}.highlight .nf{color:#900;font-weight:700}.highlight .nl{color:#900;font-weight:700}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000;font-weight:700}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}.overview{background:#fafad2;border-radius:3px;padding:4px 10px;float:right}.page-home{text-align:center}.page-home .title{font-weight:lighter;font-family:roboto,Arial,sans-serif,-apple-system}.page-home p{width:60%;margin:0 auto;font-size:1.2rem;font-weight:lighter;margin-bottom:40px}.page-home .terminal{background:#eaeaea;border-radius:3px;width:80%;margin:0 auto;border:1px solid #dcdcdc;border-radius:3px;box-shadow:0 1px 18px #0003;background:#fff;padding:10px;margin-top:-200px}.page-home .terminal img{width:100%;height:auto}body{font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;font-weight:400;line-height:1.4;color:#212529}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json
new file mode 100644
index 0000000..883ceb0
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json
@@ -0,0 +1 @@
+{"Target":"css/style.min.1a876c28459b75260863a973813f86e2f3223c539d31beb6aeeb9dbc0e880fc2.css","MediaType":"text/css","Data":{"Integrity":"sha256-GodsKEWbdSYIY6lzgT+G4vMiPFOdMb62ruudvA6ID8I="}}
\ No newline at end of file
diff --git a/layouts/404/404.html b/layouts/404/404.html
new file mode 100644
index 0000000..edd821d
--- /dev/null
+++ b/layouts/404/404.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>Page Not Found</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link href='/css/style.min.css' rel='stylesheet' />
+
+</head>
+
+<body>
+  <div id="wrapper" class="wrapper">
+
+    <div class="container pt-9 pb-9 pt-md-13 pb-md-13">
+      <div class="row justify-content-center align-content-between">
+        <div class="col-9 text-center">
+          <h1 class="display-1 text-primary mb-4">Page not found</h1>
+        </div>
+        <div class="col-9 text-center mb-2">
+          <a href="/" class="btn btn-primary">Home</a>
+        </div>
+        <div class="col-9 text-center mb-2">
+          <a href="/contact" class="btn btn-primary">Contact Us</a>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 0000000..1b11532
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>{{ block "title" . }}{{ .Title }} - {{ .Site.Title }}{{ end }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {{ block "meta_tags" . }}{{end}}
+  <link rel="icon" href="{{ .Site.BaseURL }}favicon.png">
+
+  {{ if .Site.IsServer }}
+  {{ $style := resources.Get "scss/style.scss" | toCSS (dict "targetPath" "css/style.css" "enableSourceMap" true) }}
+  <link rel="stylesheet" href="{{ ($style).RelPermalink }}">
+  {{ else }}
+  {{ $style := resources.Get "scss/style.scss" | toCSS (dict "targetPath" "css/style.css" "enableSourceMap" false) }}
+  <link rel="stylesheet" href="{{ ($style | minify | fingerprint).RelPermalink }}">
+  {{ end }}
+
+  {{ block "header_css" . }}{{ end }}
+
+</head>
+
+<body class='page {{ block "body_classes" . }}{{ end }}'>
+  {{ partial "main-menu-mobile.html" . }}
+  <div id="wrapper" class="wrapper">
+    {{ partial "header.html" . }}
+    {{ if eq .Section "docs" }}
+    <div class="container pt-3 pt-md-6">
+      <div class="row">
+        <div class="col-12 col-md-3 mb-2">
+          <div class="sidebar">
+            {{ partial "docs-menu.html" . }}
+          </div>
+        </div>
+        <div class="col-12 col-md-9">
+          {{ block "main" . }}
+          {{ end }}
+        </div>
+      </div>
+    </div>
+    {{ else }}
+    {{ block "main" . }}
+    {{ end }}
+    {{ end}}
+
+  </div>
+
+
+  {{ $scripts := resources.Get "js/scripts.js" }}
+
+  {{ block "footer_js" . }}
+  {{ end }}
+
+  {{ if .Site.IsServer }}
+  <script type="text/javascript" src="{{ $scripts.RelPermalink }}"></script>
+  {{ else }}
+  <script type="text/javascript" src="{{ ($scripts | minify | fingerprint).RelPermalink }}"></script>
+  {{ end }}
+
+  {{ partial "google-analytics.html" . }}
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
new file mode 100644
index 0000000..5eb70fd
--- /dev/null
+++ b/layouts/_default/list.html
@@ -0,0 +1,16 @@
+{{ define "header_css" }}{{ end }} {{ define "body_classes" }}{{ end }}
+{{ define "header_classes" }}{{ end }}
+
+{{ define "main" }}
+
+<span class="overview">Overview</span>
+<h1 class="title">{{ .Title }}</h1>
+<div class="content">
+  {{ .Content }}
+</div>
+
+{{ range.Pages }}
+<div class="content">{{.Content}}</div>
+{{ end }}
+
+{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 0000000..86dc697
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1,11 @@
+{{ define "header_css" }}{{ end }}
+{{ define "body_classes" }}{{ end }}
+{{ define "header_classes" }}{{ end }}
+
+{{ define "main" }}
+<h1 class="title">{{.Title}}</h1>
+<div class="content">
+  {{.Content}}
+</div>
+</div>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html
new file mode 100644
index 0000000..0bb323f
--- /dev/null
+++ b/layouts/_default/summary.html
@@ -0,0 +1,7 @@
+<div class="summary">
+  {{ if .Params.image }}
+  <img alt="{{ .Title }}" src="{{ .Params.image }}" />
+  {{ end}}
+  <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
+  {{ .Content | truncate 100 }}
+</div>
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 0000000..e188328
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1,40 @@
+{{ define "title" }}Hugo Hero Theme Demo{{ end}}
+{{ define "header_css" }}{{ end }}
+{{ define "body_classes" }}page-home{{ end }}
+{{ define "header_classes" }}header-transparent{{ end }}
+
+{{ define "meta_tags" }}
+<meta name="description" content="{{ .Site.Params.homepage_meta_tags.meta_description }}" />
+<meta property="og:title" content="{{ .Site.Params.homepage_meta_tags.meta_og_title }}" />
+<meta property="og:type" content="{{ .Site.Params.homepage_meta_tags.meta_og_type }}" />
+<meta property="og:url" content="{{ .Site.Params.homepage_meta_tags.meta_og_url }}" />
+<meta property="og:image" content="{{ .Site.Params.homepage_meta_tags.meta_og_image }}" />
+<meta property="og:description" content="{{ .Site.Params.homepage_meta_tags.meta_og_description }}" />
+<meta name="twitter:card" content="{{ .Site.Params.homepage_meta_tags.meta_twitter_card }}" />
+<meta name="twitter:site" content="{{ .Site.Params.homepage_meta_tags.meta_twitter_site }}" />
+<meta name="twitter:creator" content="{{ .Site.Params.homepage_meta_tags.meta_twitter_creator }}" />
+{{ end }}
+
+{{ define "main" }}
+<div class="strip">
+  <div class="container pt-6 pb-16">
+    <div class="row">
+      <div class="col-12">
+        <h1 class="title">{{.Title}}</h1>
+        <div class="content">
+          {{.Content}}
+        </div>
+        <a class="button button-primary mb-2" href="{{ .Site.BaseURL }}docs">Read The Docs</a>
+      </div>
+    </div>
+  </div>
+  <div class="strip strip-grey pt-4 pb-4">
+    <div class="terminal">
+      <img src="{{ .Site.BaseURL }}images/terminal-white.gif" />
+    </div>
+  </div>
+</div>
+{{ end }}
+
+{{ define "footer_js" }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/docs-menu.html b/layouts/partials/docs-menu.html
new file mode 100644
index 0000000..adbbac4
--- /dev/null
+++ b/layouts/partials/docs-menu.html
@@ -0,0 +1,11 @@
+{{$currentNode := .}}
+<div class="docs-menu">
+  <h4>Docs</h4>
+  <ul>
+    {{ range (where .Site.Pages "Section" "docs") sort .Site.Pages ".Weight" }}
+    <li class="{{ if eq .UniqueID $currentNode.UniqueID }}active {{ end }}">
+      <a href="{{ .URL }}">{{ .Title }}</a>
+    </li>
+    {{ end }}
+  </ul>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..13054e6
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,14 @@
+<div class="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="footer-inner">
+          <ul class="footer-menu">
+            <li><a href="{{ .Site.BaseURL }}">Home</a></li>
+            <li><a href="{{ .Site.BaseURL }}contact">Contact</a></li>
+            <li class="copyright">© {{ now.Format "2006" }} {{.Site.Title}}</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/google-analytics.html b/layouts/partials/google-analytics.html
new file mode 100644
index 0000000..63c84ab
--- /dev/null
+++ b/layouts/partials/google-analytics.html
@@ -0,0 +1,26 @@
+{{- if .Site.IsServer -}}
+  <!-- Dont add Google analytics to localhost -->
+{{ else }}
+  {{ $gid := (getenv "HUGO_GOOGLE_ANALYTICS_ID") }}
+  {{ if $gid }}
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{- $gid -}}"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '{{- $gid -}}');
+    </script>
+  {{ else }}
+    {{ if .Site.Params.google_analytics_id }}
+      <!-- Global site tag (gtag.js) - Google Analytics -->
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{- .Site.Params.google_analytics_id -}}"></script>
+      <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', '{{- .Site.Params.google_analytics_id -}}');
+      </script>
+    {{ end }}
+  {{ end}}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/hamburger.html b/layouts/partials/hamburger.html
new file mode 100644
index 0000000..a6d7de9
--- /dev/null
+++ b/layouts/partials/hamburger.html
@@ -0,0 +1,5 @@
+<button id="toggle-main-menu-mobile" class="hamburger hamburger--slider" type="button">
+  <span class="hamburger-box">
+    <span class="hamburger-inner"></span>
+  </span>
+</button>
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
new file mode 100644
index 0000000..9038b21
--- /dev/null
+++ b/layouts/partials/header.html
@@ -0,0 +1,12 @@
+<div class='header'>
+  <div class="container">
+    <div class="logo">
+      <a href="{{ .Site.BaseURL }}"><img alt="Figurit Homepage" src="{{ .Site.BaseURL }}images/logo.svg" /></a>
+    </div>
+    <div class="logo-mobile">
+      <a href="{{ .Site.BaseURL }}"><img alt="Figurit Homepage" src="{{ .Site.BaseURL }}images/logo-mobile.svg" /></a>
+    </div>
+    {{ partial "main-menu.html" . }}
+    {{ partial "hamburger.html" . }}
+  </div>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/main-menu-mobile.html b/layouts/partials/main-menu-mobile.html
new file mode 100644
index 0000000..2aae467
--- /dev/null
+++ b/layouts/partials/main-menu-mobile.html
@@ -0,0 +1,13 @@
+<div id="main-menu-mobile" class="main-menu-mobile">
+  <ul>
+    {{ $currentPage := . }}
+    {{ range .Site.Menus.main }}
+    <li class="menu-item-{{ .Name | lower }}{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">
+      <a href="{{.URL}}">
+        {{ .Pre }}
+        <span>{{ .Name }}</span>
+      </a>
+    </li>
+    {{end}}
+  </ul>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/main-menu.html b/layouts/partials/main-menu.html
new file mode 100644
index 0000000..924c91b
--- /dev/null
+++ b/layouts/partials/main-menu.html
@@ -0,0 +1,13 @@
+<div id="main-menu" class="main-menu">
+  <ul>
+    {{ $currentPage := . }}
+    {{ range .Site.Menus.main }}
+    <li class="menu-item-{{ .Name | lower }}{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">
+      <a href="{{.URL}}">
+        {{ .Pre }}
+        <span>{{ .Name }}</span>
+      </a>
+    </li>
+    {{end}}
+  </ul>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/sub-footer.html b/layouts/partials/sub-footer.html
new file mode 100644
index 0000000..caffd84
--- /dev/null
+++ b/layouts/partials/sub-footer.html
@@ -0,0 +1,18 @@
+<div class="sub-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="sub-footer-inner">
+          <ul>
+            <li><strong>Phone: </strong>{{ .Site.Data.contact.phone }}</li>
+            <li><strong>Email: </strong><a href="mailto:{{ .Site.Data.contact.email }}">
+                {{ .Site.Data.contact.email }}</a></li>
+          </ul>
+          <ul>
+            <li class="zerostatic"><a href="https://www.zerostatic.io">www.zerostatic.io</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000..cad2173
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,8 @@
+[build]
+  publish = "exampleSite/public"
+  command = "cd exampleSite && hugo --gc --themesDir ../.."
+
+[build.environment]
+  HUGO_VERSION = "0.51"
+  HUGO_THEME = "repo"
+  HUGO_BASEURL = "/"
\ No newline at end of file
diff --git a/static/images/logo-mobile.svg b/static/images/logo-mobile.svg
new file mode 100644
index 0000000..af4ad2c
--- /dev/null
+++ b/static/images/logo-mobile.svg
@@ -0,0 +1 @@
+<svg fill="#50E3C2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 5 5" enable-background="new 0 0 5 5" xml:space="preserve"><g><g><path fill="#50E3C2" d="M1.815,3.222c-0.011,0-0.021-0.009-0.021-0.021V2.5c0-0.011,0.009-0.021,0.021-0.021    c0.012,0,0.021,0.01,0.021,0.021v0.701C1.836,3.213,1.827,3.222,1.815,3.222z"></path></g><g><path fill="#50E3C2" d="M1.815,2.489c-0.011,0-0.021-0.009-0.021-0.021V1.991c0-0.012,0.009-0.021,0.021-0.021    c0.012,0,0.021,0.009,0.021,0.021v0.478C1.836,2.48,1.827,2.489,1.815,2.489z"></path></g><g><path fill="#50E3C2" d="M1.834,2.494c-0.003,0-0.006,0-0.009-0.002c-0.01-0.005-0.014-0.017-0.01-0.027l0.201-0.433    c0.005-0.011,0.018-0.016,0.028-0.01C2.056,2.027,2.06,2.039,2.055,2.05L1.854,2.482C1.85,2.49,1.843,2.494,1.834,2.494z"></path></g><g><path fill="#50E3C2" d="M2.754,2.115c-0.005,0-0.01-0.002-0.015-0.006C2.731,2.102,2.73,2.089,2.738,2.08l0.206-0.22    c0.008-0.009,0.021-0.009,0.029-0.001c0.009,0.008,0.009,0.021,0.001,0.029l-0.206,0.22C2.765,2.112,2.759,2.115,2.754,2.115z"></path></g><g><path fill="#50E3C2" d="M2.688,1.874c-0.005,0-0.01-0.001-0.013-0.005C2.666,1.862,2.665,1.849,2.672,1.84l0.189-0.234    c0.007-0.009,0.02-0.01,0.029-0.002C2.899,1.61,2.9,1.624,2.893,1.633L2.704,1.866C2.7,1.871,2.694,1.874,2.688,1.874z"></path></g><g><path fill="#50E3C2" d="M2.331,1.99c-0.005,0-0.009-0.001-0.013-0.004c-0.009-0.008-0.01-0.021-0.003-0.029l0.191-0.233    c0.007-0.009,0.02-0.01,0.028-0.003C2.543,1.729,2.545,1.741,2.538,1.75L2.347,1.982C2.343,1.988,2.337,1.99,2.331,1.99z"></path></g><g><path fill="#50E3C2" d="M4.031,1.979c-0.002,0-0.005-0.001-0.008-0.002c-0.01-0.004-0.016-0.016-0.012-0.026L4.12,1.67    c0.004-0.011,0.017-0.016,0.027-0.012c0.01,0.005,0.016,0.016,0.012,0.026L4.05,1.966C4.047,1.975,4.039,1.979,4.031,1.979z"></path></g><g><path fill="#50E3C2" d="M3.804,1.854c-0.01,0-0.019-0.008-0.021-0.018L3.735,1.54C3.733,1.528,3.741,1.518,3.752,1.516    s0.022,0.006,0.024,0.018L3.825,1.83c0.001,0.011-0.006,0.021-0.017,0.023C3.807,1.854,3.806,1.854,3.804,1.854z"></path></g><g><path fill="#50E3C2" d="M4.662,1.788c0,0-0.001,0-0.001,0C4.649,1.787,4.64,1.777,4.641,1.766l0.019-0.3    c0.001-0.012,0.011-0.021,0.022-0.02c0.011,0,0.02,0.011,0.019,0.021L4.683,1.769C4.682,1.779,4.673,1.788,4.662,1.788z"></path></g><g><path fill="#50E3C2" d="M1.859,2.526c-0.009,0-0.017-0.007-0.02-0.016C1.836,2.499,1.843,2.488,1.854,2.485L2.314,2.36    C2.325,2.357,2.337,2.363,2.34,2.374c0.003,0.012-0.003,0.023-0.015,0.025l-0.46,0.126C1.863,2.526,1.861,2.526,1.859,2.526z"></path></g><g><path fill="#50E3C2" d="M2.33,2.627c-0.001,0-0.002,0-0.004-0.001l-0.47-0.08C1.844,2.543,1.837,2.533,1.839,2.521    c0.002-0.011,0.012-0.019,0.024-0.017l0.471,0.081c0.011,0.002,0.019,0.013,0.017,0.023S2.34,2.627,2.33,2.627z"></path></g><g><path fill="#50E3C2" d="M2.243,2.836c-0.004,0-0.008-0.001-0.012-0.004C2.228,2.83,2.214,2.82,2.163,2.785L1.839,2.561    c-0.01-0.007-0.012-0.02-0.005-0.028c0.007-0.01,0.02-0.012,0.029-0.006l0.324,0.225c0.051,0.035,0.064,0.045,0.068,0.047    c0.01,0.007,0.012,0.021,0.005,0.029C2.256,2.833,2.25,2.836,2.243,2.836z"></path></g><g><path fill="#50E3C2" d="M2.077,2.989c-0.007,0-0.014-0.004-0.018-0.01L1.818,2.567c-0.006-0.01-0.003-0.022,0.008-0.028    c0.009-0.006,0.022-0.003,0.028,0.007l0.241,0.412C2.1,2.969,2.097,2.98,2.087,2.986C2.084,2.989,2.08,2.989,2.077,2.989z"></path></g><g><path fill="#50E3C2" d="M1.57,3.001C1.567,3.001,1.563,3,1.561,2.999C1.55,2.993,1.546,2.98,1.552,2.971    c0.005-0.01,0.032-0.063,0.22-0.425C1.777,2.536,1.79,2.532,1.8,2.538c0.011,0.005,0.014,0.018,0.009,0.027    C1.621,2.927,1.593,2.98,1.588,2.989C1.584,2.997,1.578,3.001,1.57,3.001z"></path></g><g><path fill="#50E3C2" d="M1.386,2.841c-0.006,0-0.013-0.003-0.017-0.009C1.363,2.822,1.365,2.81,1.374,2.803l0.388-0.278    c0.01-0.007,0.022-0.004,0.029,0.005c0.007,0.01,0.005,0.021-0.004,0.028L1.399,2.837C1.395,2.84,1.391,2.841,1.386,2.841z"></path></g><g><path fill="#50E3C2" d="M1.295,2.615c-0.01,0-0.019-0.008-0.021-0.019C1.272,2.586,1.281,2.575,1.292,2.573    C1.302,2.572,1.361,2.562,1.764,2.5c0.011-0.001,0.022,0.007,0.024,0.018C1.79,2.529,1.782,2.54,1.77,2.541    C1.368,2.604,1.309,2.612,1.298,2.614C1.297,2.614,1.296,2.615,1.295,2.615z"></path></g><g><path fill="#50E3C2" d="M1.77,2.521c-0.002,0-0.004,0-0.006-0.001L1.658,2.484C1.365,2.389,1.318,2.374,1.31,2.371    C1.298,2.367,1.292,2.355,1.296,2.345s0.016-0.018,0.026-0.014C1.332,2.334,1.378,2.35,1.67,2.445l0.105,0.034    C1.787,2.483,1.793,2.495,1.79,2.506C1.786,2.515,1.778,2.521,1.77,2.521z"></path></g><g><path fill="#50E3C2" d="M1.782,2.502c-0.006,0-0.011-0.002-0.015-0.006c-0.288-0.288-0.331-0.33-0.338-0.338s-0.008-0.021,0-0.029    c0.008-0.008,0.021-0.008,0.03,0c0.007,0.008,0.049,0.05,0.338,0.338c0.008,0.008,0.008,0.021,0,0.029    C1.792,2.5,1.787,2.502,1.782,2.502z"></path></g><g><path fill="#50E3C2" d="M1.798,2.492c-0.008,0-0.016-0.005-0.02-0.013L1.6,2.036C1.596,2.025,1.601,2.014,1.611,2.009    C1.623,2.005,1.634,2.01,1.639,2.021l0.178,0.442C1.821,2.475,1.816,2.486,1.806,2.49C1.803,2.491,1.8,2.492,1.798,2.492z"></path></g><g><circle fill="#50E3C2" cx="3.369" cy="1.712" r="0.121"></circle><circle fill="#50E3C2" cx="3.234" cy="1.33" r="0.121"></circle><circle fill="#50E3C2" cx="3.742" cy="1.526" r="0.121"></circle><circle fill="#50E3C2" cx="3.414" cy="2.515" r="0.121"></circle><circle fill="#50E3C2" cx="3.426" cy="3.042" r="0.121"></circle><circle fill="#50E3C2" cx="2.954" cy="3.391" r="0.121"></circle><circle fill="#50E3C2" cx="2.607" cy="3.708" r="0.121"></circle><circle fill="#50E3C2" cx="2.177" cy="3.899" r="0.121"></circle><circle fill="#50E3C2" cx="1.71" cy="3.942" r="0.121"></circle><circle fill="#50E3C2" cx="1.252" cy="3.834" r="0.121"></circle><circle fill="#50E3C2" cx="0.853" cy="3.585" r="0.121"></circle><circle fill="#50E3C2" cx="0.555" cy="3.222" r="0.121"></circle><circle fill="#50E3C2" cx="0.388" cy="2.782" r="0.121"></circle><circle fill="#50E3C2" cx="0.371" cy="2.312" r="0.121"></circle><circle fill="#50E3C2" cx="0.505" cy="1.862" r="0.121"></circle><circle fill="#50E3C2" cx="0.775" cy="1.477" r="0.121"></circle><circle fill="#50E3C2" cx="1.155" cy="1.2" r="0.121"></circle><circle fill="#50E3C2" cx="1.603" cy="1.058" r="0.121"></circle><circle fill="#50E3C2" cx="2.073" cy="1.066" r="0.121"></circle><circle fill="#50E3C2" cx="2.516" cy="1.225" r="0.121"></circle><circle fill="#50E3C2" cx="4.153" cy="1.662" r="0.102"></circle><circle fill="#50E3C2" cx="2.886" cy="1.587" r="0.102"></circle><circle fill="#50E3C2" cx="3.69" cy="2.013" r="0.102"></circle><circle fill="#50E3C2" cx="3.104" cy="2.726" r="0.102"></circle><circle fill="#50E3C2" cx="2.883" cy="3.084" r="0.102"></circle><circle fill="#50E3C2" cx="2.638" cy="3.396" r="0.102"></circle><circle fill="#50E3C2" cx="2.306" cy="3.613" r="0.102"></circle><circle fill="#50E3C2" cx="1.922" cy="3.712" r="0.102"></circle><circle fill="#50E3C2" cx="1.527" cy="3.684" r="0.102"></circle><circle fill="#50E3C2" cx="1.161" cy="3.531" r="0.102"></circle><circle fill="#50E3C2" cx="0.864" cy="3.269" r="0.102"></circle><circle fill="#50E3C2" cx="0.666" cy="2.925" r="0.102"></circle><circle fill="#50E3C2" cx="0.588" cy="2.536" r="0.102"></circle><circle fill="#50E3C2" cx="0.638" cy="2.143" r="0.102"></circle><circle fill="#50E3C2" cx="0.812" cy="1.787" r="0.102"></circle><circle fill="#50E3C2" cx="1.09" cy="1.504" r="0.102"></circle><circle fill="#50E3C2" cx="1.444" cy="1.325" r="0.102"></circle><circle fill="#50E3C2" cx="1.836" cy="1.269" r="0.102"></circle><circle fill="#50E3C2" cx="2.226" cy="1.341" r="0.102"></circle><circle fill="#50E3C2" cx="2.954" cy="1.129" r="0.102"></circle><circle fill="#50E3C2" cx="4.145" cy="1.296" r="0.086"></circle><circle fill="#50E3C2" cx="2.957" cy="1.856" r="0.087"></circle><circle fill="#50E3C2" cx="3.292" cy="2.155" r="0.086"></circle><circle fill="#50E3C2" cx="2.849" cy="2.511" r="0.087"></circle><circle fill="#50E3C2" cx="2.79" cy="2.841" r="0.086"></circle><circle fill="#50E3C2" cx="2.628" cy="3.136" r="0.086"></circle><circle fill="#50E3C2" cx="2.381" cy="3.363" r="0.086"></circle><circle fill="#50E3C2" cx="2.075" cy="3.499" r="0.086"></circle><circle fill="#50E3C2" cx="1.74" cy="3.53" r="0.086"></circle><circle fill="#50E3C2" cx="1.414" cy="3.453" r="0.086"></circle><circle fill="#50E3C2" cx="1.129" cy="3.275" r="0.086"></circle><circle fill="#50E3C2" cx="0.916" cy="3.016" r="0.086"></circle><circle fill="#50E3C2" cx="0.797" cy="2.701" r="0.086"></circle><circle fill="#50E3C2" cx="0.785" cy="2.367" r="0.087"></circle><circle fill="#50E3C2" cx="0.88" cy="2.044" r="0.087"></circle><circle fill="#50E3C2" cx="1.073" cy="1.77" r="0.086"></circle><circle fill="#50E3C2" cx="1.344" cy="1.571" r="0.086"></circle><circle fill="#50E3C2" cx="1.664" cy="1.47" r="0.086"></circle><circle fill="#50E3C2" cx="2" cy="1.477" r="0.086"></circle><circle fill="#50E3C2" cx="2.316" cy="1.59" r="0.087"></circle><circle fill="#50E3C2" cx="4.677" cy="1.471" r="0.073"></circle><circle fill="#50E3C2" cx="2.993" cy="2.162" r="0.073"></circle><circle fill="#50E3C2" cx="3.716" cy="2.345" r="0.073"></circle><circle fill="#50E3C2" cx="2.673" cy="2.65" r="0.073"></circle><circle fill="#50E3C2" cx="2.578" cy="2.917" r="0.073"></circle><circle fill="#50E3C2" cx="2.403" cy="3.14" r="0.073"></circle><circle fill="#50E3C2" cx="2.166" cy="3.294" r="0.073"></circle><circle fill="#50E3C2" cx="1.892" cy="3.366" r="0.073"></circle><circle fill="#50E3C2" cx="1.61" cy="3.345" r="0.073"></circle><circle fill="#50E3C2" cx="1.349" cy="3.236" r="0.073"></circle><circle fill="#50E3C2" cx="1.137" cy="3.048" r="0.073"></circle><circle fill="#50E3C2" cx="0.995" cy="2.804" r="0.072"></circle><circle fill="#50E3C2" cx="0.939" cy="2.526" r="0.073"></circle><circle fill="#50E3C2" cx="0.976" cy="2.245" r="0.073"></circle><circle fill="#50E3C2" cx="1.099" cy="1.991" r="0.073"></circle><circle fill="#50E3C2" cx="1.298" cy="1.789" r="0.073"></circle><circle fill="#50E3C2" cx="1.551" cy="1.662" r="0.073"></circle><circle fill="#50E3C2" cx="1.831" cy="1.621" r="0.073"></circle><circle fill="#50E3C2" cx="2.109" cy="1.673" r="0.073"></circle><circle fill="#50E3C2" cx="2.532" cy="1.709" r="0.073"></circle><g><circle fill="#50E3C2" cx="1.817" cy="2.5" r="0.335"></circle></g></g></g></svg>
\ No newline at end of file
diff --git a/static/images/logo.svg b/static/images/logo.svg
new file mode 100644
index 0000000..af4ad2c
--- /dev/null
+++ b/static/images/logo.svg
@@ -0,0 +1 @@
+<svg fill="#50E3C2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 5 5" enable-background="new 0 0 5 5" xml:space="preserve"><g><g><path fill="#50E3C2" d="M1.815,3.222c-0.011,0-0.021-0.009-0.021-0.021V2.5c0-0.011,0.009-0.021,0.021-0.021    c0.012,0,0.021,0.01,0.021,0.021v0.701C1.836,3.213,1.827,3.222,1.815,3.222z"></path></g><g><path fill="#50E3C2" d="M1.815,2.489c-0.011,0-0.021-0.009-0.021-0.021V1.991c0-0.012,0.009-0.021,0.021-0.021    c0.012,0,0.021,0.009,0.021,0.021v0.478C1.836,2.48,1.827,2.489,1.815,2.489z"></path></g><g><path fill="#50E3C2" d="M1.834,2.494c-0.003,0-0.006,0-0.009-0.002c-0.01-0.005-0.014-0.017-0.01-0.027l0.201-0.433    c0.005-0.011,0.018-0.016,0.028-0.01C2.056,2.027,2.06,2.039,2.055,2.05L1.854,2.482C1.85,2.49,1.843,2.494,1.834,2.494z"></path></g><g><path fill="#50E3C2" d="M2.754,2.115c-0.005,0-0.01-0.002-0.015-0.006C2.731,2.102,2.73,2.089,2.738,2.08l0.206-0.22    c0.008-0.009,0.021-0.009,0.029-0.001c0.009,0.008,0.009,0.021,0.001,0.029l-0.206,0.22C2.765,2.112,2.759,2.115,2.754,2.115z"></path></g><g><path fill="#50E3C2" d="M2.688,1.874c-0.005,0-0.01-0.001-0.013-0.005C2.666,1.862,2.665,1.849,2.672,1.84l0.189-0.234    c0.007-0.009,0.02-0.01,0.029-0.002C2.899,1.61,2.9,1.624,2.893,1.633L2.704,1.866C2.7,1.871,2.694,1.874,2.688,1.874z"></path></g><g><path fill="#50E3C2" d="M2.331,1.99c-0.005,0-0.009-0.001-0.013-0.004c-0.009-0.008-0.01-0.021-0.003-0.029l0.191-0.233    c0.007-0.009,0.02-0.01,0.028-0.003C2.543,1.729,2.545,1.741,2.538,1.75L2.347,1.982C2.343,1.988,2.337,1.99,2.331,1.99z"></path></g><g><path fill="#50E3C2" d="M4.031,1.979c-0.002,0-0.005-0.001-0.008-0.002c-0.01-0.004-0.016-0.016-0.012-0.026L4.12,1.67    c0.004-0.011,0.017-0.016,0.027-0.012c0.01,0.005,0.016,0.016,0.012,0.026L4.05,1.966C4.047,1.975,4.039,1.979,4.031,1.979z"></path></g><g><path fill="#50E3C2" d="M3.804,1.854c-0.01,0-0.019-0.008-0.021-0.018L3.735,1.54C3.733,1.528,3.741,1.518,3.752,1.516    s0.022,0.006,0.024,0.018L3.825,1.83c0.001,0.011-0.006,0.021-0.017,0.023C3.807,1.854,3.806,1.854,3.804,1.854z"></path></g><g><path fill="#50E3C2" d="M4.662,1.788c0,0-0.001,0-0.001,0C4.649,1.787,4.64,1.777,4.641,1.766l0.019-0.3    c0.001-0.012,0.011-0.021,0.022-0.02c0.011,0,0.02,0.011,0.019,0.021L4.683,1.769C4.682,1.779,4.673,1.788,4.662,1.788z"></path></g><g><path fill="#50E3C2" d="M1.859,2.526c-0.009,0-0.017-0.007-0.02-0.016C1.836,2.499,1.843,2.488,1.854,2.485L2.314,2.36    C2.325,2.357,2.337,2.363,2.34,2.374c0.003,0.012-0.003,0.023-0.015,0.025l-0.46,0.126C1.863,2.526,1.861,2.526,1.859,2.526z"></path></g><g><path fill="#50E3C2" d="M2.33,2.627c-0.001,0-0.002,0-0.004-0.001l-0.47-0.08C1.844,2.543,1.837,2.533,1.839,2.521    c0.002-0.011,0.012-0.019,0.024-0.017l0.471,0.081c0.011,0.002,0.019,0.013,0.017,0.023S2.34,2.627,2.33,2.627z"></path></g><g><path fill="#50E3C2" d="M2.243,2.836c-0.004,0-0.008-0.001-0.012-0.004C2.228,2.83,2.214,2.82,2.163,2.785L1.839,2.561    c-0.01-0.007-0.012-0.02-0.005-0.028c0.007-0.01,0.02-0.012,0.029-0.006l0.324,0.225c0.051,0.035,0.064,0.045,0.068,0.047    c0.01,0.007,0.012,0.021,0.005,0.029C2.256,2.833,2.25,2.836,2.243,2.836z"></path></g><g><path fill="#50E3C2" d="M2.077,2.989c-0.007,0-0.014-0.004-0.018-0.01L1.818,2.567c-0.006-0.01-0.003-0.022,0.008-0.028    c0.009-0.006,0.022-0.003,0.028,0.007l0.241,0.412C2.1,2.969,2.097,2.98,2.087,2.986C2.084,2.989,2.08,2.989,2.077,2.989z"></path></g><g><path fill="#50E3C2" d="M1.57,3.001C1.567,3.001,1.563,3,1.561,2.999C1.55,2.993,1.546,2.98,1.552,2.971    c0.005-0.01,0.032-0.063,0.22-0.425C1.777,2.536,1.79,2.532,1.8,2.538c0.011,0.005,0.014,0.018,0.009,0.027    C1.621,2.927,1.593,2.98,1.588,2.989C1.584,2.997,1.578,3.001,1.57,3.001z"></path></g><g><path fill="#50E3C2" d="M1.386,2.841c-0.006,0-0.013-0.003-0.017-0.009C1.363,2.822,1.365,2.81,1.374,2.803l0.388-0.278    c0.01-0.007,0.022-0.004,0.029,0.005c0.007,0.01,0.005,0.021-0.004,0.028L1.399,2.837C1.395,2.84,1.391,2.841,1.386,2.841z"></path></g><g><path fill="#50E3C2" d="M1.295,2.615c-0.01,0-0.019-0.008-0.021-0.019C1.272,2.586,1.281,2.575,1.292,2.573    C1.302,2.572,1.361,2.562,1.764,2.5c0.011-0.001,0.022,0.007,0.024,0.018C1.79,2.529,1.782,2.54,1.77,2.541    C1.368,2.604,1.309,2.612,1.298,2.614C1.297,2.614,1.296,2.615,1.295,2.615z"></path></g><g><path fill="#50E3C2" d="M1.77,2.521c-0.002,0-0.004,0-0.006-0.001L1.658,2.484C1.365,2.389,1.318,2.374,1.31,2.371    C1.298,2.367,1.292,2.355,1.296,2.345s0.016-0.018,0.026-0.014C1.332,2.334,1.378,2.35,1.67,2.445l0.105,0.034    C1.787,2.483,1.793,2.495,1.79,2.506C1.786,2.515,1.778,2.521,1.77,2.521z"></path></g><g><path fill="#50E3C2" d="M1.782,2.502c-0.006,0-0.011-0.002-0.015-0.006c-0.288-0.288-0.331-0.33-0.338-0.338s-0.008-0.021,0-0.029    c0.008-0.008,0.021-0.008,0.03,0c0.007,0.008,0.049,0.05,0.338,0.338c0.008,0.008,0.008,0.021,0,0.029    C1.792,2.5,1.787,2.502,1.782,2.502z"></path></g><g><path fill="#50E3C2" d="M1.798,2.492c-0.008,0-0.016-0.005-0.02-0.013L1.6,2.036C1.596,2.025,1.601,2.014,1.611,2.009    C1.623,2.005,1.634,2.01,1.639,2.021l0.178,0.442C1.821,2.475,1.816,2.486,1.806,2.49C1.803,2.491,1.8,2.492,1.798,2.492z"></path></g><g><circle fill="#50E3C2" cx="3.369" cy="1.712" r="0.121"></circle><circle fill="#50E3C2" cx="3.234" cy="1.33" r="0.121"></circle><circle fill="#50E3C2" cx="3.742" cy="1.526" r="0.121"></circle><circle fill="#50E3C2" cx="3.414" cy="2.515" r="0.121"></circle><circle fill="#50E3C2" cx="3.426" cy="3.042" r="0.121"></circle><circle fill="#50E3C2" cx="2.954" cy="3.391" r="0.121"></circle><circle fill="#50E3C2" cx="2.607" cy="3.708" r="0.121"></circle><circle fill="#50E3C2" cx="2.177" cy="3.899" r="0.121"></circle><circle fill="#50E3C2" cx="1.71" cy="3.942" r="0.121"></circle><circle fill="#50E3C2" cx="1.252" cy="3.834" r="0.121"></circle><circle fill="#50E3C2" cx="0.853" cy="3.585" r="0.121"></circle><circle fill="#50E3C2" cx="0.555" cy="3.222" r="0.121"></circle><circle fill="#50E3C2" cx="0.388" cy="2.782" r="0.121"></circle><circle fill="#50E3C2" cx="0.371" cy="2.312" r="0.121"></circle><circle fill="#50E3C2" cx="0.505" cy="1.862" r="0.121"></circle><circle fill="#50E3C2" cx="0.775" cy="1.477" r="0.121"></circle><circle fill="#50E3C2" cx="1.155" cy="1.2" r="0.121"></circle><circle fill="#50E3C2" cx="1.603" cy="1.058" r="0.121"></circle><circle fill="#50E3C2" cx="2.073" cy="1.066" r="0.121"></circle><circle fill="#50E3C2" cx="2.516" cy="1.225" r="0.121"></circle><circle fill="#50E3C2" cx="4.153" cy="1.662" r="0.102"></circle><circle fill="#50E3C2" cx="2.886" cy="1.587" r="0.102"></circle><circle fill="#50E3C2" cx="3.69" cy="2.013" r="0.102"></circle><circle fill="#50E3C2" cx="3.104" cy="2.726" r="0.102"></circle><circle fill="#50E3C2" cx="2.883" cy="3.084" r="0.102"></circle><circle fill="#50E3C2" cx="2.638" cy="3.396" r="0.102"></circle><circle fill="#50E3C2" cx="2.306" cy="3.613" r="0.102"></circle><circle fill="#50E3C2" cx="1.922" cy="3.712" r="0.102"></circle><circle fill="#50E3C2" cx="1.527" cy="3.684" r="0.102"></circle><circle fill="#50E3C2" cx="1.161" cy="3.531" r="0.102"></circle><circle fill="#50E3C2" cx="0.864" cy="3.269" r="0.102"></circle><circle fill="#50E3C2" cx="0.666" cy="2.925" r="0.102"></circle><circle fill="#50E3C2" cx="0.588" cy="2.536" r="0.102"></circle><circle fill="#50E3C2" cx="0.638" cy="2.143" r="0.102"></circle><circle fill="#50E3C2" cx="0.812" cy="1.787" r="0.102"></circle><circle fill="#50E3C2" cx="1.09" cy="1.504" r="0.102"></circle><circle fill="#50E3C2" cx="1.444" cy="1.325" r="0.102"></circle><circle fill="#50E3C2" cx="1.836" cy="1.269" r="0.102"></circle><circle fill="#50E3C2" cx="2.226" cy="1.341" r="0.102"></circle><circle fill="#50E3C2" cx="2.954" cy="1.129" r="0.102"></circle><circle fill="#50E3C2" cx="4.145" cy="1.296" r="0.086"></circle><circle fill="#50E3C2" cx="2.957" cy="1.856" r="0.087"></circle><circle fill="#50E3C2" cx="3.292" cy="2.155" r="0.086"></circle><circle fill="#50E3C2" cx="2.849" cy="2.511" r="0.087"></circle><circle fill="#50E3C2" cx="2.79" cy="2.841" r="0.086"></circle><circle fill="#50E3C2" cx="2.628" cy="3.136" r="0.086"></circle><circle fill="#50E3C2" cx="2.381" cy="3.363" r="0.086"></circle><circle fill="#50E3C2" cx="2.075" cy="3.499" r="0.086"></circle><circle fill="#50E3C2" cx="1.74" cy="3.53" r="0.086"></circle><circle fill="#50E3C2" cx="1.414" cy="3.453" r="0.086"></circle><circle fill="#50E3C2" cx="1.129" cy="3.275" r="0.086"></circle><circle fill="#50E3C2" cx="0.916" cy="3.016" r="0.086"></circle><circle fill="#50E3C2" cx="0.797" cy="2.701" r="0.086"></circle><circle fill="#50E3C2" cx="0.785" cy="2.367" r="0.087"></circle><circle fill="#50E3C2" cx="0.88" cy="2.044" r="0.087"></circle><circle fill="#50E3C2" cx="1.073" cy="1.77" r="0.086"></circle><circle fill="#50E3C2" cx="1.344" cy="1.571" r="0.086"></circle><circle fill="#50E3C2" cx="1.664" cy="1.47" r="0.086"></circle><circle fill="#50E3C2" cx="2" cy="1.477" r="0.086"></circle><circle fill="#50E3C2" cx="2.316" cy="1.59" r="0.087"></circle><circle fill="#50E3C2" cx="4.677" cy="1.471" r="0.073"></circle><circle fill="#50E3C2" cx="2.993" cy="2.162" r="0.073"></circle><circle fill="#50E3C2" cx="3.716" cy="2.345" r="0.073"></circle><circle fill="#50E3C2" cx="2.673" cy="2.65" r="0.073"></circle><circle fill="#50E3C2" cx="2.578" cy="2.917" r="0.073"></circle><circle fill="#50E3C2" cx="2.403" cy="3.14" r="0.073"></circle><circle fill="#50E3C2" cx="2.166" cy="3.294" r="0.073"></circle><circle fill="#50E3C2" cx="1.892" cy="3.366" r="0.073"></circle><circle fill="#50E3C2" cx="1.61" cy="3.345" r="0.073"></circle><circle fill="#50E3C2" cx="1.349" cy="3.236" r="0.073"></circle><circle fill="#50E3C2" cx="1.137" cy="3.048" r="0.073"></circle><circle fill="#50E3C2" cx="0.995" cy="2.804" r="0.072"></circle><circle fill="#50E3C2" cx="0.939" cy="2.526" r="0.073"></circle><circle fill="#50E3C2" cx="0.976" cy="2.245" r="0.073"></circle><circle fill="#50E3C2" cx="1.099" cy="1.991" r="0.073"></circle><circle fill="#50E3C2" cx="1.298" cy="1.789" r="0.073"></circle><circle fill="#50E3C2" cx="1.551" cy="1.662" r="0.073"></circle><circle fill="#50E3C2" cx="1.831" cy="1.621" r="0.073"></circle><circle fill="#50E3C2" cx="2.109" cy="1.673" r="0.073"></circle><circle fill="#50E3C2" cx="2.532" cy="1.709" r="0.073"></circle><g><circle fill="#50E3C2" cx="1.817" cy="2.5" r="0.335"></circle></g></g></g></svg>
\ No newline at end of file
diff --git a/static/images/terminal-white.gif b/static/images/terminal-white.gif
new file mode 100644
index 0000000..b316204
--- /dev/null
+++ b/static/images/terminal-white.gif
diff --git a/theme.toml b/theme.toml
new file mode 100644
index 0000000..47d2c4a
--- /dev/null
+++ b/theme.toml
@@ -0,0 +1,12 @@
+name = "Whisper"
+license = "MIT"
+licenselink = "https://github.com/JugglerX/hugo-whisper-theme/blob/master/LICENSE"
+description = "Whisper is a minimal documentation theme for Hugo. The design and functionality is intentionally minimal, similar to a Github readme."
+homepage = "https://github.com/jugglerx/hugo-whisper-theme"
+tags = ["documentation","responsive","minimal","clean","bootstrap","zerostatic"]
+features = ["docs"]
+min_version = 0.51
+
+[author]
+  name = "Robert Austin"
+  homepage = "https://www.zerostatic.io"
\ No newline at end of file