From ba21034d7cc6104724cd77ca14486f497be4bb1c Mon Sep 17 00:00:00 2001
From: David Miller <hello@davidmiller.io>
Date: Thu, 9 Apr 2020 18:05:24 -0400
Subject: [PATCH] SCSS cleanup and reorganization, editor config added

---
 .editorconfig                       |  13 +
 dist/assets/img/logo.svg            |   1 +
 dist/assets/img/navbar-logo.svg     |   1 +
 dist/css/styles.css                 | 442 ++++++++++++++--------------
 dist/index.html                     |  75 +++--
 dist/js/scripts.js                  |  83 +++---
 src/assets/img/navbar-logo.svg      |   1 +
 src/js/scripts.js                   |  83 +++---
 src/pug/index.pug                   |  63 ++--
 src/scss/_global.scss               |  49 +++
 src/scss/_variables.scss            |   4 +
 src/scss/base/_mixins.scss          |  13 -
 src/scss/base/_page.scss            |  71 -----
 src/scss/base/_variables.scss       |  17 --
 src/scss/components/_buttons.scss   |  10 +-
 src/scss/components/_navbar.scss    | 133 +++++----
 src/scss/layout/_contact.scss       |  93 +++---
 src/scss/layout/_footer.scss        |  72 ++---
 src/scss/layout/_masthead.scss      |  88 +++---
 src/scss/layout/_portfolio.scss     | 256 ++++++++--------
 src/scss/layout/_services.scss      |   4 +-
 src/scss/layout/_team.scss          |  30 +-
 src/scss/layout/_timeline.scss      | 334 ++++++++++-----------
 src/scss/styles.scss                |  25 +-
 src/scss/variables/_colors.scss     |  11 +
 src/scss/variables/_grid.scss       |   5 +
 src/scss/variables/_spacing.scss    |   7 +
 src/scss/variables/_typography.scss |  20 ++
 28 files changed, 1017 insertions(+), 987 deletions(-)
 create mode 100644 .editorconfig
 create mode 100644 dist/assets/img/logo.svg
 create mode 100644 dist/assets/img/navbar-logo.svg
 create mode 100644 src/assets/img/navbar-logo.svg
 create mode 100644 src/scss/_global.scss
 create mode 100644 src/scss/_variables.scss
 delete mode 100644 src/scss/base/_mixins.scss
 delete mode 100644 src/scss/base/_page.scss
 delete mode 100644 src/scss/base/_variables.scss
 create mode 100644 src/scss/variables/_colors.scss
 create mode 100644 src/scss/variables/_grid.scss
 create mode 100644 src/scss/variables/_spacing.scss
 create mode 100644 src/scss/variables/_typography.scss

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..b585a76
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,13 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/dist/assets/img/logo.svg b/dist/assets/img/logo.svg
new file mode 100644
index 0000000..4242ac3
--- /dev/null
+++ b/dist/assets/img/logo.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228.66 39.08"><defs><style>.cls-1{fill:#231f20;}</style></defs><path class="cls-1" d="M23.08,15.17c.07.4.13.68.16.83a2.66,2.66,0,0,1,.05.62,4.76,4.76,0,0,1-.51,2.18,3,3,0,0,1-1.4,1.43,7.12,7.12,0,0,0-1.73-1.64,10.8,10.8,0,0,0-2.25-1.14,14.23,14.23,0,0,0-2.53-.65,16,16,0,0,0-2.55-.21,13,13,0,0,0-2.32.19,9.91,9.91,0,0,0-1.91.53,3.79,3.79,0,0,0-1.31.83,1.61,1.61,0,0,0-.48,1.14,2.73,2.73,0,0,0,1,1.57,12.76,12.76,0,0,0,2.09,1.56c.82.51,1.74,1,2.74,1.5s2,1,3,1.42c1.2.57,2.24,1.09,3.11,1.58a9.31,9.31,0,0,1,2.16,1.59,5.83,5.83,0,0,1,1.28,2A7.5,7.5,0,0,1,22,33.12a9.43,9.43,0,0,1-.6,3.38,7.84,7.84,0,0,1-1.75,2.74,8.21,8.21,0,0,1-2.78,1.83,9.85,9.85,0,0,1-3.65.65A17,17,0,0,1,9,41.12a20,20,0,0,1-4.3-1.65,12.61,12.61,0,0,1-3.33-2.4A4.09,4.09,0,0,1,0,34.18a5.48,5.48,0,0,1,.41-1.8,7.5,7.5,0,0,1,1.47-2.31A5.49,5.49,0,0,0,3,32.59a10.14,10.14,0,0,0,3.13,2.69,15.79,15.79,0,0,0,4,1.65,16.23,16.23,0,0,0,3.87.51,8.83,8.83,0,0,0,3.23-.5,5.89,5.89,0,0,0,1.94-1.18,3.94,3.94,0,0,0,1-1.4,4,4,0,0,0,.32-1.13,2.14,2.14,0,0,0-.65-1.37,7.65,7.65,0,0,0-1.67-1.27c-.69-.41-1.5-.83-2.42-1.26s-1.88-.85-2.87-1.27c-1.48-.66-2.77-1.28-3.84-1.86a14.83,14.83,0,0,1-2.65-1.77,5.88,5.88,0,0,1-1.53-1.9,5.1,5.1,0,0,1-.47-2.26,6.57,6.57,0,0,1,1.2-3.75A7.41,7.41,0,0,1,9.1,13.83a10,10,0,0,1,2.42-.71,15.83,15.83,0,0,1,2.53-.22,16.76,16.76,0,0,1,4.57.64A34.29,34.29,0,0,1,23.08,15.17Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M25.92,25.47a2.16,2.16,0,0,1-.32-.9,5.75,5.75,0,0,1-.15-1.19,11.13,11.13,0,0,0,1.77.15h1.56c.36-.7.74-1.4,1.15-2.09s.82-1.32,1.21-1.89a17.57,17.57,0,0,1,1.09-1.45,4.35,4.35,0,0,1,.8-.77,4.29,4.29,0,0,1,.9.12c.37.09.74.19,1.12.32s.72.27,1,.41a1.89,1.89,0,0,1,.63.42c-.71.9-1.31,1.72-1.82,2.48s-1.06,1.64-1.65,2.62h1.44a10.58,10.58,0,0,0,1.47-.1,1.28,1.28,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.71,11.71,0,0,1-4.22.67c-.59,1.14-1.11,2.27-1.57,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.68,6.68,0,0,0,1.7-1,1.42,1.42,0,0,1,.24.54,3.7,3.7,0,0,1-.72.73,12.51,12.51,0,0,1-1.12.83,10.47,10.47,0,0,1-1.17.69,3,3,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.38,7.38,0,0,1-1.61-.89,4.93,4.93,0,0,1-1.18-1.19,2.19,2.19,0,0,1-.46-1.29,11.94,11.94,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.24-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M48.5,24.73a3.45,3.45,0,0,1,.83.12,4.92,4.92,0,0,1,.87.32,3.48,3.48,0,0,1,.65.41q.27.21.27.39c-.47,1-.91,2-1.31,3s-.74,2-1,2.89a24.37,24.37,0,0,0-.65,2.58,11.63,11.63,0,0,0-.23,2.09,5.4,5.4,0,0,0,.21,1.64,1.58,1.58,0,0,0,.71.94,3.64,3.64,0,0,1-1.1.46,4.72,4.72,0,0,1-1.2.18c-1.28,0-1.91-.87-1.91-2.62A16.45,16.45,0,0,1,46,31.6a21.14,21.14,0,0,1-1.63,3,22.3,22.3,0,0,1-1.87,2.52A11.21,11.21,0,0,1,40.52,39a4.79,4.79,0,0,1-1.79.83,2.46,2.46,0,0,1-2.12-1.2,5.2,5.2,0,0,1-.82-3,11.6,11.6,0,0,1,.85-4.19,18.86,18.86,0,0,1,2.18-4.09,15.66,15.66,0,0,1,2.88-3.14,4.81,4.81,0,0,1,3-1.27,2.89,2.89,0,0,1,.8.43,6.43,6.43,0,0,1,.85.74,5.91,5.91,0,0,1,.69.86,2,2,0,0,1,.32.76A6.31,6.31,0,0,0,44.45,27a14.3,14.3,0,0,0-2.73,2.81,16.49,16.49,0,0,0-2,3.51,9.17,9.17,0,0,0-.78,3.5.8.8,0,0,0,.5.85,5,5,0,0,0,2.37-1.76,33.44,33.44,0,0,0,3.26-4.76l.79-1.41c.3-.52.6-1.07.91-1.63l.9-1.72C48,25.83,48.24,25.27,48.5,24.73Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M52.08,38.32c.11-.68.32-1.58.62-2.7s.64-2.32,1-3.58.83-2.53,1.27-3.81.89-2.42,1.31-3.43a17,17,0,0,1,.82-1.72,4.49,4.49,0,0,1,.78-1,5.82,5.82,0,0,1,1,.25,7.17,7.17,0,0,1,1,.42,10.06,10.06,0,0,1,.89.51,3,3,0,0,1,.6.52,12.47,12.47,0,0,0-1.68,2.58A26.67,26.67,0,0,0,58.31,30q1.9-1.7,3.38-3.26a26,26,0,0,0,2.74-3.47,1.24,1.24,0,0,1,.74-.17,2.8,2.8,0,0,1,1,.16,1.13,1.13,0,0,1,.64.44,9.39,9.39,0,0,0-.64,3.36,4.67,4.67,0,0,0,.46,2.34,2.52,2.52,0,0,1-.48.81,9.48,9.48,0,0,1-1,1.13A5.64,5.64,0,0,1,63.44,30a5.85,5.85,0,0,1-1.1-1.89,25,25,0,0,0-2.83,2.28,11.89,11.89,0,0,0-2,2.48A15.33,15.33,0,0,0,56.09,36c-.38,1.18-.76,2.59-1.11,4.22a3.32,3.32,0,0,1-.76-.23,6.46,6.46,0,0,1-.89-.48,6.29,6.29,0,0,1-.79-.6A1.65,1.65,0,0,1,52.08,38.32Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M69.28,25.47a2.31,2.31,0,0,1-.32-.9,6.42,6.42,0,0,1-.14-1.19,11.13,11.13,0,0,0,1.77.15h1.56c.35-.7.74-1.4,1.15-2.09s.81-1.32,1.2-1.89a17.48,17.48,0,0,1,1.1-1.45,4.05,4.05,0,0,1,.8-.77,4.46,4.46,0,0,1,.9.12c.37.09.74.19,1.12.32s.72.27,1,.41a1.85,1.85,0,0,1,.64.42c-.71.9-1.32,1.72-1.82,2.48s-1.06,1.64-1.65,2.62H78a10.37,10.37,0,0,0,1.47-.1,1.17,1.17,0,0,1,.29.44,1.49,1.49,0,0,1,.1.55,11.62,11.62,0,0,1-4.21.67c-.59,1.14-1.12,2.27-1.58,3.39S73.26,30.86,73,31.9a28.93,28.93,0,0,0-.75,2.94,14,14,0,0,0-.26,2.49q0,1.56,1.17,1.74a8.38,8.38,0,0,0,2-.53,6.35,6.35,0,0,0,1.7-1,1.47,1.47,0,0,1,.25.54,3.53,3.53,0,0,1-.73.73,12.33,12.33,0,0,1-1.11.83,10.47,10.47,0,0,1-1.17.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,4.93,4.93,0,0,1-1.18-1.19,2.2,2.2,0,0,1-.47-1.29,13,13,0,0,1,.23-2.14c.16-.87.38-1.8.66-2.82s.61-2.08,1-3.19.79-2.21,1.24-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M112.61,19.52a6.68,6.68,0,0,1-1.2,3.92,9.49,9.49,0,0,1-3.29,2.85,7.24,7.24,0,0,1,2.14,2.24,5.61,5.61,0,0,1,.8,2.93,7.17,7.17,0,0,1-1.15,3.77,12.21,12.21,0,0,1-3.07,3.29,16.72,16.72,0,0,1-4.35,2.32,14.54,14.54,0,0,1-5,.88,10.74,10.74,0,0,1-4.84-1,7.78,7.78,0,0,1-3.23-3q.34-1.06.93-2.64c.39-1,.82-2.16,1.3-3.32s1-2.33,1.43-3.49.94-2.2,1.36-3.12c.9-2,1.7-3.67,2.41-5a24.86,24.86,0,0,1,2-3.15,26.71,26.71,0,0,0-3.54,1.36,9.33,9.33,0,0,0-2.34,1.47,2.91,2.91,0,0,1-.65-.63,8.15,8.15,0,0,1-.64-.94,6.29,6.29,0,0,1-.5-1.05,3.94,3.94,0,0,1-.23-.95,12,12,0,0,1,2.39-1.22,23.75,23.75,0,0,1,3.21-1,33.74,33.74,0,0,1,3.55-.68,26.83,26.83,0,0,1,3.49-.24,11.36,11.36,0,0,1,6.66,1.7A5.44,5.44,0,0,1,112.61,19.52ZM99.13,28a4,4,0,0,1-1.24-1c-.55,1.2-1.06,2.38-1.54,3.54s-.92,2.23-1.3,3.22-.68,1.86-.92,2.59A8.69,8.69,0,0,0,93.74,38a3.87,3.87,0,0,0,1.19.42,8.25,8.25,0,0,0,1.72.15,15.56,15.56,0,0,0,4.6-.68A13.63,13.63,0,0,0,105.11,36a9.93,9.93,0,0,0,2.65-2.64,5.53,5.53,0,0,0,1-3.11,3.51,3.51,0,0,0-2-3.37,16.2,16.2,0,0,1-6.23,1.14h-.76A3.79,3.79,0,0,1,99.13,28ZM106,15.7a14.6,14.6,0,0,0-1.57.09c-.56.06-1.14.15-1.75.27a1.33,1.33,0,0,1,.23.3c0,.1.11.21.16.33a10.77,10.77,0,0,0-.78,1.24c-.31.55-.65,1.18-1,1.9s-.77,1.51-1.19,2.39-.83,1.77-1.25,2.69a10.89,10.89,0,0,1,1.47-.23,16.47,16.47,0,0,1,1.71-.09c.31,0,.61,0,.91,0s.58.06.86.11a15.06,15.06,0,0,0,3.07-.83,10.86,10.86,0,0,0,2.35-1.28A5.48,5.48,0,0,0,110.7,21a3.51,3.51,0,0,0,.53-1.87,2.87,2.87,0,0,0-1.34-2.57A7.22,7.22,0,0,0,106,15.7Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M117.53,40.27a4.51,4.51,0,0,1-3.22-1.77,6.31,6.31,0,0,1-1.2-4,11,11,0,0,1,.42-2.94,14.51,14.51,0,0,1,1.21-3,16.37,16.37,0,0,1,1.84-2.71,13.15,13.15,0,0,1,2.3-2.19,6.21,6.21,0,0,1,3.65-1.45,6.4,6.4,0,0,1,2.23,2.51l.32,0,.31,0c1.26,0,1.88,1.11,1.88,3.33a12.13,12.13,0,0,1-.73,4.23,12.61,12.61,0,0,1-2,3.63,12.09,12.09,0,0,1-3.08,2.75A12.45,12.45,0,0,1,117.53,40.27Zm1.81-11.15a15.33,15.33,0,0,0-1.13,1.77,16.13,16.13,0,0,0-.92,1.93,13,13,0,0,0-.6,1.87,6.79,6.79,0,0,0-.22,1.62,4.65,4.65,0,0,0,.29,1.62c.18.52.4.82.63.89a7.68,7.68,0,0,0,2.92-1.33,9.7,9.7,0,0,0,2.31-2.42,12.49,12.49,0,0,0,1.52-3.3,13.82,13.82,0,0,0,.55-3.93,7.84,7.84,0,0,0-.11-1.45,2.8,2.8,0,0,0-.35-.92A7.71,7.71,0,0,0,121.45,27,13.82,13.82,0,0,0,119.34,29.12Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M133.15,40.27a4.47,4.47,0,0,1-3.22-1.77,6.25,6.25,0,0,1-1.21-4,10.62,10.62,0,0,1,.43-2.94,13.93,13.93,0,0,1,1.2-3,16.37,16.37,0,0,1,1.84-2.71,13.51,13.51,0,0,1,2.3-2.19,6.23,6.23,0,0,1,3.65-1.45,6.33,6.33,0,0,1,2.23,2.51l.32,0,.32,0c1.25,0,1.87,1.11,1.87,3.33a12.36,12.36,0,0,1-.72,4.23,12.87,12.87,0,0,1-2,3.63,12.09,12.09,0,0,1-3.08,2.75A12.39,12.39,0,0,1,133.15,40.27ZM135,29.12a15.33,15.33,0,0,0-1.13,1.77,17.83,17.83,0,0,0-.92,1.93,13,13,0,0,0-.6,1.87,7.34,7.34,0,0,0-.22,1.62,4.65,4.65,0,0,0,.29,1.62c.19.52.4.82.64.89a7.82,7.82,0,0,0,2.92-1.33,9.84,9.84,0,0,0,2.3-2.42,12.18,12.18,0,0,0,1.52-3.3,13.48,13.48,0,0,0,.55-3.93,7.84,7.84,0,0,0-.11-1.45,2.8,2.8,0,0,0-.35-.92A7.71,7.71,0,0,0,137.06,27,14.28,14.28,0,0,0,135,29.12Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M146.32,25.47a2.16,2.16,0,0,1-.32-.9,5.66,5.66,0,0,1-.14-1.19,10.94,10.94,0,0,0,1.77.15h1.55c.36-.7.74-1.4,1.15-2.09s.82-1.32,1.21-1.89a15.52,15.52,0,0,1,1.1-1.45,4.07,4.07,0,0,1,.79-.77,4.46,4.46,0,0,1,.91.12c.36.09.73.19,1.11.32s.72.27,1,.41a1.79,1.79,0,0,1,.63.42c-.7.9-1.31,1.72-1.82,2.48s-1.06,1.64-1.64,2.62h1.43a10.58,10.58,0,0,0,1.47-.1,1.15,1.15,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.67,11.67,0,0,1-4.22.67c-.59,1.14-1.11,2.27-1.57,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.51,6.51,0,0,0,1.7-1,1.66,1.66,0,0,1,.25.54,4.13,4.13,0,0,1-.73.73,11.22,11.22,0,0,1-1.12.83,11.36,11.36,0,0,1-1.16.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,5,5,0,0,1-1.19-1.19,2.19,2.19,0,0,1-.46-1.29,13,13,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.23-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M168.9,24.89a6.59,6.59,0,0,1-.23,1.4,8.34,8.34,0,0,1-.47,1.31,4.63,4.63,0,0,1-.61,1,.84.84,0,0,1-.6.39c-.26,0-.41-.2-.46-.53a1.13,1.13,0,0,1,.09-.34c.06-.15.12-.32.19-.51s.14-.38.2-.57a1.65,1.65,0,0,0,.09-.49,1.51,1.51,0,0,0-.23-.84.73.73,0,0,0-.62-.33c-.95,0-1.67.59-2.16,1.76a13.82,13.82,0,0,0-.74,5.18,1.57,1.57,0,0,0,0,.42h2.48a.85.85,0,0,1,0,.28.59.59,0,0,1-.14.46l-1.29.3a5.39,5.39,0,0,0-.73.23.59.59,0,0,0-.3.23,1,1,0,0,0-.05.33c0,.19,0,.38,0,.57s0,.42,0,.7a6.88,6.88,0,0,1-1.61,4.76,6.61,6.61,0,0,1-4.48,2.09,2.94,2.94,0,0,1-1-.28,5.19,5.19,0,0,1-1-.64,4.54,4.54,0,0,1-.83-.87,3.1,3.1,0,0,1-.5-1,6.11,6.11,0,0,1,.57-2.59,7.21,7.21,0,0,1,1.54-2.17,7.86,7.86,0,0,1,2.3-1.54,7.11,7.11,0,0,1,2.89-.59,8.42,8.42,0,0,0-.18-1.74c-.12-.57-.24-1.12-.37-1.65s-.26-1.06-.37-1.57a6.56,6.56,0,0,1-.18-1.51,4.93,4.93,0,0,1,.39-1.9,7,7,0,0,1,1-1.74,6.42,6.42,0,0,1,1.48-1.37,5.33,5.33,0,0,1,1.77-.78,3.23,3.23,0,0,1,1,.62,14.82,14.82,0,0,1,1.29,1.15,12.13,12.13,0,0,1,1.13,1.29A3.24,3.24,0,0,1,168.9,24.89ZM157.22,41a5.82,5.82,0,0,0,1.61-1,8,8,0,0,0,2.23-3.33,5.54,5.54,0,0,0,.34-1.88,4,4,0,0,0-1.56.66A9.54,9.54,0,0,0,157,38.34a2.86,2.86,0,0,0-.5,1.42A1.5,1.5,0,0,0,157.22,41Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M171,25.47a2.16,2.16,0,0,1-.32-.9,5.66,5.66,0,0,1-.14-1.19,10.94,10.94,0,0,0,1.77.15h1.56c.35-.7.73-1.4,1.15-2.09s.81-1.32,1.2-1.89a15.52,15.52,0,0,1,1.1-1.45,4.07,4.07,0,0,1,.79-.77,4.46,4.46,0,0,1,.91.12c.36.09.73.19,1.11.32s.72.27,1,.41a1.79,1.79,0,0,1,.63.42c-.7.9-1.31,1.72-1.82,2.48s-1.05,1.64-1.64,2.62h1.43a10.58,10.58,0,0,0,1.47-.1,1.15,1.15,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.66,11.66,0,0,1-4.21.67c-.6,1.14-1.12,2.27-1.58,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.51,6.51,0,0,0,1.7-1,1.66,1.66,0,0,1,.25.54,4.13,4.13,0,0,1-.73.73,11.22,11.22,0,0,1-1.12.83,11.36,11.36,0,0,1-1.16.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,5,5,0,0,1-1.19-1.19,2.19,2.19,0,0,1-.46-1.29,13,13,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.23-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M180.55,38.32c.12-.68.32-1.58.62-2.7s.64-2.32,1-3.58.83-2.53,1.28-3.81.88-2.42,1.31-3.43a17.28,17.28,0,0,1,.81-1.72,5.13,5.13,0,0,1,.78-1,6.15,6.15,0,0,1,1,.25,7.54,7.54,0,0,1,1,.42,8.8,8.8,0,0,1,.89.51,3,3,0,0,1,.6.52,12.47,12.47,0,0,0-1.68,2.58A29.42,29.42,0,0,0,186.78,30c1.28-1.13,2.4-2.22,3.38-3.26a26.08,26.08,0,0,0,2.75-3.47,1.22,1.22,0,0,1,.74-.17,2.75,2.75,0,0,1,.95.16,1.13,1.13,0,0,1,.64.44,9.61,9.61,0,0,0-.64,3.36,4.66,4.66,0,0,0,.47,2.34,3,3,0,0,1-.48.81,9.57,9.57,0,0,1-1,1.13,5.88,5.88,0,0,1-2.79-3.25A25.16,25.16,0,0,0,188,30.41a12.57,12.57,0,0,0-2,2.48A15.32,15.32,0,0,0,184.57,36c-.39,1.18-.76,2.59-1.12,4.22a3.47,3.47,0,0,1-.76-.23A7,7,0,0,1,181,38.93,1.65,1.65,0,0,1,180.55,38.32Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M207.88,24.73a3.45,3.45,0,0,1,.83.12,4.92,4.92,0,0,1,.87.32,3.48,3.48,0,0,1,.65.41q.27.21.27.39c-.47,1-.91,2-1.31,3s-.74,2-1,2.89a24.37,24.37,0,0,0-.65,2.58,10.79,10.79,0,0,0-.23,2.09,5.4,5.4,0,0,0,.21,1.64,1.58,1.58,0,0,0,.71.94,3.64,3.64,0,0,1-1.1.46,4.72,4.72,0,0,1-1.2.18c-1.28,0-1.91-.87-1.91-2.62a16.7,16.7,0,0,1,1.34-5.52,21.14,21.14,0,0,1-1.63,3,22.3,22.3,0,0,1-1.87,2.52A11.21,11.21,0,0,1,199.9,39a4.79,4.79,0,0,1-1.79.83,2.46,2.46,0,0,1-2.12-1.2,5.2,5.2,0,0,1-.82-3,11.6,11.6,0,0,1,.85-4.19,18.86,18.86,0,0,1,2.18-4.09,15.37,15.37,0,0,1,2.88-3.14,4.81,4.81,0,0,1,3-1.27,2.89,2.89,0,0,1,.8.43,6.43,6.43,0,0,1,.85.74,5.91,5.91,0,0,1,.69.86,2,2,0,0,1,.32.76A6.31,6.31,0,0,0,203.83,27a14.3,14.3,0,0,0-2.73,2.81,16.49,16.49,0,0,0-2,3.51,9.17,9.17,0,0,0-.78,3.5.8.8,0,0,0,.5.85,5,5,0,0,0,2.37-1.76,33.44,33.44,0,0,0,3.26-4.76l.79-1.41c.3-.52.6-1.07.91-1.63l.9-1.72C207.34,25.83,207.62,25.27,207.88,24.73Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M209.72,50.75c-.33-.09-.52-.45-.57-1.06a5.94,5.94,0,0,1-.19-1.1c0-.42-.05-.91-.05-1.45a11.83,11.83,0,0,1,.24-2c.17-.86.4-1.83.7-2.92s.65-2.26,1.08-3.52.89-2.54,1.41-3.84c.64-1.63,1.19-3,1.67-4.23s.86-2.23,1.18-3.1.58-1.59.78-2.16.36-1,.48-1.45a8.64,8.64,0,0,1,.42-1,13.36,13.36,0,0,1,.66-1.22c.24-.41.5-.8.76-1.17a4.92,4.92,0,0,1,.71-.83,9.44,9.44,0,0,1,2.33.64,3,3,0,0,1,1.35.88,7.92,7.92,0,0,0-1.13,1.44,23.25,23.25,0,0,0-1.24,2.12,25.29,25.29,0,0,0-1.1,2.36,17.08,17.08,0,0,0-.74,2.12,10.32,10.32,0,0,1,.92-1.31c.37-.47,1-1.12,1.73-1.95a14.22,14.22,0,0,1,2.46-2.07,4,4,0,0,1,2-.72,3.23,3.23,0,0,1,2.21.74,2.39,2.39,0,0,1,.87,1.91,15.52,15.52,0,0,1-.85,5.05,15,15,0,0,1-2.44,4.51A10.39,10.39,0,0,1,224,36.84a12.57,12.57,0,0,1-1.7,1.25,9.34,9.34,0,0,1-1.73.87,4.5,4.5,0,0,1-1.52.32,2.24,2.24,0,0,1-1.12-.27,1.36,1.36,0,0,1-.65-.65,11.69,11.69,0,0,0,2.69-2.27,20.19,20.19,0,0,0,2.42-3.34,26.61,26.61,0,0,0,1.95-4.09,27.19,27.19,0,0,0,1.26-4.46,16,16,0,0,0-2.43,1.54A12.33,12.33,0,0,0,221,27.92c-.85,1-1.52,1.87-2,2.51s-.9,1.18-1.22,1.63a10.31,10.31,0,0,0-.78,1.25c-.2.39-.42.87-.65,1.44-.33.75-.72,1.75-1.15,3s-.89,2.62-1.35,4.16-.92,3.17-1.38,4.9-.9,3.47-1.33,5.19a1,1,0,0,1-.67-.57c-.19-.21-.33-.36-.41-.46A.81.81,0,0,0,209.72,50.75Z" transform="translate(0 -12.9)"/></svg>
\ No newline at end of file
diff --git a/dist/assets/img/navbar-logo.svg b/dist/assets/img/navbar-logo.svg
new file mode 100644
index 0000000..7eb299b
--- /dev/null
+++ b/dist/assets/img/navbar-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228.66 39.08"><style>.cls-1{fill:#fed136;}</style><path class="cls-1" d="M23.08,15.17c.07.4.13.68.16.83a2.66,2.66,0,0,1,.05.62,4.76,4.76,0,0,1-.51,2.18,3,3,0,0,1-1.4,1.43,7.12,7.12,0,0,0-1.73-1.64,10.8,10.8,0,0,0-2.25-1.14,14.23,14.23,0,0,0-2.53-.65,16,16,0,0,0-2.55-.21,13,13,0,0,0-2.32.19,9.91,9.91,0,0,0-1.91.53,3.79,3.79,0,0,0-1.31.83,1.61,1.61,0,0,0-.48,1.14,2.73,2.73,0,0,0,1,1.57,12.76,12.76,0,0,0,2.09,1.56c.82.51,1.74,1,2.74,1.5s2,1,3,1.42c1.2.57,2.24,1.09,3.11,1.58a9.31,9.31,0,0,1,2.16,1.59,5.83,5.83,0,0,1,1.28,2A7.5,7.5,0,0,1,22,33.12a9.43,9.43,0,0,1-.6,3.38,7.84,7.84,0,0,1-1.75,2.74,8.21,8.21,0,0,1-2.78,1.83,9.85,9.85,0,0,1-3.65.65A17,17,0,0,1,9,41.12a20,20,0,0,1-4.3-1.65,12.61,12.61,0,0,1-3.33-2.4A4.09,4.09,0,0,1,0,34.18a5.48,5.48,0,0,1,.41-1.8,7.5,7.5,0,0,1,1.47-2.31A5.49,5.49,0,0,0,3,32.59a10.14,10.14,0,0,0,3.13,2.69,15.79,15.79,0,0,0,4,1.65,16.23,16.23,0,0,0,3.87.51,8.83,8.83,0,0,0,3.23-.5,5.89,5.89,0,0,0,1.94-1.18,3.94,3.94,0,0,0,1-1.4,4,4,0,0,0,.32-1.13,2.14,2.14,0,0,0-.65-1.37,7.65,7.65,0,0,0-1.67-1.27c-.69-.41-1.5-.83-2.42-1.26s-1.88-.85-2.87-1.27c-1.48-.66-2.77-1.28-3.84-1.86a14.83,14.83,0,0,1-2.65-1.77,5.88,5.88,0,0,1-1.53-1.9,5.1,5.1,0,0,1-.47-2.26,6.57,6.57,0,0,1,1.2-3.75A7.41,7.41,0,0,1,9.1,13.83a10,10,0,0,1,2.42-.71,15.83,15.83,0,0,1,2.53-.22,16.76,16.76,0,0,1,4.57.64A34.29,34.29,0,0,1,23.08,15.17Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M25.92,25.47a2.16,2.16,0,0,1-.32-.9,5.75,5.75,0,0,1-.15-1.19,11.13,11.13,0,0,0,1.77.15h1.56c.36-.7.74-1.4,1.15-2.09s.82-1.32,1.21-1.89a17.57,17.57,0,0,1,1.09-1.45,4.35,4.35,0,0,1,.8-.77,4.29,4.29,0,0,1,.9.12c.37.09.74.19,1.12.32s.72.27,1,.41a1.89,1.89,0,0,1,.63.42c-.71.9-1.31,1.72-1.82,2.48s-1.06,1.64-1.65,2.62h1.44a10.58,10.58,0,0,0,1.47-.1,1.28,1.28,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.71,11.71,0,0,1-4.22.67c-.59,1.14-1.11,2.27-1.57,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.68,6.68,0,0,0,1.7-1,1.42,1.42,0,0,1,.24.54,3.7,3.7,0,0,1-.72.73,12.51,12.51,0,0,1-1.12.83,10.47,10.47,0,0,1-1.17.69,3,3,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.38,7.38,0,0,1-1.61-.89,4.93,4.93,0,0,1-1.18-1.19,2.19,2.19,0,0,1-.46-1.29,11.94,11.94,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.24-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M48.5,24.73a3.45,3.45,0,0,1,.83.12,4.92,4.92,0,0,1,.87.32,3.48,3.48,0,0,1,.65.41q.27.21.27.39c-.47,1-.91,2-1.31,3s-.74,2-1,2.89a24.37,24.37,0,0,0-.65,2.58,11.63,11.63,0,0,0-.23,2.09,5.4,5.4,0,0,0,.21,1.64,1.58,1.58,0,0,0,.71.94,3.64,3.64,0,0,1-1.1.46,4.72,4.72,0,0,1-1.2.18c-1.28,0-1.91-.87-1.91-2.62A16.45,16.45,0,0,1,46,31.6a21.14,21.14,0,0,1-1.63,3,22.3,22.3,0,0,1-1.87,2.52A11.21,11.21,0,0,1,40.52,39a4.79,4.79,0,0,1-1.79.83,2.46,2.46,0,0,1-2.12-1.2,5.2,5.2,0,0,1-.82-3,11.6,11.6,0,0,1,.85-4.19,18.86,18.86,0,0,1,2.18-4.09,15.66,15.66,0,0,1,2.88-3.14,4.81,4.81,0,0,1,3-1.27,2.89,2.89,0,0,1,.8.43,6.43,6.43,0,0,1,.85.74,5.91,5.91,0,0,1,.69.86,2,2,0,0,1,.32.76A6.31,6.31,0,0,0,44.45,27a14.3,14.3,0,0,0-2.73,2.81,16.49,16.49,0,0,0-2,3.51,9.17,9.17,0,0,0-.78,3.5.8.8,0,0,0,.5.85,5,5,0,0,0,2.37-1.76,33.44,33.44,0,0,0,3.26-4.76l.79-1.41c.3-.52.6-1.07.91-1.63l.9-1.72C48,25.83,48.24,25.27,48.5,24.73Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M52.08,38.32c.11-.68.32-1.58.62-2.7s.64-2.32,1-3.58.83-2.53,1.27-3.81.89-2.42,1.31-3.43a17,17,0,0,1,.82-1.72,4.49,4.49,0,0,1,.78-1,5.82,5.82,0,0,1,1,.25,7.17,7.17,0,0,1,1,.42,10.06,10.06,0,0,1,.89.51,3,3,0,0,1,.6.52,12.47,12.47,0,0,0-1.68,2.58A26.67,26.67,0,0,0,58.31,30q1.9-1.7,3.38-3.26a26,26,0,0,0,2.74-3.47,1.24,1.24,0,0,1,.74-.17,2.8,2.8,0,0,1,1,.16,1.13,1.13,0,0,1,.64.44,9.39,9.39,0,0,0-.64,3.36,4.67,4.67,0,0,0,.46,2.34,2.52,2.52,0,0,1-.48.81,9.48,9.48,0,0,1-1,1.13A5.64,5.64,0,0,1,63.44,30a5.85,5.85,0,0,1-1.1-1.89,25,25,0,0,0-2.83,2.28,11.89,11.89,0,0,0-2,2.48A15.33,15.33,0,0,0,56.09,36c-.38,1.18-.76,2.59-1.11,4.22a3.32,3.32,0,0,1-.76-.23,6.46,6.46,0,0,1-.89-.48,6.29,6.29,0,0,1-.79-.6A1.65,1.65,0,0,1,52.08,38.32Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M69.28,25.47a2.31,2.31,0,0,1-.32-.9,6.42,6.42,0,0,1-.14-1.19,11.13,11.13,0,0,0,1.77.15h1.56c.35-.7.74-1.4,1.15-2.09s.81-1.32,1.2-1.89a17.48,17.48,0,0,1,1.1-1.45,4.05,4.05,0,0,1,.8-.77,4.46,4.46,0,0,1,.9.12c.37.09.74.19,1.12.32s.72.27,1,.41a1.85,1.85,0,0,1,.64.42c-.71.9-1.32,1.72-1.82,2.48s-1.06,1.64-1.65,2.62H78a10.37,10.37,0,0,0,1.47-.1,1.17,1.17,0,0,1,.29.44,1.49,1.49,0,0,1,.1.55,11.62,11.62,0,0,1-4.21.67c-.59,1.14-1.12,2.27-1.58,3.39S73.26,30.86,73,31.9a28.93,28.93,0,0,0-.75,2.94,14,14,0,0,0-.26,2.49q0,1.56,1.17,1.74a8.38,8.38,0,0,0,2-.53,6.35,6.35,0,0,0,1.7-1,1.47,1.47,0,0,1,.25.54,3.53,3.53,0,0,1-.73.73,12.33,12.33,0,0,1-1.11.83,10.47,10.47,0,0,1-1.17.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,4.93,4.93,0,0,1-1.18-1.19,2.2,2.2,0,0,1-.47-1.29,13,13,0,0,1,.23-2.14c.16-.87.38-1.8.66-2.82s.61-2.08,1-3.19.79-2.21,1.24-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M112.61,19.52a6.68,6.68,0,0,1-1.2,3.92,9.49,9.49,0,0,1-3.29,2.85,7.24,7.24,0,0,1,2.14,2.24,5.61,5.61,0,0,1,.8,2.93,7.17,7.17,0,0,1-1.15,3.77,12.21,12.21,0,0,1-3.07,3.29,16.72,16.72,0,0,1-4.35,2.32,14.54,14.54,0,0,1-5,.88,10.74,10.74,0,0,1-4.84-1,7.78,7.78,0,0,1-3.23-3q.34-1.06.93-2.64c.39-1,.82-2.16,1.3-3.32s1-2.33,1.43-3.49.94-2.2,1.36-3.12c.9-2,1.7-3.67,2.41-5a24.86,24.86,0,0,1,2-3.15,26.71,26.71,0,0,0-3.54,1.36,9.33,9.33,0,0,0-2.34,1.47,2.91,2.91,0,0,1-.65-.63,8.15,8.15,0,0,1-.64-.94,6.29,6.29,0,0,1-.5-1.05,3.94,3.94,0,0,1-.23-.95,12,12,0,0,1,2.39-1.22,23.75,23.75,0,0,1,3.21-1,33.74,33.74,0,0,1,3.55-.68,26.83,26.83,0,0,1,3.49-.24,11.36,11.36,0,0,1,6.66,1.7A5.44,5.44,0,0,1,112.61,19.52ZM99.13,28a4,4,0,0,1-1.24-1c-.55,1.2-1.06,2.38-1.54,3.54s-.92,2.23-1.3,3.22-.68,1.86-.92,2.59A8.69,8.69,0,0,0,93.74,38a3.87,3.87,0,0,0,1.19.42,8.25,8.25,0,0,0,1.72.15,15.56,15.56,0,0,0,4.6-.68A13.63,13.63,0,0,0,105.11,36a9.93,9.93,0,0,0,2.65-2.64,5.53,5.53,0,0,0,1-3.11,3.51,3.51,0,0,0-2-3.37,16.2,16.2,0,0,1-6.23,1.14h-.76A3.79,3.79,0,0,1,99.13,28ZM106,15.7a14.6,14.6,0,0,0-1.57.09c-.56.06-1.14.15-1.75.27a1.33,1.33,0,0,1,.23.3c0,.1.11.21.16.33a10.77,10.77,0,0,0-.78,1.24c-.31.55-.65,1.18-1,1.9s-.77,1.51-1.19,2.39-.83,1.77-1.25,2.69a10.89,10.89,0,0,1,1.47-.23,16.47,16.47,0,0,1,1.71-.09c.31,0,.61,0,.91,0s.58.06.86.11a15.06,15.06,0,0,0,3.07-.83,10.86,10.86,0,0,0,2.35-1.28A5.48,5.48,0,0,0,110.7,21a3.51,3.51,0,0,0,.53-1.87,2.87,2.87,0,0,0-1.34-2.57A7.22,7.22,0,0,0,106,15.7Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M117.53,40.27a4.51,4.51,0,0,1-3.22-1.77,6.31,6.31,0,0,1-1.2-4,11,11,0,0,1,.42-2.94,14.51,14.51,0,0,1,1.21-3,16.37,16.37,0,0,1,1.84-2.71,13.15,13.15,0,0,1,2.3-2.19,6.21,6.21,0,0,1,3.65-1.45,6.4,6.4,0,0,1,2.23,2.51l.32,0,.31,0c1.26,0,1.88,1.11,1.88,3.33a12.13,12.13,0,0,1-.73,4.23,12.61,12.61,0,0,1-2,3.63,12.09,12.09,0,0,1-3.08,2.75A12.45,12.45,0,0,1,117.53,40.27Zm1.81-11.15a15.33,15.33,0,0,0-1.13,1.77,16.13,16.13,0,0,0-.92,1.93,13,13,0,0,0-.6,1.87,6.79,6.79,0,0,0-.22,1.62,4.65,4.65,0,0,0,.29,1.62c.18.52.4.82.63.89a7.68,7.68,0,0,0,2.92-1.33,9.7,9.7,0,0,0,2.31-2.42,12.49,12.49,0,0,0,1.52-3.3,13.82,13.82,0,0,0,.55-3.93,7.84,7.84,0,0,0-.11-1.45,2.8,2.8,0,0,0-.35-.92A7.71,7.71,0,0,0,121.45,27,13.82,13.82,0,0,0,119.34,29.12Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M133.15,40.27a4.47,4.47,0,0,1-3.22-1.77,6.25,6.25,0,0,1-1.21-4,10.62,10.62,0,0,1,.43-2.94,13.93,13.93,0,0,1,1.2-3,16.37,16.37,0,0,1,1.84-2.71,13.51,13.51,0,0,1,2.3-2.19,6.23,6.23,0,0,1,3.65-1.45,6.33,6.33,0,0,1,2.23,2.51l.32,0,.32,0c1.25,0,1.87,1.11,1.87,3.33a12.36,12.36,0,0,1-.72,4.23,12.87,12.87,0,0,1-2,3.63,12.09,12.09,0,0,1-3.08,2.75A12.39,12.39,0,0,1,133.15,40.27ZM135,29.12a15.33,15.33,0,0,0-1.13,1.77,17.83,17.83,0,0,0-.92,1.93,13,13,0,0,0-.6,1.87,7.34,7.34,0,0,0-.22,1.62,4.65,4.65,0,0,0,.29,1.62c.19.52.4.82.64.89a7.82,7.82,0,0,0,2.92-1.33,9.84,9.84,0,0,0,2.3-2.42,12.18,12.18,0,0,0,1.52-3.3,13.48,13.48,0,0,0,.55-3.93,7.84,7.84,0,0,0-.11-1.45,2.8,2.8,0,0,0-.35-.92A7.71,7.71,0,0,0,137.06,27,14.28,14.28,0,0,0,135,29.12Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M146.32,25.47a2.16,2.16,0,0,1-.32-.9,5.66,5.66,0,0,1-.14-1.19,10.94,10.94,0,0,0,1.77.15h1.55c.36-.7.74-1.4,1.15-2.09s.82-1.32,1.21-1.89a15.52,15.52,0,0,1,1.1-1.45,4.07,4.07,0,0,1,.79-.77,4.46,4.46,0,0,1,.91.12c.36.09.73.19,1.11.32s.72.27,1,.41a1.79,1.79,0,0,1,.63.42c-.7.9-1.31,1.72-1.82,2.48s-1.06,1.64-1.64,2.62h1.43a10.58,10.58,0,0,0,1.47-.1,1.15,1.15,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.67,11.67,0,0,1-4.22.67c-.59,1.14-1.11,2.27-1.57,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.51,6.51,0,0,0,1.7-1,1.66,1.66,0,0,1,.25.54,4.13,4.13,0,0,1-.73.73,11.22,11.22,0,0,1-1.12.83,11.36,11.36,0,0,1-1.16.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,5,5,0,0,1-1.19-1.19,2.19,2.19,0,0,1-.46-1.29,13,13,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.23-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M168.9,24.89a6.59,6.59,0,0,1-.23,1.4,8.34,8.34,0,0,1-.47,1.31,4.63,4.63,0,0,1-.61,1,.84.84,0,0,1-.6.39c-.26,0-.41-.2-.46-.53a1.13,1.13,0,0,1,.09-.34c.06-.15.12-.32.19-.51s.14-.38.2-.57a1.65,1.65,0,0,0,.09-.49,1.51,1.51,0,0,0-.23-.84.73.73,0,0,0-.62-.33c-.95,0-1.67.59-2.16,1.76a13.82,13.82,0,0,0-.74,5.18,1.57,1.57,0,0,0,0,.42h2.48a.85.85,0,0,1,0,.28.59.59,0,0,1-.14.46l-1.29.3a5.39,5.39,0,0,0-.73.23.59.59,0,0,0-.3.23,1,1,0,0,0-.05.33c0,.19,0,.38,0,.57s0,.42,0,.7a6.88,6.88,0,0,1-1.61,4.76,6.61,6.61,0,0,1-4.48,2.09,2.94,2.94,0,0,1-1-.28,5.19,5.19,0,0,1-1-.64,4.54,4.54,0,0,1-.83-.87,3.1,3.1,0,0,1-.5-1,6.11,6.11,0,0,1,.57-2.59,7.21,7.21,0,0,1,1.54-2.17,7.86,7.86,0,0,1,2.3-1.54,7.11,7.11,0,0,1,2.89-.59,8.42,8.42,0,0,0-.18-1.74c-.12-.57-.24-1.12-.37-1.65s-.26-1.06-.37-1.57a6.56,6.56,0,0,1-.18-1.51,4.93,4.93,0,0,1,.39-1.9,7,7,0,0,1,1-1.74,6.42,6.42,0,0,1,1.48-1.37,5.33,5.33,0,0,1,1.77-.78,3.23,3.23,0,0,1,1,.62,14.82,14.82,0,0,1,1.29,1.15,12.13,12.13,0,0,1,1.13,1.29A3.24,3.24,0,0,1,168.9,24.89ZM157.22,41a5.82,5.82,0,0,0,1.61-1,8,8,0,0,0,2.23-3.33,5.54,5.54,0,0,0,.34-1.88,4,4,0,0,0-1.56.66A9.54,9.54,0,0,0,157,38.34a2.86,2.86,0,0,0-.5,1.42A1.5,1.5,0,0,0,157.22,41Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M171,25.47a2.16,2.16,0,0,1-.32-.9,5.66,5.66,0,0,1-.14-1.19,10.94,10.94,0,0,0,1.77.15h1.56c.35-.7.73-1.4,1.15-2.09s.81-1.32,1.2-1.89a15.52,15.52,0,0,1,1.1-1.45,4.07,4.07,0,0,1,.79-.77,4.46,4.46,0,0,1,.91.12c.36.09.73.19,1.11.32s.72.27,1,.41a1.79,1.79,0,0,1,.63.42c-.7.9-1.31,1.72-1.82,2.48s-1.05,1.64-1.64,2.62h1.43a10.58,10.58,0,0,0,1.47-.1,1.15,1.15,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.66,11.66,0,0,1-4.21.67c-.6,1.14-1.12,2.27-1.58,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.51,6.51,0,0,0,1.7-1,1.66,1.66,0,0,1,.25.54,4.13,4.13,0,0,1-.73.73,11.22,11.22,0,0,1-1.12.83,11.36,11.36,0,0,1-1.16.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,5,5,0,0,1-1.19-1.19,2.19,2.19,0,0,1-.46-1.29,13,13,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.23-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M180.55,38.32c.12-.68.32-1.58.62-2.7s.64-2.32,1-3.58.83-2.53,1.28-3.81.88-2.42,1.31-3.43a17.28,17.28,0,0,1,.81-1.72,5.13,5.13,0,0,1,.78-1,6.15,6.15,0,0,1,1,.25,7.54,7.54,0,0,1,1,.42,8.8,8.8,0,0,1,.89.51,3,3,0,0,1,.6.52,12.47,12.47,0,0,0-1.68,2.58A29.42,29.42,0,0,0,186.78,30c1.28-1.13,2.4-2.22,3.38-3.26a26.08,26.08,0,0,0,2.75-3.47,1.22,1.22,0,0,1,.74-.17,2.75,2.75,0,0,1,.95.16,1.13,1.13,0,0,1,.64.44,9.61,9.61,0,0,0-.64,3.36,4.66,4.66,0,0,0,.47,2.34,3,3,0,0,1-.48.81,9.57,9.57,0,0,1-1,1.13,5.88,5.88,0,0,1-2.79-3.25A25.16,25.16,0,0,0,188,30.41a12.57,12.57,0,0,0-2,2.48A15.32,15.32,0,0,0,184.57,36c-.39,1.18-.76,2.59-1.12,4.22a3.47,3.47,0,0,1-.76-.23A7,7,0,0,1,181,38.93,1.65,1.65,0,0,1,180.55,38.32Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M207.88,24.73a3.45,3.45,0,0,1,.83.12,4.92,4.92,0,0,1,.87.32,3.48,3.48,0,0,1,.65.41q.27.21.27.39c-.47,1-.91,2-1.31,3s-.74,2-1,2.89a24.37,24.37,0,0,0-.65,2.58,10.79,10.79,0,0,0-.23,2.09,5.4,5.4,0,0,0,.21,1.64,1.58,1.58,0,0,0,.71.94,3.64,3.64,0,0,1-1.1.46,4.72,4.72,0,0,1-1.2.18c-1.28,0-1.91-.87-1.91-2.62a16.7,16.7,0,0,1,1.34-5.52,21.14,21.14,0,0,1-1.63,3,22.3,22.3,0,0,1-1.87,2.52A11.21,11.21,0,0,1,199.9,39a4.79,4.79,0,0,1-1.79.83,2.46,2.46,0,0,1-2.12-1.2,5.2,5.2,0,0,1-.82-3,11.6,11.6,0,0,1,.85-4.19,18.86,18.86,0,0,1,2.18-4.09,15.37,15.37,0,0,1,2.88-3.14,4.81,4.81,0,0,1,3-1.27,2.89,2.89,0,0,1,.8.43,6.43,6.43,0,0,1,.85.74,5.91,5.91,0,0,1,.69.86,2,2,0,0,1,.32.76A6.31,6.31,0,0,0,203.83,27a14.3,14.3,0,0,0-2.73,2.81,16.49,16.49,0,0,0-2,3.51,9.17,9.17,0,0,0-.78,3.5.8.8,0,0,0,.5.85,5,5,0,0,0,2.37-1.76,33.44,33.44,0,0,0,3.26-4.76l.79-1.41c.3-.52.6-1.07.91-1.63l.9-1.72C207.34,25.83,207.62,25.27,207.88,24.73Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M209.72,50.75c-.33-.09-.52-.45-.57-1.06a5.94,5.94,0,0,1-.19-1.1c0-.42-.05-.91-.05-1.45a11.83,11.83,0,0,1,.24-2c.17-.86.4-1.83.7-2.92s.65-2.26,1.08-3.52.89-2.54,1.41-3.84c.64-1.63,1.19-3,1.67-4.23s.86-2.23,1.18-3.1.58-1.59.78-2.16.36-1,.48-1.45a8.64,8.64,0,0,1,.42-1,13.36,13.36,0,0,1,.66-1.22c.24-.41.5-.8.76-1.17a4.92,4.92,0,0,1,.71-.83,9.44,9.44,0,0,1,2.33.64,3,3,0,0,1,1.35.88,7.92,7.92,0,0,0-1.13,1.44,23.25,23.25,0,0,0-1.24,2.12,25.29,25.29,0,0,0-1.1,2.36,17.08,17.08,0,0,0-.74,2.12,10.32,10.32,0,0,1,.92-1.31c.37-.47,1-1.12,1.73-1.95a14.22,14.22,0,0,1,2.46-2.07,4,4,0,0,1,2-.72,3.23,3.23,0,0,1,2.21.74,2.39,2.39,0,0,1,.87,1.91,15.52,15.52,0,0,1-.85,5.05,15,15,0,0,1-2.44,4.51A10.39,10.39,0,0,1,224,36.84a12.57,12.57,0,0,1-1.7,1.25,9.34,9.34,0,0,1-1.73.87,4.5,4.5,0,0,1-1.52.32,2.24,2.24,0,0,1-1.12-.27,1.36,1.36,0,0,1-.65-.65,11.69,11.69,0,0,0,2.69-2.27,20.19,20.19,0,0,0,2.42-3.34,26.61,26.61,0,0,0,1.95-4.09,27.19,27.19,0,0,0,1.26-4.46,16,16,0,0,0-2.43,1.54A12.33,12.33,0,0,0,221,27.92c-.85,1-1.52,1.87-2,2.51s-.9,1.18-1.22,1.63a10.31,10.31,0,0,0-.78,1.25c-.2.39-.42.87-.65,1.44-.33.75-.72,1.75-1.15,3s-.89,2.62-1.35,4.16-.92,3.17-1.38,4.9-.9,3.47-1.33,5.19a1,1,0,0,1-.67-.57c-.19-.21-.33-.36-.41-.46A.81.81,0,0,0,209.72,50.75Z" transform="translate(0 -12.9)"/></svg>
\ No newline at end of file
diff --git a/dist/css/styles.css b/dist/css/styles.css
index 87c28ab..058e3eb 100644
--- a/dist/css/styles.css
+++ b/dist/css/styles.css
@@ -17,18 +17,18 @@
   --pink: #e83e8c;
   --red: #dc3545;
   --orange: #fd7e14;
-  --yellow: #ffc107;
+  --yellow: #fed136;
   --green: #28a745;
   --teal: #20c997;
   --cyan: #17a2b8;
   --white: #fff;
-  --gray: #868e96;
+  --gray: #6c757d;
   --gray-dark: #343a40;
   --primary: #fed136;
-  --secondary: #868e96;
+  --secondary: #6c757d;
   --success: #28a745;
   --info: #17a2b8;
-  --warning: #ffc107;
+  --warning: #fed136;
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343a40;
@@ -60,7 +60,7 @@ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
@@ -212,7 +212,7 @@ table {
 caption {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
-  color: #868e96;
+  color: #6c757d;
   text-align: left;
   caption-side: bottom;
 }
@@ -362,7 +362,8 @@ template {
 h1, h2, h3, h4, h5, h6,
 .h1, .h2, .h3, .h4, .h5, .h6 {
   margin-bottom: 0.5rem;
-  font-weight: 500;
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
   line-height: 1.2;
 }
 
@@ -468,7 +469,7 @@ mark,
 .blockquote-footer {
   display: block;
   font-size: 80%;
-  color: #868e96;
+  color: #6c757d;
 }
 .blockquote-footer::before {
   content: "— ";
@@ -499,7 +500,7 @@ mark,
 
 .figure-caption {
   font-size: 90%;
-  color: #868e96;
+  color: #6c757d;
 }
 
 code {
@@ -542,8 +543,8 @@ pre code {
 
 .container {
   width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
   margin-right: auto;
   margin-left: auto;
 }
@@ -570,8 +571,8 @@ pre code {
 
 .container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
   width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
   margin-right: auto;
   margin-left: auto;
 }
@@ -599,8 +600,8 @@ pre code {
 .row {
   display: flex;
   flex-wrap: wrap;
-  margin-right: -15px;
-  margin-left: -15px;
+  margin-right: -0.75rem;
+  margin-left: -0.75rem;
 }
 
 .no-gutters {
@@ -621,8 +622,8 @@ pre code {
 .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
   position: relative;
   width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
 }
 
 .col {
@@ -1750,21 +1751,21 @@ pre code {
 .table-secondary,
 .table-secondary > th,
 .table-secondary > td {
-  background-color: #dddfe2;
+  background-color: #d6d8db;
 }
 .table-secondary th,
 .table-secondary td,
 .table-secondary thead th,
 .table-secondary tbody + tbody {
-  border-color: #c0c4c8;
+  border-color: #b3b7bb;
 }
 
 .table-hover .table-secondary:hover {
-  background-color: #cfd2d6;
+  background-color: #c8cbcf;
 }
 .table-hover .table-secondary:hover > td,
 .table-hover .table-secondary:hover > th {
-  background-color: #cfd2d6;
+  background-color: #c8cbcf;
 }
 
 .table-success,
@@ -1810,21 +1811,21 @@ pre code {
 .table-warning,
 .table-warning > th,
 .table-warning > td {
-  background-color: #ffeeba;
+  background-color: #fff2c7;
 }
 .table-warning th,
 .table-warning td,
 .table-warning thead th,
 .table-warning tbody + tbody {
-  border-color: #ffdf7e;
+  border-color: #fee796;
 }
 
 .table-hover .table-warning:hover {
-  background-color: #ffe8a1;
+  background-color: #ffecae;
 }
 .table-hover .table-warning:hover > td,
 .table-hover .table-warning:hover > th {
-  background-color: #ffe8a1;
+  background-color: #ffecae;
 }
 
 .table-danger,
@@ -2022,23 +2023,23 @@ pre code {
   box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.25);
 }
 .form-control::-webkit-input-placeholder {
-  color: #868e96;
+  color: #6c757d;
   opacity: 1;
 }
 .form-control::-moz-placeholder {
-  color: #868e96;
+  color: #6c757d;
   opacity: 1;
 }
 .form-control:-ms-input-placeholder {
-  color: #868e96;
+  color: #6c757d;
   opacity: 1;
 }
 .form-control::-ms-input-placeholder {
-  color: #868e96;
+  color: #6c757d;
   opacity: 1;
 }
 .form-control::placeholder {
-  color: #868e96;
+  color: #6c757d;
   opacity: 1;
 }
 .form-control:disabled, .form-control[readonly] {
@@ -2153,7 +2154,7 @@ textarea.form-control {
   margin-left: -1.25rem;
 }
 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
-  color: #868e96;
+  color: #6c757d;
 }
 
 .form-check-label {
@@ -2455,63 +2456,63 @@ fieldset:disabled a.btn {
 }
 
 .btn-primary {
-  color: #212529;
+  color: #fff;
   background-color: #fed136;
   border-color: #fed136;
 }
 .btn-primary:hover {
-  color: #212529;
+  color: #fff;
   background-color: #fec810;
   border-color: #fec503;
 }
 .btn-primary:focus, .btn-primary.focus {
-  color: #212529;
+  color: #fff;
   background-color: #fec810;
   border-color: #fec503;
-  box-shadow: 0 0 0 0.2rem rgba(221, 183, 52, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5);
 }
 .btn-primary.disabled, .btn-primary:disabled {
-  color: #212529;
+  color: #fff;
   background-color: #fed136;
   border-color: #fed136;
 }
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
-  color: #212529;
+  color: #fff;
   background-color: #fec503;
   border-color: #f3bd01;
 }
 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(221, 183, 52, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5);
 }
 
 .btn-secondary {
   color: #fff;
-  background-color: #868e96;
-  border-color: #868e96;
+  background-color: #6c757d;
+  border-color: #6c757d;
 }
 .btn-secondary:hover {
   color: #fff;
-  background-color: #727b84;
-  border-color: #6c757d;
+  background-color: #5a6268;
+  border-color: #545b62;
 }
 .btn-secondary:focus, .btn-secondary.focus {
   color: #fff;
-  background-color: #727b84;
-  border-color: #6c757d;
-  box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
+  background-color: #5a6268;
+  border-color: #545b62;
+  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
 }
 .btn-secondary.disabled, .btn-secondary:disabled {
   color: #fff;
-  background-color: #868e96;
-  border-color: #868e96;
+  background-color: #6c757d;
+  border-color: #6c757d;
 }
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
   color: #fff;
-  background-color: #6c757d;
-  border-color: #666e76;
+  background-color: #545b62;
+  border-color: #4e555b;
 }
 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
 }
 
 .btn-success {
@@ -2575,33 +2576,33 @@ fieldset:disabled a.btn {
 }
 
 .btn-warning {
-  color: #212529;
-  background-color: #ffc107;
-  border-color: #ffc107;
+  color: #fff;
+  background-color: #fed136;
+  border-color: #fed136;
 }
 .btn-warning:hover {
-  color: #212529;
-  background-color: #e0a800;
-  border-color: #d39e00;
+  color: #fff;
+  background-color: #fec810;
+  border-color: #fec503;
 }
 .btn-warning:focus, .btn-warning.focus {
-  color: #212529;
-  background-color: #e0a800;
-  border-color: #d39e00;
-  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
+  color: #fff;
+  background-color: #fec810;
+  border-color: #fec503;
+  box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5);
 }
 .btn-warning.disabled, .btn-warning:disabled {
-  color: #212529;
-  background-color: #ffc107;
-  border-color: #ffc107;
+  color: #fff;
+  background-color: #fed136;
+  border-color: #fed136;
 }
 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
-  color: #212529;
-  background-color: #d39e00;
-  border-color: #c69500;
+  color: #fff;
+  background-color: #fec503;
+  border-color: #f3bd01;
 }
 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5);
 }
 
 .btn-danger {
@@ -2699,7 +2700,7 @@ fieldset:disabled a.btn {
   border-color: #fed136;
 }
 .btn-outline-primary:hover {
-  color: #212529;
+  color: #fff;
   background-color: #fed136;
   border-color: #fed136;
 }
@@ -2711,7 +2712,7 @@ fieldset:disabled a.btn {
   background-color: transparent;
 }
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
-  color: #212529;
+  color: #fff;
   background-color: #fed136;
   border-color: #fed136;
 }
@@ -2720,28 +2721,28 @@ fieldset:disabled a.btn {
 }
 
 .btn-outline-secondary {
-  color: #868e96;
-  border-color: #868e96;
+  color: #6c757d;
+  border-color: #6c757d;
 }
 .btn-outline-secondary:hover {
   color: #fff;
-  background-color: #868e96;
-  border-color: #868e96;
+  background-color: #6c757d;
+  border-color: #6c757d;
 }
 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
-  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }
 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
-  color: #868e96;
+  color: #6c757d;
   background-color: transparent;
 }
 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
   color: #fff;
-  background-color: #868e96;
-  border-color: #868e96;
+  background-color: #6c757d;
+  border-color: #6c757d;
 }
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }
 
 .btn-outline-success {
@@ -2795,28 +2796,28 @@ fieldset:disabled a.btn {
 }
 
 .btn-outline-warning {
-  color: #ffc107;
-  border-color: #ffc107;
+  color: #fed136;
+  border-color: #fed136;
 }
 .btn-outline-warning:hover {
-  color: #212529;
-  background-color: #ffc107;
-  border-color: #ffc107;
+  color: #fff;
+  background-color: #fed136;
+  border-color: #fed136;
 }
 .btn-outline-warning:focus, .btn-outline-warning.focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5);
 }
 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
-  color: #ffc107;
+  color: #fed136;
   background-color: transparent;
 }
 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
-  color: #212529;
-  background-color: #ffc107;
-  border-color: #ffc107;
+  color: #fff;
+  background-color: #fed136;
+  border-color: #fed136;
 }
 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5);
 }
 
 .btn-outline-danger {
@@ -2908,7 +2909,7 @@ fieldset:disabled a.btn {
   box-shadow: none;
 }
 .btn-link:disabled, .btn-link.disabled {
-  color: #868e96;
+  color: #6c757d;
   pointer-events: none;
 }
 
@@ -3177,7 +3178,7 @@ input[type=button].btn-block {
   background-color: #fed136;
 }
 .dropdown-item.disabled, .dropdown-item:disabled {
-  color: #868e96;
+  color: #6c757d;
   pointer-events: none;
   background-color: transparent;
 }
@@ -3191,7 +3192,7 @@ input[type=button].btn-block {
   padding: 0.5rem 1.5rem;
   margin-bottom: 0;
   font-size: 0.875rem;
-  color: #868e96;
+  color: #6c757d;
   white-space: nowrap;
 }
 
@@ -3514,7 +3515,7 @@ input[type=button].btn-block {
   border-color: #fffae8;
 }
 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
-  color: #868e96;
+  color: #6c757d;
 }
 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
   background-color: #e9ecef;
@@ -3641,7 +3642,7 @@ input[type=button].btn-block {
   background-image: none;
 }
 .custom-select:disabled {
-  color: #868e96;
+  color: #6c757d;
   background-color: #e9ecef;
 }
 .custom-select::-ms-expand {
@@ -3898,7 +3899,7 @@ input[type=button].btn-block {
   text-decoration: none;
 }
 .nav-link.disabled {
-  color: #868e96;
+  color: #6c757d;
   pointer-events: none;
   cursor: default;
 }
@@ -3918,7 +3919,7 @@ input[type=button].btn-block {
   border-color: #e9ecef #e9ecef #dee2e6;
 }
 .nav-tabs .nav-link.disabled {
-  color: #868e96;
+  color: #6c757d;
   background-color: transparent;
   border-color: transparent;
 }
@@ -4439,25 +4440,25 @@ input[type=button].btn-block {
 }
 
 .card-deck .card {
-  margin-bottom: 15px;
+  margin-bottom: 0.75rem;
 }
 @media (min-width: 576px) {
   .card-deck {
     display: flex;
     flex-flow: row wrap;
-    margin-right: -15px;
-    margin-left: -15px;
+    margin-right: -0.75rem;
+    margin-left: -0.75rem;
   }
   .card-deck .card {
     flex: 1 0 0%;
-    margin-right: 15px;
+    margin-right: 0.75rem;
     margin-bottom: 0;
-    margin-left: 15px;
+    margin-left: 0.75rem;
   }
 }
 
 .card-group > .card {
-  margin-bottom: 15px;
+  margin-bottom: 0.75rem;
 }
 @media (min-width: 576px) {
   .card-group {
@@ -4549,7 +4550,7 @@ input[type=button].btn-block {
 .breadcrumb-item + .breadcrumb-item::before {
   display: inline-block;
   padding-right: 0.5rem;
-  color: #868e96;
+  color: #6c757d;
   content: "/";
 }
 .breadcrumb-item + .breadcrumb-item:hover::before {
@@ -4559,7 +4560,7 @@ input[type=button].btn-block {
   text-decoration: none;
 }
 .breadcrumb-item.active {
-  color: #868e96;
+  color: #6c757d;
 }
 
 .pagination {
@@ -4608,7 +4609,7 @@ input[type=button].btn-block {
   border-color: #fed136;
 }
 .page-item.disabled .page-link {
-  color: #868e96;
+  color: #6c757d;
   pointer-events: none;
   cursor: auto;
   background-color: #fff;
@@ -4680,11 +4681,11 @@ a.badge:hover, a.badge:focus {
 }
 
 .badge-primary {
-  color: #212529;
+  color: #fff;
   background-color: #fed136;
 }
 a.badge-primary:hover, a.badge-primary:focus {
-  color: #212529;
+  color: #fff;
   background-color: #fec503;
 }
 a.badge-primary:focus, a.badge-primary.focus {
@@ -4694,15 +4695,15 @@ a.badge-primary:focus, a.badge-primary.focus {
 
 .badge-secondary {
   color: #fff;
-  background-color: #868e96;
+  background-color: #6c757d;
 }
 a.badge-secondary:hover, a.badge-secondary:focus {
   color: #fff;
-  background-color: #6c757d;
+  background-color: #545b62;
 }
 a.badge-secondary:focus, a.badge-secondary.focus {
   outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }
 
 .badge-success {
@@ -4732,16 +4733,16 @@ a.badge-info:focus, a.badge-info.focus {
 }
 
 .badge-warning {
-  color: #212529;
-  background-color: #ffc107;
+  color: #fff;
+  background-color: #fed136;
 }
 a.badge-warning:hover, a.badge-warning:focus {
-  color: #212529;
-  background-color: #d39e00;
+  color: #fff;
+  background-color: #fec503;
 }
 a.badge-warning:focus, a.badge-warning.focus {
   outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5);
 }
 
 .badge-danger {
@@ -4841,15 +4842,15 @@ a.badge-dark:focus, a.badge-dark.focus {
 }
 
 .alert-secondary {
-  color: #464a4e;
-  background-color: #e7e8ea;
-  border-color: #dddfe2;
+  color: #383d41;
+  background-color: #e2e3e5;
+  border-color: #d6d8db;
 }
 .alert-secondary hr {
-  border-top-color: #cfd2d6;
+  border-top-color: #c8cbcf;
 }
 .alert-secondary .alert-link {
-  color: #2e3133;
+  color: #202326;
 }
 
 .alert-success {
@@ -4877,15 +4878,15 @@ a.badge-dark:focus, a.badge-dark.focus {
 }
 
 .alert-warning {
-  color: #856404;
-  background-color: #fff3cd;
-  border-color: #ffeeba;
+  color: #846d1c;
+  background-color: #fff6d7;
+  border-color: #fff2c7;
 }
 .alert-warning hr {
-  border-top-color: #ffe8a1;
+  border-top-color: #ffecae;
 }
 .alert-warning .alert-link {
-  color: #533f03;
+  color: #5a4a13;
 }
 
 .alert-danger {
@@ -5031,7 +5032,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   border-bottom-left-radius: 0.25rem;
 }
 .list-group-item.disabled, .list-group-item:disabled {
-  color: #868e96;
+  color: #6c757d;
   pointer-events: none;
   background-color: #fff;
 }
@@ -5195,17 +5196,17 @@ a.badge-dark:focus, a.badge-dark.focus {
 }
 
 .list-group-item-secondary {
-  color: #464a4e;
-  background-color: #dddfe2;
+  color: #383d41;
+  background-color: #d6d8db;
 }
 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-  color: #464a4e;
-  background-color: #cfd2d6;
+  color: #383d41;
+  background-color: #c8cbcf;
 }
 .list-group-item-secondary.list-group-item-action.active {
   color: #fff;
-  background-color: #464a4e;
-  border-color: #464a4e;
+  background-color: #383d41;
+  border-color: #383d41;
 }
 
 .list-group-item-success {
@@ -5237,17 +5238,17 @@ a.badge-dark:focus, a.badge-dark.focus {
 }
 
 .list-group-item-warning {
-  color: #856404;
-  background-color: #ffeeba;
+  color: #846d1c;
+  background-color: #fff2c7;
 }
 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
-  color: #856404;
-  background-color: #ffe8a1;
+  color: #846d1c;
+  background-color: #ffecae;
 }
 .list-group-item-warning.list-group-item-action.active {
   color: #fff;
-  background-color: #856404;
-  border-color: #856404;
+  background-color: #846d1c;
+  border-color: #846d1c;
 }
 
 .list-group-item-danger {
@@ -5353,7 +5354,7 @@ a.close.disabled {
   display: flex;
   align-items: center;
   padding: 0.25rem 0.75rem;
-  color: #868e96;
+  color: #6c757d;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
@@ -5559,7 +5560,7 @@ a.close.disabled {
   z-index: 1070;
   display: block;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
@@ -5661,7 +5662,7 @@ a.close.disabled {
   z-index: 1060;
   display: block;
   max-width: 276px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
@@ -6076,13 +6077,13 @@ button.bg-primary:focus {
 }
 
 .bg-secondary {
-  background-color: #868e96 !important;
+  background-color: #6c757d !important;
 }
 
 a.bg-secondary:hover, a.bg-secondary:focus,
 button.bg-secondary:hover,
 button.bg-secondary:focus {
-  background-color: #6c757d !important;
+  background-color: #545b62 !important;
 }
 
 .bg-success {
@@ -6106,13 +6107,13 @@ button.bg-info:focus {
 }
 
 .bg-warning {
-  background-color: #ffc107 !important;
+  background-color: #fed136 !important;
 }
 
 a.bg-warning:hover, a.bg-warning:focus,
 button.bg-warning:hover,
 button.bg-warning:focus {
-  background-color: #d39e00 !important;
+  background-color: #fec503 !important;
 }
 
 .bg-danger {
@@ -6198,7 +6199,7 @@ button.bg-dark:focus {
 }
 
 .border-secondary {
-  border-color: #868e96 !important;
+  border-color: #6c757d !important;
 }
 
 .border-success {
@@ -6210,7 +6211,7 @@ button.bg-dark:focus {
 }
 
 .border-warning {
-  border-color: #ffc107 !important;
+  border-color: #fed136 !important;
 }
 
 .border-danger {
@@ -9755,11 +9756,11 @@ a.text-primary:hover, a.text-primary:focus {
 }
 
 .text-secondary {
-  color: #868e96 !important;
+  color: #6c757d !important;
 }
 
 a.text-secondary:hover, a.text-secondary:focus {
-  color: #60686f !important;
+  color: #494f54 !important;
 }
 
 .text-success {
@@ -9779,11 +9780,11 @@ a.text-info:hover, a.text-info:focus {
 }
 
 .text-warning {
-  color: #ffc107 !important;
+  color: #fed136 !important;
 }
 
 a.text-warning:hover, a.text-warning:focus {
-  color: #ba8b00 !important;
+  color: #e6b301 !important;
 }
 
 .text-danger {
@@ -9815,7 +9816,7 @@ a.text-dark:hover, a.text-dark:focus {
 }
 
 .text-muted {
-  color: #868e96 !important;
+  color: #6c757d !important;
 }
 
 .text-black-50 {
@@ -9951,34 +9952,12 @@ h3 {
 }
 body {
   overflow-x: hidden;
-  font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 p {
   line-height: 1.75;
 }
 
-a {
-  color: #fed136;
-}
-a:hover {
-  color: #fec503;
-}
-
-.text-primary {
-  color: #fed136 !important;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: 700;
-  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-
 .page-section {
   padding: 100px 0;
 }
@@ -10024,39 +10003,41 @@ img::-moz-selection {
 }
 
 .btn-xl {
-  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-weight: 700;
-  font-size: 1.125rem;
   padding: 1.25rem 2.5rem;
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1.125rem;
+  font-weight: 700;
 }
 
 #mainNav {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
   background-color: #212529;
 }
 #mainNav .navbar-toggler {
-  font-size: 12px;
-  right: 0;
-  padding: 13px;
-  text-transform: uppercase;
-  color: white;
-  border: 0;
-  background-color: #fed136;
+  padding: 0.75rem;
   font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 0.75rem;
+  color: #fff;
+  text-transform: uppercase;
+  background-color: #fed136;
+  border: 0;
 }
 #mainNav .navbar-brand {
   color: #fed136;
-  font-family: "Kaushan Script", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  letter-spacing: 0.0625em;
+  text-transform: uppercase;
 }
-#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
-  color: #fec503;
+#mainNav .navbar-brand img {
+  height: 1.5rem;
 }
 #mainNav .navbar-nav .nav-item .nav-link {
-  font-size: 90%;
-  font-weight: 400;
-  padding: 0.75em 0;
-  letter-spacing: 1px;
-  color: white;
   font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 0.95rem;
+  color: #fff;
+  letter-spacing: 0.0625em;
 }
 #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
   color: #fed136;
@@ -10064,32 +10045,42 @@ img::-moz-selection {
 
 @media (min-width: 992px) {
   #mainNav {
-    padding-top: 25px;
-    padding-bottom: 25px;
-    transition: padding-top 0.3s, padding-bottom 0.3s;
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
     border: none;
     background-color: transparent;
+    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
   }
   #mainNav .navbar-brand {
-    font-size: 1.75em;
-    transition: all 0.3s;
+    font-size: 1.5em;
+    transition: font-size 0.3s ease-in-out;
   }
-  #mainNav .navbar-nav .nav-item .nav-link {
-    padding: 1.1em 1em !important;
+  #mainNav .navbar-brand img {
+    height: 2rem;
+    transition: height 0.3s ease-in-out;
   }
   #mainNav.navbar-shrink {
-    padding-top: 0;
-    padding-bottom: 0;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
     background-color: #212529;
   }
   #mainNav.navbar-shrink .navbar-brand {
     font-size: 1.25em;
-    padding: 12px 0;
+  }
+  #mainNav.navbar-shrink .navbar-brand svg,
+#mainNav.navbar-shrink .navbar-brand img {
+    height: 1.5rem;
+  }
+  #mainNav .navbar-nav .nav-item {
+    margin-right: 1rem;
+  }
+  #mainNav .navbar-nav .nav-item:last-child {
+    margin-right: 0;
   }
 }
 header.masthead {
   text-align: center;
-  color: white;
+  color: #fff;
   background-image: url("../assets/img/header-bg.jpg");
   background-repeat: no-repeat;
   background-attachment: scroll;
@@ -10125,14 +10116,12 @@ header.masthead .intro-text .intro-heading {
     font-style: italic;
     line-height: 40px;
     margin-bottom: 25px;
-    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   }
   header.masthead .intro-text .intro-heading {
     font-size: 75px;
     font-weight: 700;
     line-height: 75px;
     margin-bottom: 50px;
-    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   }
 }
 .service-heading {
@@ -10462,42 +10451,49 @@ section#contact {
 section#contact .section-heading {
   color: #fff;
 }
-section#contact .form-group {
-  margin-bottom: 25px;
+section#contact form#contactForm .form-group {
+  margin-bottom: 1.5rem;
 }
-section#contact .form-group input,
-section#contact .form-group textarea {
-  padding: 20px;
+section#contact form#contactForm .form-group input,
+section#contact form#contactForm .form-group textarea {
+  padding: 1.25rem;
 }
-section#contact .form-group input.form-control {
+section#contact form#contactForm .form-group input.form-control {
   height: auto;
 }
-section#contact .form-group textarea.form-control {
-  height: 248px;
+section#contact form#contactForm .form-group-textarea {
+  height: 100%;
 }
-section#contact .form-control:focus {
+section#contact form#contactForm .form-group-textarea textarea {
+  height: 100%;
+  min-height: 10rem;
+}
+section#contact form#contactForm p.help-block {
+  margin: 0;
+}
+section#contact form#contactForm .form-control:focus {
   border-color: #fed136;
   box-shadow: none;
 }
-section#contact ::-webkit-input-placeholder {
+section#contact form#contactForm ::-webkit-input-placeholder {
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-weight: 700;
   color: #ced4da;
-  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
-section#contact :-moz-placeholder {
+section#contact form#contactForm :-moz-placeholder {
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-weight: 700;
   color: #ced4da;
-  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
-section#contact ::-moz-placeholder {
+section#contact form#contactForm ::-moz-placeholder {
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-weight: 700;
   color: #ced4da;
-  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
-section#contact :-ms-input-placeholder {
+section#contact form#contactForm :-ms-input-placeholder {
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-weight: 700;
   color: #ced4da;
-  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 .footer {
@@ -10528,7 +10524,7 @@ ul.social-buttons li a {
   width: 50px;
   height: 50px;
   transition: all 0.3s;
-  color: white;
+  color: #fff;
   border-radius: 100%;
   outline: none;
   background-color: #212529;
diff --git a/dist/index.html b/dist/index.html
index e1ed5dc..93d934c 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,12 +5,12 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
         <meta name="description" content="" />
         <meta name="author" content="" />
-        <title>Freelancer - Start Bootstrap Theme</title>
+        <title>Agency - Start Bootstrap Theme</title>
+        <link rel="icon" type="image/png" sizes="32x32" href="https://startbootstrap.com/assets/img/icons/favicon-32x32.png" />
         <!-- Font Awesome icons (free version)-->
         <script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
         <!-- Google fonts-->
         <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
-        <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css" />
         <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
         <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
         <!-- Core theme CSS (includes Bootstrap)-->
@@ -20,7 +20,7 @@
         <!-- Navigation-->
         <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
             <div class="container">
-                <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<i class="fas fa-bars"></i></button>
+                <a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="assets/img/navbar-logo.svg" /></a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<i class="fas fa-bars ml-1"></i></button>
                 <div class="collapse navbar-collapse" id="navbarResponsive">
                     <ul class="navbar-nav text-uppercase ml-auto">
                         <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#services">Services</a></li>
@@ -315,39 +315,34 @@
                         <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
                     </div>
                 </div>
-                <div class="row">
-                    <div class="col-lg-12">
-                        <form id="contactForm" name="sentMessage" novalidate="novalidate">
-                            <div class="row">
-                                <div class="col-md-6">
-                                    <div class="form-group">
-                                        <input class="form-control" id="name" type="text" placeholder="Your Name *" required="required" data-validation-required-message="Please enter your name." />
-                                        <p class="help-block text-danger"></p>
-                                    </div>
-                                    <div class="form-group">
-                                        <input class="form-control" id="email" type="email" placeholder="Your Email *" required="required" data-validation-required-message="Please enter your email address." />
-                                        <p class="help-block text-danger"></p>
-                                    </div>
-                                    <div class="form-group">
-                                        <input class="form-control" id="phone" type="tel" placeholder="Your Phone *" required="required" data-validation-required-message="Please enter your phone number." />
-                                        <p class="help-block text-danger"></p>
-                                    </div>
-                                </div>
-                                <div class="col-md-6">
-                                    <div class="form-group">
-                                        <textarea class="form-control" id="message" placeholder="Your Message *" required="required" data-validation-required-message="Please enter a message."></textarea>
-                                        <p class="help-block text-danger"></p>
-                                    </div>
-                                </div>
-                                <div class="clearfix"></div>
-                                <div class="col-lg-12 text-center">
-                                    <div id="success"></div>
-                                    <button class="btn btn-primary btn-xl text-uppercase" id="sendMessageButton" type="submit">Send Message</button>
-                                </div>
+                <form id="contactForm" name="sentMessage" novalidate="novalidate">
+                    <div class="row align-items-stretch mb-5">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <input class="form-control" id="name" type="text" placeholder="Your Name *" required="required" data-validation-required-message="Please enter your name." />
+                                <p class="help-block text-danger"></p>
                             </div>
-                        </form>
+                            <div class="form-group">
+                                <input class="form-control" id="email" type="email" placeholder="Your Email *" required="required" data-validation-required-message="Please enter your email address." />
+                                <p class="help-block text-danger"></p>
+                            </div>
+                            <div class="form-group mb-md-0">
+                                <input class="form-control" id="phone" type="tel" placeholder="Your Phone *" required="required" data-validation-required-message="Please enter your phone number." />
+                                <p class="help-block text-danger"></p>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group form-group-textarea mb-md-0">
+                                <textarea class="form-control" id="message" placeholder="Your Message *" required="required" data-validation-required-message="Please enter a message."></textarea>
+                                <p class="help-block text-danger"></p>
+                            </div>
+                        </div>
                     </div>
-                </div>
+                    <div class="text-center">
+                        <div id="success"></div>
+                        <button class="btn btn-primary btn-xl text-uppercase" id="sendMessageButton" type="submit">Send Message</button>
+                    </div>
+                </form>
             </div>
         </section>
         <!-- Footer-->
@@ -398,7 +393,7 @@
                                         <li>Client: Threads</li>
                                         <li>Category: Illustration</li>
                                     </ul>
-                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times"></i>Close Project</button>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close Project</button>
                                 </div>
                             </div>
                         </div>
@@ -427,7 +422,7 @@
                                         <li>Client: Explore</li>
                                         <li>Category: Graphic Design</li>
                                     </ul>
-                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times"></i>Close Project</button>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close Project</button>
                                 </div>
                             </div>
                         </div>
@@ -456,7 +451,7 @@
                                         <li>Client: Finish</li>
                                         <li>Category: Identity</li>
                                     </ul>
-                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times"></i>Close Project</button>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close Project</button>
                                 </div>
                             </div>
                         </div>
@@ -485,7 +480,7 @@
                                         <li>Client: Lines</li>
                                         <li>Category: Branding</li>
                                     </ul>
-                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times"></i>Close Project</button>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close Project</button>
                                 </div>
                             </div>
                         </div>
@@ -514,7 +509,7 @@
                                         <li>Client: Southwest</li>
                                         <li>Category: Website Design</li>
                                     </ul>
-                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times"></i>Close Project</button>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close Project</button>
                                 </div>
                             </div>
                         </div>
@@ -543,7 +538,7 @@
                                         <li>Client: Window</li>
                                         <li>Category: Photography</li>
                                     </ul>
-                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times"></i>Close Project</button>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close Project</button>
                                 </div>
                             </div>
                         </div>
diff --git a/dist/js/scripts.js b/dist/js/scripts.js
index 65a1beb..9ef200d 100644
--- a/dist/js/scripts.js
+++ b/dist/js/scripts.js
@@ -3,45 +3,54 @@
     * Copyright 2013-2020 Start Bootstrap
     * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
     */
-    (function($) {
-  "use strict"; // Start of use strict
+    (function ($) {
+    "use strict"; // Start of use strict
 
-  // Smooth scrolling using jQuery easing
-  $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
-    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
-      var target = $(this.hash);
-      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
-      if (target.length) {
-        $('html, body').animate({
-          scrollTop: (target.offset().top - 54)
-        }, 1000, "easeInOutExpo");
-        return false;
-      }
-    }
-  });
+    // Smooth scrolling using jQuery easing
+    $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function () {
+        if (
+            location.pathname.replace(/^\//, "") ==
+                this.pathname.replace(/^\//, "") &&
+            location.hostname == this.hostname
+        ) {
+            var target = $(this.hash);
+            target = target.length
+                ? target
+                : $("[name=" + this.hash.slice(1) + "]");
+            if (target.length) {
+                $("html, body").animate(
+                    {
+                        scrollTop: target.offset().top - 72,
+                    },
+                    1000,
+                    "easeInOutExpo"
+                );
+                return false;
+            }
+        }
+    });
 
-  // Closes responsive menu when a scroll trigger link is clicked
-  $('.js-scroll-trigger').click(function() {
-    $('.navbar-collapse').collapse('hide');
-  });
+    // Closes responsive menu when a scroll trigger link is clicked
+    $(".js-scroll-trigger").click(function () {
+        $(".navbar-collapse").collapse("hide");
+    });
 
-  // Activate scrollspy to add active class to navbar items on scroll
-  $('body').scrollspy({
-    target: '#mainNav',
-    offset: 56
-  });
-
-  // Collapse Navbar
-  var navbarCollapse = function() {
-    if ($("#mainNav").offset().top > 100) {
-      $("#mainNav").addClass("navbar-shrink");
-    } else {
-      $("#mainNav").removeClass("navbar-shrink");
-    }
-  };
-  // Collapse now if page is not at top
-  navbarCollapse();
-  // Collapse the navbar when page is scrolled
-  $(window).scroll(navbarCollapse);
+    // Activate scrollspy to add active class to navbar items on scroll
+    $("body").scrollspy({
+        target: "#mainNav",
+        offset: 74,
+    });
 
+    // Collapse Navbar
+    var navbarCollapse = function () {
+        if ($("#mainNav").offset().top > 100) {
+            $("#mainNav").addClass("navbar-shrink");
+        } else {
+            $("#mainNav").removeClass("navbar-shrink");
+        }
+    };
+    // Collapse now if page is not at top
+    navbarCollapse();
+    // Collapse the navbar when page is scrolled
+    $(window).scroll(navbarCollapse);
 })(jQuery); // End of use strict
diff --git a/src/assets/img/navbar-logo.svg b/src/assets/img/navbar-logo.svg
new file mode 100644
index 0000000..7eb299b
--- /dev/null
+++ b/src/assets/img/navbar-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228.66 39.08"><style>.cls-1{fill:#fed136;}</style><path class="cls-1" d="M23.08,15.17c.07.4.13.68.16.83a2.66,2.66,0,0,1,.05.62,4.76,4.76,0,0,1-.51,2.18,3,3,0,0,1-1.4,1.43,7.12,7.12,0,0,0-1.73-1.64,10.8,10.8,0,0,0-2.25-1.14,14.23,14.23,0,0,0-2.53-.65,16,16,0,0,0-2.55-.21,13,13,0,0,0-2.32.19,9.91,9.91,0,0,0-1.91.53,3.79,3.79,0,0,0-1.31.83,1.61,1.61,0,0,0-.48,1.14,2.73,2.73,0,0,0,1,1.57,12.76,12.76,0,0,0,2.09,1.56c.82.51,1.74,1,2.74,1.5s2,1,3,1.42c1.2.57,2.24,1.09,3.11,1.58a9.31,9.31,0,0,1,2.16,1.59,5.83,5.83,0,0,1,1.28,2A7.5,7.5,0,0,1,22,33.12a9.43,9.43,0,0,1-.6,3.38,7.84,7.84,0,0,1-1.75,2.74,8.21,8.21,0,0,1-2.78,1.83,9.85,9.85,0,0,1-3.65.65A17,17,0,0,1,9,41.12a20,20,0,0,1-4.3-1.65,12.61,12.61,0,0,1-3.33-2.4A4.09,4.09,0,0,1,0,34.18a5.48,5.48,0,0,1,.41-1.8,7.5,7.5,0,0,1,1.47-2.31A5.49,5.49,0,0,0,3,32.59a10.14,10.14,0,0,0,3.13,2.69,15.79,15.79,0,0,0,4,1.65,16.23,16.23,0,0,0,3.87.51,8.83,8.83,0,0,0,3.23-.5,5.89,5.89,0,0,0,1.94-1.18,3.94,3.94,0,0,0,1-1.4,4,4,0,0,0,.32-1.13,2.14,2.14,0,0,0-.65-1.37,7.65,7.65,0,0,0-1.67-1.27c-.69-.41-1.5-.83-2.42-1.26s-1.88-.85-2.87-1.27c-1.48-.66-2.77-1.28-3.84-1.86a14.83,14.83,0,0,1-2.65-1.77,5.88,5.88,0,0,1-1.53-1.9,5.1,5.1,0,0,1-.47-2.26,6.57,6.57,0,0,1,1.2-3.75A7.41,7.41,0,0,1,9.1,13.83a10,10,0,0,1,2.42-.71,15.83,15.83,0,0,1,2.53-.22,16.76,16.76,0,0,1,4.57.64A34.29,34.29,0,0,1,23.08,15.17Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M25.92,25.47a2.16,2.16,0,0,1-.32-.9,5.75,5.75,0,0,1-.15-1.19,11.13,11.13,0,0,0,1.77.15h1.56c.36-.7.74-1.4,1.15-2.09s.82-1.32,1.21-1.89a17.57,17.57,0,0,1,1.09-1.45,4.35,4.35,0,0,1,.8-.77,4.29,4.29,0,0,1,.9.12c.37.09.74.19,1.12.32s.72.27,1,.41a1.89,1.89,0,0,1,.63.42c-.71.9-1.31,1.72-1.82,2.48s-1.06,1.64-1.65,2.62h1.44a10.58,10.58,0,0,0,1.47-.1,1.28,1.28,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.71,11.71,0,0,1-4.22.67c-.59,1.14-1.11,2.27-1.57,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.68,6.68,0,0,0,1.7-1,1.42,1.42,0,0,1,.24.54,3.7,3.7,0,0,1-.72.73,12.51,12.51,0,0,1-1.12.83,10.47,10.47,0,0,1-1.17.69,3,3,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.38,7.38,0,0,1-1.61-.89,4.93,4.93,0,0,1-1.18-1.19,2.19,2.19,0,0,1-.46-1.29,11.94,11.94,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.24-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M48.5,24.73a3.45,3.45,0,0,1,.83.12,4.92,4.92,0,0,1,.87.32,3.48,3.48,0,0,1,.65.41q.27.21.27.39c-.47,1-.91,2-1.31,3s-.74,2-1,2.89a24.37,24.37,0,0,0-.65,2.58,11.63,11.63,0,0,0-.23,2.09,5.4,5.4,0,0,0,.21,1.64,1.58,1.58,0,0,0,.71.94,3.64,3.64,0,0,1-1.1.46,4.72,4.72,0,0,1-1.2.18c-1.28,0-1.91-.87-1.91-2.62A16.45,16.45,0,0,1,46,31.6a21.14,21.14,0,0,1-1.63,3,22.3,22.3,0,0,1-1.87,2.52A11.21,11.21,0,0,1,40.52,39a4.79,4.79,0,0,1-1.79.83,2.46,2.46,0,0,1-2.12-1.2,5.2,5.2,0,0,1-.82-3,11.6,11.6,0,0,1,.85-4.19,18.86,18.86,0,0,1,2.18-4.09,15.66,15.66,0,0,1,2.88-3.14,4.81,4.81,0,0,1,3-1.27,2.89,2.89,0,0,1,.8.43,6.43,6.43,0,0,1,.85.74,5.91,5.91,0,0,1,.69.86,2,2,0,0,1,.32.76A6.31,6.31,0,0,0,44.45,27a14.3,14.3,0,0,0-2.73,2.81,16.49,16.49,0,0,0-2,3.51,9.17,9.17,0,0,0-.78,3.5.8.8,0,0,0,.5.85,5,5,0,0,0,2.37-1.76,33.44,33.44,0,0,0,3.26-4.76l.79-1.41c.3-.52.6-1.07.91-1.63l.9-1.72C48,25.83,48.24,25.27,48.5,24.73Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M52.08,38.32c.11-.68.32-1.58.62-2.7s.64-2.32,1-3.58.83-2.53,1.27-3.81.89-2.42,1.31-3.43a17,17,0,0,1,.82-1.72,4.49,4.49,0,0,1,.78-1,5.82,5.82,0,0,1,1,.25,7.17,7.17,0,0,1,1,.42,10.06,10.06,0,0,1,.89.51,3,3,0,0,1,.6.52,12.47,12.47,0,0,0-1.68,2.58A26.67,26.67,0,0,0,58.31,30q1.9-1.7,3.38-3.26a26,26,0,0,0,2.74-3.47,1.24,1.24,0,0,1,.74-.17,2.8,2.8,0,0,1,1,.16,1.13,1.13,0,0,1,.64.44,9.39,9.39,0,0,0-.64,3.36,4.67,4.67,0,0,0,.46,2.34,2.52,2.52,0,0,1-.48.81,9.48,9.48,0,0,1-1,1.13A5.64,5.64,0,0,1,63.44,30a5.85,5.85,0,0,1-1.1-1.89,25,25,0,0,0-2.83,2.28,11.89,11.89,0,0,0-2,2.48A15.33,15.33,0,0,0,56.09,36c-.38,1.18-.76,2.59-1.11,4.22a3.32,3.32,0,0,1-.76-.23,6.46,6.46,0,0,1-.89-.48,6.29,6.29,0,0,1-.79-.6A1.65,1.65,0,0,1,52.08,38.32Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M69.28,25.47a2.31,2.31,0,0,1-.32-.9,6.42,6.42,0,0,1-.14-1.19,11.13,11.13,0,0,0,1.77.15h1.56c.35-.7.74-1.4,1.15-2.09s.81-1.32,1.2-1.89a17.48,17.48,0,0,1,1.1-1.45,4.05,4.05,0,0,1,.8-.77,4.46,4.46,0,0,1,.9.12c.37.09.74.19,1.12.32s.72.27,1,.41a1.85,1.85,0,0,1,.64.42c-.71.9-1.32,1.72-1.82,2.48s-1.06,1.64-1.65,2.62H78a10.37,10.37,0,0,0,1.47-.1,1.17,1.17,0,0,1,.29.44,1.49,1.49,0,0,1,.1.55,11.62,11.62,0,0,1-4.21.67c-.59,1.14-1.12,2.27-1.58,3.39S73.26,30.86,73,31.9a28.93,28.93,0,0,0-.75,2.94,14,14,0,0,0-.26,2.49q0,1.56,1.17,1.74a8.38,8.38,0,0,0,2-.53,6.35,6.35,0,0,0,1.7-1,1.47,1.47,0,0,1,.25.54,3.53,3.53,0,0,1-.73.73,12.33,12.33,0,0,1-1.11.83,10.47,10.47,0,0,1-1.17.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,4.93,4.93,0,0,1-1.18-1.19,2.2,2.2,0,0,1-.47-1.29,13,13,0,0,1,.23-2.14c.16-.87.38-1.8.66-2.82s.61-2.08,1-3.19.79-2.21,1.24-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M112.61,19.52a6.68,6.68,0,0,1-1.2,3.92,9.49,9.49,0,0,1-3.29,2.85,7.24,7.24,0,0,1,2.14,2.24,5.61,5.61,0,0,1,.8,2.93,7.17,7.17,0,0,1-1.15,3.77,12.21,12.21,0,0,1-3.07,3.29,16.72,16.72,0,0,1-4.35,2.32,14.54,14.54,0,0,1-5,.88,10.74,10.74,0,0,1-4.84-1,7.78,7.78,0,0,1-3.23-3q.34-1.06.93-2.64c.39-1,.82-2.16,1.3-3.32s1-2.33,1.43-3.49.94-2.2,1.36-3.12c.9-2,1.7-3.67,2.41-5a24.86,24.86,0,0,1,2-3.15,26.71,26.71,0,0,0-3.54,1.36,9.33,9.33,0,0,0-2.34,1.47,2.91,2.91,0,0,1-.65-.63,8.15,8.15,0,0,1-.64-.94,6.29,6.29,0,0,1-.5-1.05,3.94,3.94,0,0,1-.23-.95,12,12,0,0,1,2.39-1.22,23.75,23.75,0,0,1,3.21-1,33.74,33.74,0,0,1,3.55-.68,26.83,26.83,0,0,1,3.49-.24,11.36,11.36,0,0,1,6.66,1.7A5.44,5.44,0,0,1,112.61,19.52ZM99.13,28a4,4,0,0,1-1.24-1c-.55,1.2-1.06,2.38-1.54,3.54s-.92,2.23-1.3,3.22-.68,1.86-.92,2.59A8.69,8.69,0,0,0,93.74,38a3.87,3.87,0,0,0,1.19.42,8.25,8.25,0,0,0,1.72.15,15.56,15.56,0,0,0,4.6-.68A13.63,13.63,0,0,0,105.11,36a9.93,9.93,0,0,0,2.65-2.64,5.53,5.53,0,0,0,1-3.11,3.51,3.51,0,0,0-2-3.37,16.2,16.2,0,0,1-6.23,1.14h-.76A3.79,3.79,0,0,1,99.13,28ZM106,15.7a14.6,14.6,0,0,0-1.57.09c-.56.06-1.14.15-1.75.27a1.33,1.33,0,0,1,.23.3c0,.1.11.21.16.33a10.77,10.77,0,0,0-.78,1.24c-.31.55-.65,1.18-1,1.9s-.77,1.51-1.19,2.39-.83,1.77-1.25,2.69a10.89,10.89,0,0,1,1.47-.23,16.47,16.47,0,0,1,1.71-.09c.31,0,.61,0,.91,0s.58.06.86.11a15.06,15.06,0,0,0,3.07-.83,10.86,10.86,0,0,0,2.35-1.28A5.48,5.48,0,0,0,110.7,21a3.51,3.51,0,0,0,.53-1.87,2.87,2.87,0,0,0-1.34-2.57A7.22,7.22,0,0,0,106,15.7Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M117.53,40.27a4.51,4.51,0,0,1-3.22-1.77,6.31,6.31,0,0,1-1.2-4,11,11,0,0,1,.42-2.94,14.51,14.51,0,0,1,1.21-3,16.37,16.37,0,0,1,1.84-2.71,13.15,13.15,0,0,1,2.3-2.19,6.21,6.21,0,0,1,3.65-1.45,6.4,6.4,0,0,1,2.23,2.51l.32,0,.31,0c1.26,0,1.88,1.11,1.88,3.33a12.13,12.13,0,0,1-.73,4.23,12.61,12.61,0,0,1-2,3.63,12.09,12.09,0,0,1-3.08,2.75A12.45,12.45,0,0,1,117.53,40.27Zm1.81-11.15a15.33,15.33,0,0,0-1.13,1.77,16.13,16.13,0,0,0-.92,1.93,13,13,0,0,0-.6,1.87,6.79,6.79,0,0,0-.22,1.62,4.65,4.65,0,0,0,.29,1.62c.18.52.4.82.63.89a7.68,7.68,0,0,0,2.92-1.33,9.7,9.7,0,0,0,2.31-2.42,12.49,12.49,0,0,0,1.52-3.3,13.82,13.82,0,0,0,.55-3.93,7.84,7.84,0,0,0-.11-1.45,2.8,2.8,0,0,0-.35-.92A7.71,7.71,0,0,0,121.45,27,13.82,13.82,0,0,0,119.34,29.12Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M133.15,40.27a4.47,4.47,0,0,1-3.22-1.77,6.25,6.25,0,0,1-1.21-4,10.62,10.62,0,0,1,.43-2.94,13.93,13.93,0,0,1,1.2-3,16.37,16.37,0,0,1,1.84-2.71,13.51,13.51,0,0,1,2.3-2.19,6.23,6.23,0,0,1,3.65-1.45,6.33,6.33,0,0,1,2.23,2.51l.32,0,.32,0c1.25,0,1.87,1.11,1.87,3.33a12.36,12.36,0,0,1-.72,4.23,12.87,12.87,0,0,1-2,3.63,12.09,12.09,0,0,1-3.08,2.75A12.39,12.39,0,0,1,133.15,40.27ZM135,29.12a15.33,15.33,0,0,0-1.13,1.77,17.83,17.83,0,0,0-.92,1.93,13,13,0,0,0-.6,1.87,7.34,7.34,0,0,0-.22,1.62,4.65,4.65,0,0,0,.29,1.62c.19.52.4.82.64.89a7.82,7.82,0,0,0,2.92-1.33,9.84,9.84,0,0,0,2.3-2.42,12.18,12.18,0,0,0,1.52-3.3,13.48,13.48,0,0,0,.55-3.93,7.84,7.84,0,0,0-.11-1.45,2.8,2.8,0,0,0-.35-.92A7.71,7.71,0,0,0,137.06,27,14.28,14.28,0,0,0,135,29.12Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M146.32,25.47a2.16,2.16,0,0,1-.32-.9,5.66,5.66,0,0,1-.14-1.19,10.94,10.94,0,0,0,1.77.15h1.55c.36-.7.74-1.4,1.15-2.09s.82-1.32,1.21-1.89a15.52,15.52,0,0,1,1.1-1.45,4.07,4.07,0,0,1,.79-.77,4.46,4.46,0,0,1,.91.12c.36.09.73.19,1.11.32s.72.27,1,.41a1.79,1.79,0,0,1,.63.42c-.7.9-1.31,1.72-1.82,2.48s-1.06,1.64-1.64,2.62h1.43a10.58,10.58,0,0,0,1.47-.1,1.15,1.15,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.67,11.67,0,0,1-4.22.67c-.59,1.14-1.11,2.27-1.57,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.51,6.51,0,0,0,1.7-1,1.66,1.66,0,0,1,.25.54,4.13,4.13,0,0,1-.73.73,11.22,11.22,0,0,1-1.12.83,11.36,11.36,0,0,1-1.16.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,5,5,0,0,1-1.19-1.19,2.19,2.19,0,0,1-.46-1.29,13,13,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.23-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M168.9,24.89a6.59,6.59,0,0,1-.23,1.4,8.34,8.34,0,0,1-.47,1.31,4.63,4.63,0,0,1-.61,1,.84.84,0,0,1-.6.39c-.26,0-.41-.2-.46-.53a1.13,1.13,0,0,1,.09-.34c.06-.15.12-.32.19-.51s.14-.38.2-.57a1.65,1.65,0,0,0,.09-.49,1.51,1.51,0,0,0-.23-.84.73.73,0,0,0-.62-.33c-.95,0-1.67.59-2.16,1.76a13.82,13.82,0,0,0-.74,5.18,1.57,1.57,0,0,0,0,.42h2.48a.85.85,0,0,1,0,.28.59.59,0,0,1-.14.46l-1.29.3a5.39,5.39,0,0,0-.73.23.59.59,0,0,0-.3.23,1,1,0,0,0-.05.33c0,.19,0,.38,0,.57s0,.42,0,.7a6.88,6.88,0,0,1-1.61,4.76,6.61,6.61,0,0,1-4.48,2.09,2.94,2.94,0,0,1-1-.28,5.19,5.19,0,0,1-1-.64,4.54,4.54,0,0,1-.83-.87,3.1,3.1,0,0,1-.5-1,6.11,6.11,0,0,1,.57-2.59,7.21,7.21,0,0,1,1.54-2.17,7.86,7.86,0,0,1,2.3-1.54,7.11,7.11,0,0,1,2.89-.59,8.42,8.42,0,0,0-.18-1.74c-.12-.57-.24-1.12-.37-1.65s-.26-1.06-.37-1.57a6.56,6.56,0,0,1-.18-1.51,4.93,4.93,0,0,1,.39-1.9,7,7,0,0,1,1-1.74,6.42,6.42,0,0,1,1.48-1.37,5.33,5.33,0,0,1,1.77-.78,3.23,3.23,0,0,1,1,.62,14.82,14.82,0,0,1,1.29,1.15,12.13,12.13,0,0,1,1.13,1.29A3.24,3.24,0,0,1,168.9,24.89ZM157.22,41a5.82,5.82,0,0,0,1.61-1,8,8,0,0,0,2.23-3.33,5.54,5.54,0,0,0,.34-1.88,4,4,0,0,0-1.56.66A9.54,9.54,0,0,0,157,38.34a2.86,2.86,0,0,0-.5,1.42A1.5,1.5,0,0,0,157.22,41Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M171,25.47a2.16,2.16,0,0,1-.32-.9,5.66,5.66,0,0,1-.14-1.19,10.94,10.94,0,0,0,1.77.15h1.56c.35-.7.73-1.4,1.15-2.09s.81-1.32,1.2-1.89a15.52,15.52,0,0,1,1.1-1.45,4.07,4.07,0,0,1,.79-.77,4.46,4.46,0,0,1,.91.12c.36.09.73.19,1.11.32s.72.27,1,.41a1.79,1.79,0,0,1,.63.42c-.7.9-1.31,1.72-1.82,2.48s-1.05,1.64-1.64,2.62h1.43a10.58,10.58,0,0,0,1.47-.1,1.15,1.15,0,0,1,.28.44,1.5,1.5,0,0,1,.11.55,11.66,11.66,0,0,1-4.21.67c-.6,1.14-1.12,2.27-1.58,3.39s-.85,2.21-1.17,3.25a26.36,26.36,0,0,0-.74,2.94,13.17,13.17,0,0,0-.27,2.49q0,1.56,1.17,1.74a8.46,8.46,0,0,0,2-.53,6.51,6.51,0,0,0,1.7-1,1.66,1.66,0,0,1,.25.54,4.13,4.13,0,0,1-.73.73,11.22,11.22,0,0,1-1.12.83,11.36,11.36,0,0,1-1.16.69,3.1,3.1,0,0,1-.85.31,4.85,4.85,0,0,1-1.77-.35,7.16,7.16,0,0,1-1.61-.89,5,5,0,0,1-1.19-1.19,2.19,2.19,0,0,1-.46-1.29,13,13,0,0,1,.23-2.14c.15-.87.37-1.8.65-2.82s.62-2.08,1-3.19.79-2.21,1.23-3.3Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M180.55,38.32c.12-.68.32-1.58.62-2.7s.64-2.32,1-3.58.83-2.53,1.28-3.81.88-2.42,1.31-3.43a17.28,17.28,0,0,1,.81-1.72,5.13,5.13,0,0,1,.78-1,6.15,6.15,0,0,1,1,.25,7.54,7.54,0,0,1,1,.42,8.8,8.8,0,0,1,.89.51,3,3,0,0,1,.6.52,12.47,12.47,0,0,0-1.68,2.58A29.42,29.42,0,0,0,186.78,30c1.28-1.13,2.4-2.22,3.38-3.26a26.08,26.08,0,0,0,2.75-3.47,1.22,1.22,0,0,1,.74-.17,2.75,2.75,0,0,1,.95.16,1.13,1.13,0,0,1,.64.44,9.61,9.61,0,0,0-.64,3.36,4.66,4.66,0,0,0,.47,2.34,3,3,0,0,1-.48.81,9.57,9.57,0,0,1-1,1.13,5.88,5.88,0,0,1-2.79-3.25A25.16,25.16,0,0,0,188,30.41a12.57,12.57,0,0,0-2,2.48A15.32,15.32,0,0,0,184.57,36c-.39,1.18-.76,2.59-1.12,4.22a3.47,3.47,0,0,1-.76-.23A7,7,0,0,1,181,38.93,1.65,1.65,0,0,1,180.55,38.32Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M207.88,24.73a3.45,3.45,0,0,1,.83.12,4.92,4.92,0,0,1,.87.32,3.48,3.48,0,0,1,.65.41q.27.21.27.39c-.47,1-.91,2-1.31,3s-.74,2-1,2.89a24.37,24.37,0,0,0-.65,2.58,10.79,10.79,0,0,0-.23,2.09,5.4,5.4,0,0,0,.21,1.64,1.58,1.58,0,0,0,.71.94,3.64,3.64,0,0,1-1.1.46,4.72,4.72,0,0,1-1.2.18c-1.28,0-1.91-.87-1.91-2.62a16.7,16.7,0,0,1,1.34-5.52,21.14,21.14,0,0,1-1.63,3,22.3,22.3,0,0,1-1.87,2.52A11.21,11.21,0,0,1,199.9,39a4.79,4.79,0,0,1-1.79.83,2.46,2.46,0,0,1-2.12-1.2,5.2,5.2,0,0,1-.82-3,11.6,11.6,0,0,1,.85-4.19,18.86,18.86,0,0,1,2.18-4.09,15.37,15.37,0,0,1,2.88-3.14,4.81,4.81,0,0,1,3-1.27,2.89,2.89,0,0,1,.8.43,6.43,6.43,0,0,1,.85.74,5.91,5.91,0,0,1,.69.86,2,2,0,0,1,.32.76A6.31,6.31,0,0,0,203.83,27a14.3,14.3,0,0,0-2.73,2.81,16.49,16.49,0,0,0-2,3.51,9.17,9.17,0,0,0-.78,3.5.8.8,0,0,0,.5.85,5,5,0,0,0,2.37-1.76,33.44,33.44,0,0,0,3.26-4.76l.79-1.41c.3-.52.6-1.07.91-1.63l.9-1.72C207.34,25.83,207.62,25.27,207.88,24.73Z" transform="translate(0 -12.9)"/><path class="cls-1" d="M209.72,50.75c-.33-.09-.52-.45-.57-1.06a5.94,5.94,0,0,1-.19-1.1c0-.42-.05-.91-.05-1.45a11.83,11.83,0,0,1,.24-2c.17-.86.4-1.83.7-2.92s.65-2.26,1.08-3.52.89-2.54,1.41-3.84c.64-1.63,1.19-3,1.67-4.23s.86-2.23,1.18-3.1.58-1.59.78-2.16.36-1,.48-1.45a8.64,8.64,0,0,1,.42-1,13.36,13.36,0,0,1,.66-1.22c.24-.41.5-.8.76-1.17a4.92,4.92,0,0,1,.71-.83,9.44,9.44,0,0,1,2.33.64,3,3,0,0,1,1.35.88,7.92,7.92,0,0,0-1.13,1.44,23.25,23.25,0,0,0-1.24,2.12,25.29,25.29,0,0,0-1.1,2.36,17.08,17.08,0,0,0-.74,2.12,10.32,10.32,0,0,1,.92-1.31c.37-.47,1-1.12,1.73-1.95a14.22,14.22,0,0,1,2.46-2.07,4,4,0,0,1,2-.72,3.23,3.23,0,0,1,2.21.74,2.39,2.39,0,0,1,.87,1.91,15.52,15.52,0,0,1-.85,5.05,15,15,0,0,1-2.44,4.51A10.39,10.39,0,0,1,224,36.84a12.57,12.57,0,0,1-1.7,1.25,9.34,9.34,0,0,1-1.73.87,4.5,4.5,0,0,1-1.52.32,2.24,2.24,0,0,1-1.12-.27,1.36,1.36,0,0,1-.65-.65,11.69,11.69,0,0,0,2.69-2.27,20.19,20.19,0,0,0,2.42-3.34,26.61,26.61,0,0,0,1.95-4.09,27.19,27.19,0,0,0,1.26-4.46,16,16,0,0,0-2.43,1.54A12.33,12.33,0,0,0,221,27.92c-.85,1-1.52,1.87-2,2.51s-.9,1.18-1.22,1.63a10.31,10.31,0,0,0-.78,1.25c-.2.39-.42.87-.65,1.44-.33.75-.72,1.75-1.15,3s-.89,2.62-1.35,4.16-.92,3.17-1.38,4.9-.9,3.47-1.33,5.19a1,1,0,0,1-.67-.57c-.19-.21-.33-.36-.41-.46A.81.81,0,0,0,209.72,50.75Z" transform="translate(0 -12.9)"/></svg>
\ No newline at end of file
diff --git a/src/js/scripts.js b/src/js/scripts.js
index 9667027..35125dd 100644
--- a/src/js/scripts.js
+++ b/src/js/scripts.js
@@ -1,42 +1,51 @@
-(function($) {
-  "use strict"; // Start of use strict
+(function ($) {
+    "use strict"; // Start of use strict
 
-  // Smooth scrolling using jQuery easing
-  $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
-    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
-      var target = $(this.hash);
-      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
-      if (target.length) {
-        $('html, body').animate({
-          scrollTop: (target.offset().top - 54)
-        }, 1000, "easeInOutExpo");
-        return false;
-      }
-    }
-  });
+    // Smooth scrolling using jQuery easing
+    $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function () {
+        if (
+            location.pathname.replace(/^\//, "") ==
+                this.pathname.replace(/^\//, "") &&
+            location.hostname == this.hostname
+        ) {
+            var target = $(this.hash);
+            target = target.length
+                ? target
+                : $("[name=" + this.hash.slice(1) + "]");
+            if (target.length) {
+                $("html, body").animate(
+                    {
+                        scrollTop: target.offset().top - 72,
+                    },
+                    1000,
+                    "easeInOutExpo"
+                );
+                return false;
+            }
+        }
+    });
 
-  // Closes responsive menu when a scroll trigger link is clicked
-  $('.js-scroll-trigger').click(function() {
-    $('.navbar-collapse').collapse('hide');
-  });
+    // Closes responsive menu when a scroll trigger link is clicked
+    $(".js-scroll-trigger").click(function () {
+        $(".navbar-collapse").collapse("hide");
+    });
 
-  // Activate scrollspy to add active class to navbar items on scroll
-  $('body').scrollspy({
-    target: '#mainNav',
-    offset: 56
-  });
-
-  // Collapse Navbar
-  var navbarCollapse = function() {
-    if ($("#mainNav").offset().top > 100) {
-      $("#mainNav").addClass("navbar-shrink");
-    } else {
-      $("#mainNav").removeClass("navbar-shrink");
-    }
-  };
-  // Collapse now if page is not at top
-  navbarCollapse();
-  // Collapse the navbar when page is scrolled
-  $(window).scroll(navbarCollapse);
+    // Activate scrollspy to add active class to navbar items on scroll
+    $("body").scrollspy({
+        target: "#mainNav",
+        offset: 74,
+    });
 
+    // Collapse Navbar
+    var navbarCollapse = function () {
+        if ($("#mainNav").offset().top > 100) {
+            $("#mainNav").addClass("navbar-shrink");
+        } else {
+            $("#mainNav").removeClass("navbar-shrink");
+        }
+    };
+    // Collapse now if page is not at top
+    navbarCollapse();
+    // Collapse the navbar when page is scrolled
+    $(window).scroll(navbarCollapse);
 })(jQuery); // End of use strict
diff --git a/src/pug/index.pug b/src/pug/index.pug
index f515236..c083f41 100644
--- a/src/pug/index.pug
+++ b/src/pug/index.pug
@@ -8,14 +8,15 @@ html(lang='en')
         meta(name='description', content='')
         meta(name='author', content='')
 
-        title Freelancer - Start Bootstrap Theme
+        title Agency - Start Bootstrap Theme
+
+        link(rel='icon', type='image/png', sizes='32x32', href='https://startbootstrap.com/assets/img/icons/favicon-32x32.png')
 
         // Font Awesome icons (free version)
         script(src='https://use.fontawesome.com/releases/v5.12.1/js/all.js', crossorigin='anonymous')
 
         // Google fonts
         link(href='https://fonts.googleapis.com/css?family=Montserrat:400,700', rel='stylesheet', type='text/css')
-        link(href='https://fonts.googleapis.com/css?family=Kaushan+Script', rel='stylesheet', type='text/css')
         link(href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic', rel='stylesheet', type='text/css')
         link(href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700', rel='stylesheet', type='text/css')
 
@@ -27,10 +28,11 @@ html(lang='en')
         // Navigation
         nav#mainNav.navbar.navbar-expand-lg.navbar-dark.fixed-top
             .container
-                a.navbar-brand.js-scroll-trigger(href='#page-top') Start Bootstrap
+                a.navbar-brand.js-scroll-trigger(href='#page-top')
+                    img(src='assets/img/navbar-logo.svg')
                 button.navbar-toggler.navbar-toggler-right(type='button', data-toggle='collapse', data-target='#navbarResponsive', aria-controls='navbarResponsive', aria-expanded='false', aria-label='Toggle navigation')
                     | Menu
-                    i.fas.fa-bars
+                    i.fas.fa-bars.ml-1
                 #navbarResponsive.collapse.navbar-collapse
                     ul.navbar-nav.text-uppercase.ml-auto
                         li.nav-item
@@ -286,28 +288,25 @@ html(lang='en')
                     .col-lg-12.text-center
                         h2.section-heading.text-uppercase Contact Us
                         h3.section-subheading.text-muted Lorem ipsum dolor sit amet consectetur.
-                .row
-                    .col-lg-12
-                        form#contactForm(name='sentMessage', novalidate='novalidate')
-                            .row
-                                .col-md-6
-                                    .form-group
-                                        input#name.form-control(type='text', placeholder='Your Name *', required='required', data-validation-required-message='Please enter your name.')
-                                        p.help-block.text-danger
-                                    .form-group
-                                        input#email.form-control(type='email', placeholder='Your Email *', required='required', data-validation-required-message='Please enter your email address.')
-                                        p.help-block.text-danger
-                                    .form-group
-                                        input#phone.form-control(type='tel', placeholder='Your Phone *', required='required', data-validation-required-message='Please enter your phone number.')
-                                        p.help-block.text-danger
-                                .col-md-6
-                                    .form-group
-                                        textarea#message.form-control(placeholder='Your Message *', required='required', data-validation-required-message='Please enter a message.')
-                                        p.help-block.text-danger
-                                .clearfix
-                                .col-lg-12.text-center
-                                    #success
-                                    button#sendMessageButton.btn.btn-primary.btn-xl.text-uppercase(type='submit') Send Message
+                form#contactForm(name='sentMessage', novalidate='novalidate')
+                    .row.align-items-stretch.mb-5
+                        .col-md-6
+                            .form-group
+                                input#name.form-control(type='text', placeholder='Your Name *', required='required', data-validation-required-message='Please enter your name.')
+                                p.help-block.text-danger
+                            .form-group
+                                input#email.form-control(type='email', placeholder='Your Email *', required='required', data-validation-required-message='Please enter your email address.')
+                                p.help-block.text-danger
+                            .form-group.mb-md-0
+                                input#phone.form-control(type='tel', placeholder='Your Phone *', required='required', data-validation-required-message='Please enter your phone number.')
+                                p.help-block.text-danger
+                        .col-md-6
+                            .form-group.form-group-textarea.mb-md-0
+                                textarea#message.form-control(placeholder='Your Message *', required='required', data-validation-required-message='Please enter a message.')
+                                p.help-block.text-danger
+                    .text-center
+                            #success
+                            button#sendMessageButton.btn.btn-primary.btn-xl.text-uppercase(type='submit') Send Message
 
         // Footer
         footer.footer
@@ -356,7 +355,7 @@ html(lang='en')
                                         li Client: Threads
                                         li Category: Illustration
                                     button.btn.btn-primary(data-dismiss='modal', type='button')
-                                        i.fas.fa-times
+                                        i.fas.fa-times.mr-1
                                         | Close Project
         // Modal 2
         #portfolioModal2.portfolio-modal.modal.fade(tabindex='-1', role='dialog', aria-hidden='true')
@@ -380,7 +379,7 @@ html(lang='en')
                                         li Client: Explore
                                         li Category: Graphic Design
                                     button.btn.btn-primary(data-dismiss='modal', type='button')
-                                        i.fas.fa-times
+                                        i.fas.fa-times.mr-1
                                         | Close Project
         // Modal 3
         #portfolioModal3.portfolio-modal.modal.fade(tabindex='-1', role='dialog', aria-hidden='true')
@@ -404,7 +403,7 @@ html(lang='en')
                                         li Client: Finish
                                         li Category: Identity
                                     button.btn.btn-primary(data-dismiss='modal', type='button')
-                                        i.fas.fa-times
+                                        i.fas.fa-times.mr-1
                                         | Close Project
         // Modal 4
         #portfolioModal4.portfolio-modal.modal.fade(tabindex='-1', role='dialog', aria-hidden='true')
@@ -428,7 +427,7 @@ html(lang='en')
                                         li Client: Lines
                                         li Category: Branding
                                     button.btn.btn-primary(data-dismiss='modal', type='button')
-                                        i.fas.fa-times
+                                        i.fas.fa-times.mr-1
                                         | Close Project
         // Modal 5
         #portfolioModal5.portfolio-modal.modal.fade(tabindex='-1', role='dialog', aria-hidden='true')
@@ -452,7 +451,7 @@ html(lang='en')
                                         li Client: Southwest
                                         li Category: Website Design
                                     button.btn.btn-primary(data-dismiss='modal', type='button')
-                                        i.fas.fa-times
+                                        i.fas.fa-times.mr-1
                                         | Close Project
         // Modal 6
         #portfolioModal6.portfolio-modal.modal.fade(tabindex='-1', role='dialog', aria-hidden='true')
@@ -476,7 +475,7 @@ html(lang='en')
                                         li Client: Window
                                         li Category: Photography
                                     button.btn.btn-primary(data-dismiss='modal', type='button')
-                                        i.fas.fa-times
+                                        i.fas.fa-times.mr-1
                                         | Close Project
 
         // Bootstrap core JS
diff --git a/src/scss/_global.scss b/src/scss/_global.scss
new file mode 100644
index 0000000..70ca760
--- /dev/null
+++ b/src/scss/_global.scss
@@ -0,0 +1,49 @@
+// Global styling for this template
+body {
+    overflow-x: hidden;
+}
+
+p {
+    line-height: 1.75;
+}
+
+.page-section {
+    padding: 100px 0;
+    h2.section-heading {
+        font-size: 40px;
+        margin-top: 0;
+        margin-bottom: 15px;
+    }
+    h3.section-subheading {
+        font-size: 16px;
+        font-weight: 400;
+        font-style: italic;
+        margin-bottom: 75px;
+        text-transform: none;
+        font-family: $subheadings-font-family;
+    }
+}
+@media (min-width: 768px) {
+    section {
+        padding: 150px 0;
+    }
+}
+
+// Highlight color customization
+::-moz-selection {
+    background: $primary;
+    text-shadow: none;
+}
+
+::selection {
+    background: $primary;
+    text-shadow: none;
+}
+
+img::selection {
+    background: transparent;
+}
+
+img::-moz-selection {
+    background: transparent;
+}
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
new file mode 100644
index 0000000..5d965de
--- /dev/null
+++ b/src/scss/_variables.scss
@@ -0,0 +1,4 @@
+@import "./variables/colors.scss";
+@import "./variables/typography.scss";
+@import "./variables/spacing.scss";
+@import "./variables/grid.scss";
diff --git a/src/scss/base/_mixins.scss b/src/scss/base/_mixins.scss
deleted file mode 100644
index de3cce3..0000000
--- a/src/scss/base/_mixins.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-// Font Mixins
-@mixin serif-font {
-  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-}
-@mixin script-font {
-  font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-}
-@mixin body-font {
-  font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-}
-@mixin heading-font {
-  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-}
diff --git a/src/scss/base/_page.scss b/src/scss/base/_page.scss
deleted file mode 100644
index aef17de..0000000
--- a/src/scss/base/_page.scss
+++ /dev/null
@@ -1,71 +0,0 @@
-// Global styling for this template
-body {
-  overflow-x: hidden;
-  @include body-font;
-}
-
-p {
-  line-height: 1.75;
-}
-
-a {
-  color: $primary;
-  &:hover {
-    color: darken($primary, 10%);
-  }
-}
-
-.text-primary {
-  color: $primary !important;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: 700;
-  @include heading-font;
-}
-
-.page-section {
-  padding: 100px 0;
-  h2.section-heading {
-    font-size: 40px;
-    margin-top: 0;
-    margin-bottom: 15px;
-  }
-  h3.section-subheading {
-    font-size: 16px;
-    font-weight: 400;
-    font-style: italic;
-    margin-bottom: 75px;
-    text-transform: none;
-    @include serif-font;
-  }
-}
-@media(min-width:768px) {
-  section {
-    padding: 150px 0;
-  }
-}
-
-// Highlight color customization
-::-moz-selection {
-  background: $primary;
-  text-shadow: none;
-}
-
-::selection {
-  background: $primary;
-  text-shadow: none;
-}
-
-img::selection {
-  background: transparent;
-}
-
-img::-moz-selection {
-  background: transparent;
-}
diff --git a/src/scss/base/_variables.scss b/src/scss/base/_variables.scss
deleted file mode 100644
index 36ff619..0000000
--- a/src/scss/base/_variables.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-// Variables
-
-// Restated Bootstrap Variables
-
-$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: #868e96 !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black: #000 !default;
-
-$primary: #fed136 !default;
diff --git a/src/scss/components/_buttons.scss b/src/scss/components/_buttons.scss
index 5d90aa3..6995b71 100644
--- a/src/scss/components/_buttons.scss
+++ b/src/scss/components/_buttons.scss
@@ -1,8 +1,8 @@
 // Button Styles
 
 .btn-xl {
-  @include heading-font;
-  font-weight: 700;
-  font-size: 1.125rem;
-  padding: 1.25rem 2.5rem;
-}
\ No newline at end of file
+    padding: 1.25rem 2.5rem;
+    font-family: $headings-font-family;
+    font-size: 1.125rem;
+    font-weight: $headings-font-weight;
+}
diff --git a/src/scss/components/_navbar.scss b/src/scss/components/_navbar.scss
index 0025c3a..9808937 100644
--- a/src/scss/components/_navbar.scss
+++ b/src/scss/components/_navbar.scss
@@ -1,73 +1,78 @@
 // Styling for the navbar
 #mainNav {
-  background-color: $gray-900;
-  .navbar-toggler {
-    font-size: 12px;
-    right: 0;
-    padding: 13px;
-    text-transform: uppercase;
-    color: white;
-    border: 0;
-    background-color: $primary;
-    @include heading-font;
-  }
-  .navbar-brand {
-    color: $primary;
-    @include script-font;
-    &.active,
-    &:active,
-    &:focus,
-    &:hover {
-      color: darken($primary, 10%);
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    background-color: $gray-900;
+    .navbar-toggler {
+        padding: 0.75rem;
+        font-family: $headings-font-family;
+        font-size: 0.75rem;
+        color: $white;
+        text-transform: uppercase;
+        background-color: $primary;
+        border: 0;
     }
-  }
-  .navbar-nav {
-    .nav-item {
-      .nav-link {
-        font-size: 90%;
-        font-weight: 400;
-        padding: 0.75em 0;
-        letter-spacing: 1px;
-        color: white;
-        @include heading-font;
-        &.active,
-        &:hover {
-          color: $primary;
-        }
-      }
-    }
-  }
-}
-@media(min-width:992px) {
-  #mainNav {
-    padding-top: 25px;
-    padding-bottom: 25px;
-    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
-    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
-    transition: padding-top 0.3s, padding-bottom 0.3s;
-    border: none;
-    background-color: transparent;
     .navbar-brand {
-      font-size: 1.75em;
-      -webkit-transition: all 0.3s;
-      -moz-transition: all 0.3s;
-      transition: all 0.3s;
+        color: $primary;
+        font-family: $headings-font-family;
+        font-weight: $headings-font-weight;
+        letter-spacing: $headings-letter-spacing;
+        text-transform: uppercase;
+        img {
+            height: 1.5rem;
+        }
     }
     .navbar-nav {
-      .nav-item {
-        .nav-link {
-          padding: 1.1em 1em !important;
+        .nav-item {
+            .nav-link {
+                font-family: $headings-font-family;
+                font-size: 0.95rem;
+                color: $white;
+                letter-spacing: $headings-letter-spacing;
+                &.active,
+                &:hover {
+                    color: $primary;
+                }
+            }
+        }
+    }
+}
+
+// Responsive styling for screen width equal to or greater than the large breakpoint
+@include media-breakpoint-up(lg) {
+    #mainNav {
+        padding-top: 1.5rem;
+        padding-bottom: 1.5rem;
+        border: none;
+        background-color: transparent;
+        transition: padding-top 0.3s ease-in-out,
+            padding-bottom 0.3s ease-in-out;
+        .navbar-brand {
+            font-size: 1.5em;
+            transition: font-size 0.3s ease-in-out;
+            img {
+                height: 2rem;
+                transition: height 0.3s ease-in-out;
+            }
+        }
+        // Styling for when the navbar shrinks on larger screens
+        &.navbar-shrink {
+            padding-top: 1rem;
+            padding-bottom: 1rem;
+            background-color: $gray-900;
+            .navbar-brand {
+                font-size: 1.25em;
+                svg,
+                img {
+                    height: 1.5rem;
+                }
+            }
+        }
+        .navbar-nav .nav-item {
+            margin-right: 1rem;
+            &:last-child {
+                margin-right: 0;
+            }
         }
-      }
     }
-    &.navbar-shrink {
-      padding-top: 0;
-      padding-bottom: 0;
-      background-color: $gray-900;
-      .navbar-brand {
-        font-size: 1.25em;
-        padding: 12px 0;
-      }
-    }
-  }
 }
diff --git a/src/scss/layout/_contact.scss b/src/scss/layout/_contact.scss
index 881c649..117f958 100644
--- a/src/scss/layout/_contact.scss
+++ b/src/scss/layout/_contact.scss
@@ -1,47 +1,56 @@
 // Styling for the contact section
 section#contact {
-  background-color: $gray-900;
-  background-image: url('../assets/img/map-image.png');
-  background-repeat: no-repeat;
-  background-position: center;
-  .section-heading {
-    color: $white;
-  }
-  .form-group {
-    margin-bottom: 25px;
-    input,
-    textarea {
-      padding: 20px;
+    background-color: $gray-900;
+    background-image: url("../assets/img/map-image.png");
+    background-repeat: no-repeat;
+    background-position: center;
+    .section-heading {
+        color: $white;
     }
-    input.form-control {
-      height: auto;
+    form#contactForm {
+        .form-group {
+            margin-bottom: $grid-gutter-width;
+            input,
+            textarea {
+                padding: 1.25rem;
+            }
+            input.form-control {
+                height: auto;
+            }
+        }
+        .form-group-textarea {
+            height: 100%;
+            textarea {
+                height: 100%;
+                min-height: 10rem;
+            }
+        }
+        p.help-block {
+            margin: 0;
+        }
+        .form-control:focus {
+            border-color: $primary;
+            box-shadow: none;
+        }
+        ::-webkit-input-placeholder {
+            font-family: $headings-font-family;
+            font-weight: $headings-font-weight;
+            color: $gray-400;
+        }
+        :-moz-placeholder {
+            font-family: $headings-font-family;
+            font-weight: $headings-font-weight;
+            color: $gray-400;
+        }
+        ::-moz-placeholder {
+            font-family: $headings-font-family;
+            font-weight: $headings-font-weight;
+            color: $gray-400;
+        }
+        :-ms-input-placeholder {
+            font-family: $headings-font-family;
+            font-weight: $headings-font-weight;
+            color: $gray-400;
+        }
     }
-    textarea.form-control {
-      height: 248px;
-    }
-  }
-  .form-control:focus {
-    border-color: $primary;
-    box-shadow: none;
-  }
-  ::-webkit-input-placeholder {
-    font-weight: 700;
-    color: $gray-400;
-    @include heading-font;
-  }
-  :-moz-placeholder {
-    font-weight: 700;
-    color: $gray-400;
-    @include heading-font;
-  }
-  ::-moz-placeholder {
-    font-weight: 700;
-    color: $gray-400;
-    @include heading-font;
-  }
-  :-ms-input-placeholder {
-    font-weight: 700;
-    color: $gray-400;
-    @include heading-font;
-  }
 }
diff --git a/src/scss/layout/_footer.scss b/src/scss/layout/_footer.scss
index 9595b9c..2c7a781 100644
--- a/src/scss/layout/_footer.scss
+++ b/src/scss/layout/_footer.scss
@@ -1,43 +1,43 @@
 // Styling for the footer
 .footer {
-  padding: 25px 0;
-  text-align: center;
-  span.copyright {
-    font-size: 90%;
-    line-height: 40px;
-    text-transform: none;
-    @include heading-font;
-  }
-  ul.quicklinks {
-    font-size: 90%;
-    line-height: 40px;
-    margin-bottom: 0;
-    text-transform: none;
-    @include heading-font;
-  }
+    padding: 25px 0;
+    text-align: center;
+    span.copyright {
+        font-size: 90%;
+        line-height: 40px;
+        text-transform: none;
+        font-family: $headings-font-family;
+    }
+    ul.quicklinks {
+        font-size: 90%;
+        line-height: 40px;
+        margin-bottom: 0;
+        text-transform: none;
+        font-family: $headings-font-family;
+    }
 }
 
 ul.social-buttons {
-  margin-bottom: 0;
-  li {
-    a {
-      font-size: 20px;
-      line-height: 50px;
-      display: block;
-      width: 50px;
-      height: 50px;
-      -webkit-transition: all 0.3s;
-      -moz-transition: all 0.3s;
-      transition: all 0.3s;
-      color: white;
-      border-radius: 100%;
-      outline: none;
-      background-color: $gray-900;
-      &:active,
-      &:focus,
-      &:hover {
-        background-color: $primary;
-      }
+    margin-bottom: 0;
+    li {
+        a {
+            font-size: 20px;
+            line-height: 50px;
+            display: block;
+            width: 50px;
+            height: 50px;
+            -webkit-transition: all 0.3s;
+            -moz-transition: all 0.3s;
+            transition: all 0.3s;
+            color: $white;
+            border-radius: 100%;
+            outline: none;
+            background-color: $gray-900;
+            &:active,
+            &:focus,
+            &:hover {
+                background-color: $primary;
+            }
+        }
     }
-  }
 }
diff --git a/src/scss/layout/_masthead.scss b/src/scss/layout/_masthead.scss
index 884e2bb..0ba87b4 100644
--- a/src/scss/layout/_masthead.scss
+++ b/src/scss/layout/_masthead.scss
@@ -1,50 +1,48 @@
 // Styling for the masthead
 header.masthead {
-  text-align: center;
-  color: white;
-  background-image: url('../assets/img/header-bg.jpg');
-  background-repeat: no-repeat;
-  background-attachment: scroll;
-  background-position: center center;
-  background-size: cover;
-  .intro-text {
-    padding-top: 150px;
-    padding-bottom: 100px;
-    .intro-lead-in {
-      font-size: 22px;
-      font-style: italic;
-      line-height: 22px;
-      margin-bottom: 25px;
-      @include serif-font;
-    }
-    .intro-heading {
-      font-size: 50px;
-      font-weight: 700;
-      line-height: 50px;
-      margin-bottom: 25px;
-      @include heading-font;
-    }
-  }
-}
-@media(min-width:768px) {
-  header.masthead {
+    text-align: center;
+    color: $white;
+    background-image: url("../assets/img/header-bg.jpg");
+    background-repeat: no-repeat;
+    background-attachment: scroll;
+    background-position: center center;
+    background-size: cover;
     .intro-text {
-      padding-top: 300px;
-      padding-bottom: 200px;
-      .intro-lead-in {
-        font-size: 40px;
-        font-style: italic;
-        line-height: 40px;
-        margin-bottom: 25px;
-        @include serif-font;
-      }
-      .intro-heading {
-        font-size: 75px;
-        font-weight: 700;
-        line-height: 75px;
-        margin-bottom: 50px;
-        @include heading-font;
-      }
+        padding-top: 150px;
+        padding-bottom: 100px;
+        .intro-lead-in {
+            font-size: 22px;
+            font-style: italic;
+            line-height: 22px;
+            margin-bottom: 25px;
+            font-family: $subheadings-font-family;
+        }
+        .intro-heading {
+            font-size: 50px;
+            font-weight: 700;
+            line-height: 50px;
+            margin-bottom: 25px;
+            font-family: $headings-font-family;
+        }
+    }
+}
+@media (min-width: 768px) {
+    header.masthead {
+        .intro-text {
+            padding-top: 300px;
+            padding-bottom: 200px;
+            .intro-lead-in {
+                font-size: 40px;
+                font-style: italic;
+                line-height: 40px;
+                margin-bottom: 25px;
+            }
+            .intro-heading {
+                font-size: 75px;
+                font-weight: 700;
+                line-height: 75px;
+                margin-bottom: 50px;
+            }
+        }
     }
-  }
 }
diff --git a/src/scss/layout/_portfolio.scss b/src/scss/layout/_portfolio.scss
index d1a671f..eaef47f 100644
--- a/src/scss/layout/_portfolio.scss
+++ b/src/scss/layout/_portfolio.scss
@@ -1,140 +1,140 @@
 // Styling for the portfolio section
 #portfolio {
-  .portfolio-item {
-    right: 0;
-    margin: 0 0 15px;
-    .portfolio-link {
-      position: relative;
-      display: block;
-      max-width: 400px;
-      margin: 0 auto;
-      cursor: pointer;
-      .portfolio-hover {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        -webkit-transition: all ease 0.5s;
-        -moz-transition: all ease 0.5s;
-        transition: all ease 0.5s;
-        opacity: 0;
-        background: fade-out($primary, .1);
-        &:hover {
-          opacity: 1;
-        }
-        .portfolio-hover-content {
-          font-size: 20px;
-          position: absolute;
-          top: 50%;
-          width: 100%;
-          height: 20px;
-          margin-top: -12px;
-          text-align: center;
-          color: white;
-          i {
-            margin-top: -12px;
-          }
-          h3,
-          h4 {
-            margin: 0;
-          }
-        }
-      }
-    }
-    .portfolio-caption {
-      max-width: 400px;
-      margin: 0 auto;
-      padding: 25px;
-      text-align: center;
-      background-color: $white;
-      h4 {
-        margin: 0;
-        text-transform: none;
-      }
-      p {
-        font-size: 16px;
-        font-style: italic;
-        margin: 0;
-        @include serif-font;
-      }
-    }
-  }
-  * {
-    z-index: 2;
-  }
-}
-@media(min-width:767px) {
-  #portfolio {
     .portfolio-item {
-      margin: 0 0 30px;
+        right: 0;
+        margin: 0 0 15px;
+        .portfolio-link {
+            position: relative;
+            display: block;
+            max-width: 400px;
+            margin: 0 auto;
+            cursor: pointer;
+            .portfolio-hover {
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                -webkit-transition: all ease 0.5s;
+                -moz-transition: all ease 0.5s;
+                transition: all ease 0.5s;
+                opacity: 0;
+                background: fade-out($primary, 0.1);
+                &:hover {
+                    opacity: 1;
+                }
+                .portfolio-hover-content {
+                    font-size: 20px;
+                    position: absolute;
+                    top: 50%;
+                    width: 100%;
+                    height: 20px;
+                    margin-top: -12px;
+                    text-align: center;
+                    color: white;
+                    i {
+                        margin-top: -12px;
+                    }
+                    h3,
+                    h4 {
+                        margin: 0;
+                    }
+                }
+            }
+        }
+        .portfolio-caption {
+            max-width: 400px;
+            margin: 0 auto;
+            padding: 25px;
+            text-align: center;
+            background-color: $white;
+            h4 {
+                margin: 0;
+                text-transform: none;
+            }
+            p {
+                font-size: 16px;
+                font-style: italic;
+                margin: 0;
+                font-family: $subheadings-font-family;
+            }
+        }
+    }
+    * {
+        z-index: 2;
+    }
+}
+@media (min-width: 767px) {
+    #portfolio {
+        .portfolio-item {
+            margin: 0 0 30px;
+        }
     }
-  }
 }
 
 .portfolio-modal {
-  .modal-dialog {
-    margin: 1rem;
-    max-width: 100vw;
-  }
-  .modal-content {
-    padding: 100px 0;
-    text-align: center;
-    h2 {
-      font-size: 3em;
-      margin-bottom: 15px;
+    .modal-dialog {
+        margin: 1rem;
+        max-width: 100vw;
     }
-    p {
-      margin-bottom: 30px;
+    .modal-content {
+        padding: 100px 0;
+        text-align: center;
+        h2 {
+            font-size: 3em;
+            margin-bottom: 15px;
+        }
+        p {
+            margin-bottom: 30px;
+        }
+        p.item-intro {
+            font-size: 16px;
+            font-style: italic;
+            margin: 20px 0 30px;
+            font-family: $subheadings-font-family;
+        }
+        ul.list-inline {
+            margin-top: 0;
+            margin-bottom: 30px;
+        }
+        img {
+            margin-bottom: 30px;
+        }
+        button {
+            cursor: pointer;
+        }
     }
-    p.item-intro {
-      font-size: 16px;
-      font-style: italic;
-      margin: 20px 0 30px;
-      @include serif-font;
-    }
-    ul.list-inline {
-      margin-top: 0;
-      margin-bottom: 30px;
-    }
-    img {
-      margin-bottom: 30px;
-    }
-    button {
-      cursor: pointer;
-    }
-  }
-  .close-modal {
-    position: absolute;
-    top: 25px;
-    right: 25px;
-    width: 75px;
-    height: 75px;
-    cursor: pointer;
-    background-color: transparent;
-    &:hover {
-      opacity: 0.3;
-    }
-    .lr {
-      /* Safari and Chrome */
-      z-index: 1051;
-      width: 1px;
-      height: 75px;
-      margin-left: 35px;
-      /* IE 9 */
-      -webkit-transform: rotate(45deg);
-      -ms-transform: rotate(45deg);
-      transform: rotate(45deg);
-      background-color: $gray-900;
-      .rl {
-        /* Safari and Chrome */
-        z-index: 1052;
-        width: 1px;
+    .close-modal {
+        position: absolute;
+        top: 25px;
+        right: 25px;
+        width: 75px;
         height: 75px;
-        /* IE 9 */
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-        background-color: $gray-900;
-      }
+        cursor: pointer;
+        background-color: transparent;
+        &:hover {
+            opacity: 0.3;
+        }
+        .lr {
+            /* Safari and Chrome */
+            z-index: 1051;
+            width: 1px;
+            height: 75px;
+            margin-left: 35px;
+            /* IE 9 */
+            -webkit-transform: rotate(45deg);
+            -ms-transform: rotate(45deg);
+            transform: rotate(45deg);
+            background-color: $gray-900;
+            .rl {
+                /* Safari and Chrome */
+                z-index: 1052;
+                width: 1px;
+                height: 75px;
+                /* IE 9 */
+                -webkit-transform: rotate(90deg);
+                -ms-transform: rotate(90deg);
+                transform: rotate(90deg);
+                background-color: $gray-900;
+            }
+        }
     }
-  }
 }
diff --git a/src/scss/layout/_services.scss b/src/scss/layout/_services.scss
index d616e2d..c94039a 100644
--- a/src/scss/layout/_services.scss
+++ b/src/scss/layout/_services.scss
@@ -1,5 +1,5 @@
 // Styling for the services section
 .service-heading {
-  margin: 15px 0;
-  text-transform: none;
+    margin: 15px 0;
+    text-transform: none;
 }
diff --git a/src/scss/layout/_team.scss b/src/scss/layout/_team.scss
index eab0c29..c458504 100644
--- a/src/scss/layout/_team.scss
+++ b/src/scss/layout/_team.scss
@@ -1,18 +1,18 @@
 // Styling for the team section
 .team-member {
-  margin-bottom: 50px;
-  text-align: center;
-  img {
-    width: 225px;
-    height: 225px;
-    border: 7px solid fade-out($black, 0.9);
-  }
-  h4 {
-    margin-top: 25px;
-    margin-bottom: 0;
-    text-transform: none;
-  }
-  p {
-    margin-top: 0;
-  }
+    margin-bottom: 50px;
+    text-align: center;
+    img {
+        width: 225px;
+        height: 225px;
+        border: 7px solid fade-out($black, 0.9);
+    }
+    h4 {
+        margin-top: 25px;
+        margin-bottom: 0;
+        text-transform: none;
+    }
+    p {
+        margin-top: 0;
+    }
 }
diff --git a/src/scss/layout/_timeline.scss b/src/scss/layout/_timeline.scss
index a9e83e1..b4c1b42 100644
--- a/src/scss/layout/_timeline.scss
+++ b/src/scss/layout/_timeline.scss
@@ -1,178 +1,178 @@
 // Styling for the timeline section
 .timeline {
-  position: relative;
-  padding: 0;
-  list-style: none;
-  &:before {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 40px;
-    width: 2px;
-    margin-left: -1.5px;
-    content: '';
-    background-color: $gray-200;
-  }
-  > li {
     position: relative;
-    min-height: 50px;
-    margin-bottom: 50px;
-    &:after,
+    padding: 0;
+    list-style: none;
     &:before {
-      display: table;
-      content: ' ';
-    }
-    &:after {
-      clear: both;
-    }
-    .timeline-panel {
-      position: relative;
-      float: right;
-      width: 100%;
-      padding: 0 20px 0 100px;
-      text-align: left;
-      &:before {
-        right: auto;
-        left: -15px;
-        border-right-width: 15px;
-        border-left-width: 0;
-      }
-      &:after {
-        right: auto;
-        left: -14px;
-        border-right-width: 14px;
-        border-left-width: 0;
-      }
-    }
-    .timeline-image {
-      position: absolute;
-      z-index: 100;
-      left: 0;
-      width: 80px;
-      height: 80px;
-      margin-left: 0;
-      text-align: center;
-      color: white;
-      border: 7px solid $gray-200;
-      border-radius: 100%;
-      background-color: $primary;
-      h4 {
-        font-size: 10px;
-        line-height: 14px;
-        margin-top: 12px;
-      }
-    }
-    &.timeline-inverted > .timeline-panel {
-      float: right;
-      padding: 0 20px 0 100px;
-      text-align: left;
-      &:before {
-        right: auto;
-        left: -15px;
-        border-right-width: 15px;
-        border-left-width: 0;
-      }
-      &:after {
-        right: auto;
-        left: -14px;
-        border-right-width: 14px;
-        border-left-width: 0;
-      }
-    }
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-  .timeline-heading {
-    h4 {
-      margin-top: 0;
-      color: inherit;
-      &.subheading {
-        text-transform: none;
-      }
-    }
-  }
-  .timeline-body {
-     > ul,
-    > p {
-      margin-bottom: 0;
-    }
-  }
-}
-@media(min-width:768px) {
-  .timeline {
-    &:before {
-      left: 50%;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 40px;
+        width: 2px;
+        margin-left: -1.5px;
+        content: "";
+        background-color: $gray-200;
     }
     > li {
-      min-height: 100px;
-      margin-bottom: 100px;
-      .timeline-panel {
-        float: left;
-        width: 41%;
-        padding: 0 20px 20px 30px;
-        text-align: right;
-      }
-      .timeline-image {
-        left: 50%;
-        width: 100px;
-        height: 100px;
-        margin-left: -50px;
-        h4 {
-          font-size: 13px;
-          line-height: 18px;
-          margin-top: 16px;
+        position: relative;
+        min-height: 50px;
+        margin-bottom: 50px;
+        &:after,
+        &:before {
+            display: table;
+            content: " ";
         }
-      }
-      &.timeline-inverted > .timeline-panel {
-        float: right;
-        padding: 0 30px 20px 20px;
-        text-align: left;
-      }
-    }
-  }
-}
-@media(min-width:992px) {
-  .timeline {
-    > li {
-      min-height: 150px;
-      .timeline-panel {
-        padding: 0 20px 20px;
-      }
-      .timeline-image {
-        width: 150px;
-        height: 150px;
-        margin-left: -75px;
-        h4 {
-          font-size: 18px;
-          line-height: 26px;
-          margin-top: 30px;
+        &:after {
+            clear: both;
         }
-      }
-      &.timeline-inverted > .timeline-panel {
-        padding: 0 20px 20px;
-      }
-    }
-  }
-}
-@media(min-width:1200px) {
-  .timeline {
-    > li {
-      min-height: 170px;
-      .timeline-panel {
-        padding: 0 20px 20px 100px;
-      }
-      .timeline-image {
-        width: 170px;
-        height: 170px;
-        margin-left: -85px;
-        h4 {
-          margin-top: 40px;
+        .timeline-panel {
+            position: relative;
+            float: right;
+            width: 100%;
+            padding: 0 20px 0 100px;
+            text-align: left;
+            &:before {
+                right: auto;
+                left: -15px;
+                border-right-width: 15px;
+                border-left-width: 0;
+            }
+            &:after {
+                right: auto;
+                left: -14px;
+                border-right-width: 14px;
+                border-left-width: 0;
+            }
+        }
+        .timeline-image {
+            position: absolute;
+            z-index: 100;
+            left: 0;
+            width: 80px;
+            height: 80px;
+            margin-left: 0;
+            text-align: center;
+            color: white;
+            border: 7px solid $gray-200;
+            border-radius: 100%;
+            background-color: $primary;
+            h4 {
+                font-size: 10px;
+                line-height: 14px;
+                margin-top: 12px;
+            }
+        }
+        &.timeline-inverted > .timeline-panel {
+            float: right;
+            padding: 0 20px 0 100px;
+            text-align: left;
+            &:before {
+                right: auto;
+                left: -15px;
+                border-right-width: 15px;
+                border-left-width: 0;
+            }
+            &:after {
+                right: auto;
+                left: -14px;
+                border-right-width: 14px;
+                border-left-width: 0;
+            }
+        }
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+    .timeline-heading {
+        h4 {
+            margin-top: 0;
+            color: inherit;
+            &.subheading {
+                text-transform: none;
+            }
+        }
+    }
+    .timeline-body {
+        > ul,
+        > p {
+            margin-bottom: 0;
+        }
+    }
+}
+@media (min-width: 768px) {
+    .timeline {
+        &:before {
+            left: 50%;
+        }
+        > li {
+            min-height: 100px;
+            margin-bottom: 100px;
+            .timeline-panel {
+                float: left;
+                width: 41%;
+                padding: 0 20px 20px 30px;
+                text-align: right;
+            }
+            .timeline-image {
+                left: 50%;
+                width: 100px;
+                height: 100px;
+                margin-left: -50px;
+                h4 {
+                    font-size: 13px;
+                    line-height: 18px;
+                    margin-top: 16px;
+                }
+            }
+            &.timeline-inverted > .timeline-panel {
+                float: right;
+                padding: 0 30px 20px 20px;
+                text-align: left;
+            }
+        }
+    }
+}
+@media (min-width: 992px) {
+    .timeline {
+        > li {
+            min-height: 150px;
+            .timeline-panel {
+                padding: 0 20px 20px;
+            }
+            .timeline-image {
+                width: 150px;
+                height: 150px;
+                margin-left: -75px;
+                h4 {
+                    font-size: 18px;
+                    line-height: 26px;
+                    margin-top: 30px;
+                }
+            }
+            &.timeline-inverted > .timeline-panel {
+                padding: 0 20px 20px;
+            }
+        }
+    }
+}
+@media (min-width: 1200px) {
+    .timeline {
+        > li {
+            min-height: 170px;
+            .timeline-panel {
+                padding: 0 20px 20px 100px;
+            }
+            .timeline-image {
+                width: 170px;
+                height: 170px;
+                margin-left: -85px;
+                h4 {
+                    margin-top: 40px;
+                }
+            }
+            &.timeline-inverted > .timeline-panel {
+                padding: 0 100px 20px 20px;
+            }
         }
-      }
-      &.timeline-inverted > .timeline-panel {
-        padding: 0 100px 20px 20px;
-      }
     }
-  }
 }
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 91d39f1..5874aac 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -1,22 +1,21 @@
-// Core variables and mixins
-@import "base/variables.scss";
-@import "base/mixins.scss";
+// Import variables
+@import "./variables.scss";
 
 // Import Bootstrap
 @import "bootstrap/scss/bootstrap.scss";
 
 // Global CSS
-@import "base/page.scss";
+@import "./global.scss";
 
 // Components
-@import "components/buttons.scss";
-@import "components/navbar.scss";
+@import "./components/buttons.scss";
+@import "./components/navbar.scss";
 
 // Layout
-@import "layout/masthead.scss";
-@import "layout/services.scss";
-@import "layout/portfolio.scss";
-@import "layout/timeline.scss";
-@import "layout/team.scss";
-@import "layout/contact.scss";
-@import "layout/footer.scss";
+@import "./layout/masthead.scss";
+@import "./layout/services.scss";
+@import "./layout/portfolio.scss";
+@import "./layout/timeline.scss";
+@import "./layout/team.scss";
+@import "./layout/contact.scss";
+@import "./layout/footer.scss";
diff --git a/src/scss/variables/_colors.scss b/src/scss/variables/_colors.scss
new file mode 100644
index 0000000..80faf7e
--- /dev/null
+++ b/src/scss/variables/_colors.scss
@@ -0,0 +1,11 @@
+// Override Bootstrap color system
+
+$yellow: #fed136;
+
+// Override Bootstrap default state colors
+
+$primary: $yellow;
+
+// Override Bootstrap yiq lightness value
+
+$yiq-contrasted-threshold: 205;
diff --git a/src/scss/variables/_grid.scss b/src/scss/variables/_grid.scss
new file mode 100644
index 0000000..2c34cf9
--- /dev/null
+++ b/src/scss/variables/_grid.scss
@@ -0,0 +1,5 @@
+// Override Bootstrap grid column variables
+//
+// Override the spacing between columns to add symmetry to the layout
+
+$grid-gutter-width: $spacer * 1.5;
diff --git a/src/scss/variables/_spacing.scss b/src/scss/variables/_spacing.scss
new file mode 100644
index 0000000..34c2bef
--- /dev/null
+++ b/src/scss/variables/_spacing.scss
@@ -0,0 +1,7 @@
+// Restate and add to the Bootstrap default spacing variables
+//
+// The spacer is restated in order to add new entries to the $spacers map
+// The 10 and n1 through n10 spacers are newly added allowing for larger
+// spacing options and negative padding and margin utilities
+
+$spacer: 1rem;
diff --git a/src/scss/variables/_typography.scss b/src/scss/variables/_typography.scss
new file mode 100644
index 0000000..c311568
--- /dev/null
+++ b/src/scss/variables/_typography.scss
@@ -0,0 +1,20 @@
+// Override Bootstrap typography variables
+
+$font-family-base: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
+    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+$headings-font-family: "Montserrat", -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
+    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+$subheadings-font-family: "Droid Serif", -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
+    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+$font-family-script: "Kaushan Script", -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
+    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+$headings-font-weight: 700;
+$headings-letter-spacing: 0.0625em;