Added poly section

public/styles/components/_header.scss

@@ -8,6 +8,5 @@
  *    1.0.0 - 2018/02/23
  */
 .c-header {
-  border: 1px solid red;
   position: relative;
 }

public/styles/components/_navbar.scss

@@ -16,6 +16,7 @@
 $c-navbar--z-index: 100;
 $c-navbar--link-border: $s-border--default;
 $c-navbar--background: white;
+$c-navbar--link-offset: 5px;
 
 .c-navbar {
   position: fixed;
@@ -35,13 +36,21 @@ $c-navbar--background: white;
 }
 
 //Logo
+.c-navbar__logo-container {
+  @include t-align-self(center);
+  width: 12.5em;
+}
+
 .c-navbar__logo {
+  width: 100%;
+  height: 100%;
 }
 
 //Links
 .c-navbar__links {
   width: 100%;
   text-align: right;
+  display: none;
 }
 
 .c-navbar__link {
@@ -51,11 +60,6 @@ $c-navbar--background: white;
   font-size: 1.2em;
   padding: 0 1.5em;
   display: inline-table;
-  background: $c-navbar--background;
-  transition: all 0.2s $s-animation--ease-out-curve;
-
-  &:hover {
-  }
 }
 
 .c-navbar__link-text {
@@ -74,7 +78,24 @@ $c-navbar--background: white;
   .c-navbar {
     width: 90%;
     top:3em;
-    left: 1%;
+    left: 2%;
     @include t-box-shadow(-10px, 10px, 0px, rgba(0, 0, 0, 0.5));
   }
+
+  .c-navbar__links {
+    displaY: block;
+  }
+
+  .c-navbar__link {
+
+    background: white;
+    transition: all 0.2s $s-animation--ease-out-curve;
+    margin-left: $c-navbar--link-offset;
+    @include t-translate(0em, 0em);
+    @include t-box-shadow(0px, 0px, 0px, rgba(0, 0, 0, 0.5));
+    &:hover {
+      @include t-translate($c-navbar--link-offset, -$c-navbar--link-offset);
+      @include t-box-shadow(-$c-navbar--link-offset, $c-navbar--link-offset, 0px, rgba(0, 0, 0, 0.5));
+    }
+  }
 }

public/styles/components/_page.scss

@@ -0,0 +1,11 @@
+/*
+ *  Page
+ *    Styles for page elements
+ *
+ *  Dependencies:
+ *
+ *  Version:
+ *    1.0.0 - 2018/02/24
+ */
+.c-page {
+}

public/styles/components/_section--style-body.scss

@@ -0,0 +1,22 @@
+/*
+ *  Section Body Style
+ *    Styles for body style section
+ *
+ *  Dependencies:
+ *    styles/settings/colors.scss
+ *    styles/settings/responsive.scss
+ *    styles/tools/_responsive.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/02/28
+ */
+.c-section--style-body {
+  background: $s-color--background-default;
+}
+
+@include t-media-query($s-small-up) {
+  .c-section--style-body {
+    margin-left: 4%;
+    @include t-box-shadow(-10px, 10px, 0px, rgba(0, 0, 0, 0.5));
+  }
+}

public/styles/components/_section--style-poly.scss

@@ -0,0 +1,25 @@
+/*
+ *  Section Style Poly
+ *    Styles for poly section elements
+ *
+ *  Dependencies:
+ *    styles/components/_section.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/02/28
+ */
+.c-section--style-poly {
+  height: 60vmin;
+  position: relative;
+  z-index: -1;
+  overflow-y: visible;
+}
+
+.c-section--style-poly__canvas {
+  width: 100%;
+  height: 100%;
+  height: 80vmin;
+  top: 0;
+  left: 0;
+  position: absolute;
+}

public/styles/components/_section.scss

@@ -0,0 +1,31 @@
+/*
+ *  Section
+ *    Styles for section elements
+ *
+ *  Dependencies:
+ *    styles/settings/responsive.scss
+ *    styles/tools/_responsive.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/02/28
+ */
+.c-section {
+  width: 100%;
+  display: block;
+  max-width: $s-layout--page-max;
+}
+
+.c-section--full-width {
+  max-width: none;
+}
+
+.c-section--style-body {
+  background: $s-color--background-default;
+}
+
+@include t-media-query($s-small-up) {
+  .c-section--style-body {
+    margin-left: 4%;
+    @include t-box-shadow(-10px, 10px, 0px, rgba(0, 0, 0, 0.5));
+  }
+}