diff --git a/scss/atat.scss b/scss/atat.scss
index 85d20bd8..ef7ad4ae 100644
--- a/scss/atat.scss
+++ b/scss/atat.scss
@@ -8,6 +8,7 @@
 
 @import 'components/empty_state';
 
-@import 'sections/layout';
+@import 'sections/navigation';
+@import 'sections/footer';
 @import 'sections/login';
 
diff --git a/scss/base/_variables.scss b/scss/base/_variables.scss
index e69de29b..b5fc0d92 100644
--- a/scss/base/_variables.scss
+++ b/scss/base/_variables.scss
@@ -0,0 +1 @@
+$nav-width: 300px;
\ No newline at end of file
diff --git a/scss/sections/_footer.scss b/scss/sections/_footer.scss
new file mode 100644
index 00000000..58ac49ce
--- /dev/null
+++ b/scss/sections/_footer.scss
@@ -0,0 +1,9 @@
+footer {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  padding-top: 0.5rem;
+  padding-bottom: 1em;
+  background-color: $color-gray-lightest;
+  border-top: 1px solid $color-gray-lighter;
+}
\ No newline at end of file
diff --git a/scss/sections/_layout.scss b/scss/sections/_layout.scss
deleted file mode 100644
index 17fbbed7..00000000
--- a/scss/sections/_layout.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.content {
-
-}
-
-header {
-
-}
-
-section {
-
-}
-
-footer {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-}
\ No newline at end of file
diff --git a/scss/sections/_navigation.scss b/scss/sections/_navigation.scss
new file mode 100644
index 00000000..02ed3b22
--- /dev/null
+++ b/scss/sections/_navigation.scss
@@ -0,0 +1,16 @@
+.usa-navbar {
+  height: 5rem;
+  width: 5%;
+}
+
+.usa-nav {
+  padding-top: 1rem;
+  padding-left: 0;
+}
+
+.usa-nav-primary {
+
+  li:last-child {
+    padding-left: 3rem;
+  }
+}
\ No newline at end of file
diff --git a/templates/footer.html.to b/templates/footer.html.to
index 8b7a6190..47efdb36 100644
--- a/templates/footer.html.to
+++ b/templates/footer.html.to
@@ -1,52 +1,9 @@
-<footer class="usa-footer usa-footer-slim" role="contentinfo">
-  <div class="usa-grid usa-footer-return-to-top">
-    <a href="#">Return to top</a>
-  </div>
-  <div class="usa-footer-primary-section">
-    <div class="usa-grid">
-      <nav class="usa-footer-nav usa-width-two-thirds">
-        <ul class="usa-unstyled-list">
-          <li class="usa-width-one-fourth usa-footer-primary-content">
-            <a class="usa-footer-primary-link" href="javascript:void(0);">Home</a>
-          </li>
-          <li class="usa-width-one-fourth usa-footer-primary-content">
-            <a class="usa-footer-primary-link" href="javascript:void(0);">Accounts</a>
-          </li>
-          <li class="usa-width-one-fourth usa-footer-primary-content">
-            <a class="usa-footer-primary-link" href="javascript:void(0);">Requests</a>
-          </li>
-          <li class="usa-width-one-fourth usa-footer-primary-content">
-            <a class="usa-footer-primary-link" href="javascript:void(0);">Users</a>
-          </li>
-          <li class="usa-width-one-fourth usa-footer-primary-content">
-            <a class="usa-footer-primary-link" href="javascript:void(0);">Reports</a>
-          </li>
-          <li class="usa-width-one-fourth usa-footer-primary-content">
-            <a class="usa-footer-primary-link" href="javascript:void(0);">Usage Calculator</a>
-          </li>
-        </ul>
-      </nav>
-      <address>
-        <div class="usa-width-one-third">
-          <div class="usa-footer-primary-content usa-footer-contact_info">
-            <p>
-              <a href="tel:1-800-555-5555">(800) CALL-GOVT</a>
-            </p>
-          </div>
-          <div class="usa-footer-primary-content usa-footer-contact_info">
-            <p><a href="mailto:info@dds.mil">info@dds.mil</a></p>
-          </div>
-        </div>
-      </address>
-    </div>
-  </div>
+<footer class="usa-footer usa-footer-slim">
 
-  <div class="usa-footer-secondary_section">
-    <div class="usa-grid">
-      <div class="usa-footer-logo">
-        <img class="usa-footer-slim-logo-img" src="/static/img/logo.png" alt="Defense Digital Service Logo">
-        <h3 class="usa-footer-slim-logo-heading">Defense Digital Service</h3>
-      </div>
+  <div class="usa-grid">
+    <div class="usa-footer-logo">
+      <h5 class="usa-footer-slim-logo-heading">Joint Enterprise Defense Infrastructure</h5>
     </div>
   </div>
+  
 </footer>
diff --git a/templates/header.html.to b/templates/header.html.to
index 517eb8df..9c93791c 100644
--- a/templates/header.html.to
+++ b/templates/header.html.to
@@ -16,7 +16,6 @@
             ['requests', 'Requests'],
             ['users', 'Users' ],
             ['reports', 'Reports' ],
-            ['calculator','Usage Calculator'],
             ]
         %}
       <li>