Added Header and Footer, flex app.

public/styles/components/_footer.scss

@@ -0,0 +1,8 @@
+/*
+ *  Footer
+ *    Site Footer!
+ */
+.c-footer {
+  background: red;
+  
+}

public/styles/components/_page.scss

@@ -9,7 +9,6 @@
  *    1.0.0 - 2018/05/05
  */
 .c-page {
-  min-height: 100vh;
 
   &__boundary {
     max-width: $s-screen-boundary;

public/styles/index.scss

@@ -71,6 +71,7 @@
 
 //Components
 @import './components/_body-section.scss';
+@import './components/_footer.scss';
 @import './components/_image-section.scss';
 @import './components/_page.scss';
 @import './components/_section.scss';

public/styles/objects/_app.scss

@@ -3,6 +3,7 @@
  *    App styles for the app container.
  *
  *  Dependencies:
+ *    styles/tools/flex.scss
  *
  *  Version:
  *    1.0.0 - 2018/05/03
@@ -12,6 +13,9 @@
   min-height: 100vh;
   width: 100%;
 
+  @include t-flexbox();
+  @include t-flex-direction(column);
+
   //Civil Twilight
   &--style-civil-twilight {
     //http://colorzilla.com/gradient-editor/#bea9d0+0,dab2cd+25,e7b7c5+50,e4b0a3+75,c79a97+100

public/styles/objects/main.scss

@@ -6,4 +6,5 @@
  *    1.0.0 - 2018/05/07
  */
 .o-main {
+  @include t-flex-grow(1);
 }