diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png
new file mode 100644
index 0000000..152b187
Binary files /dev/null and b/app/assets/images/logo.png differ
diff --git a/app/assets/stylesheets/colors.css b/app/assets/stylesheets/colors.css
index 38da92d..d66185f 100644
--- a/app/assets/stylesheets/colors.css
+++ b/app/assets/stylesheets/colors.css
@@ -5,6 +5,12 @@
   --header-color: #15345b;
   --header-text-color: #fff;
   --header-height: 200px;
+  --footer-height: 150px;
+
+  --shadow-color: #999;
+  --light-shadow-color: #CCC;
+  --secondary-text-color: #777;
+
 
   --shadow-color: #999;
   --light-shadow-color: #CCC;
diff --git a/app/assets/stylesheets/layout.css b/app/assets/stylesheets/layout.css
index a27b38e..d9ac8cf 100644
--- a/app/assets/stylesheets/layout.css
+++ b/app/assets/stylesheets/layout.css
@@ -17,7 +17,7 @@ main {
   display: flex;
   flex-direction: column;
   padding: 1em 1em 4em 1em;
-  min-height: calc(100vh - var(--header-height));
+  min-height: calc(100vh - var(--header-height) - var(--footer-height));
 }
 
 @media(min-width: 800px) {
@@ -171,6 +171,7 @@ footer {
   padding: 1em;
   margin: 0 auto;
   font-size: .8em;
+  height: var(--footer-height);
   a:link, a:visited {
     color: var(--header-text-color);
     text-decoration: none;