Remove responsive breakpoints and make compact

scss/atat.scss

@@ -8,6 +8,7 @@
 
 @import 'components/empty_state';
 
-@import 'sections/layout';
+@import 'sections/navigation';
+@import 'sections/footer';
 @import 'sections/login';
 

scss/base/_variables.scss

@@ -0,0 +1 @@
+$nav-width: 300px;

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;
+}

scss/sections/_layout.scss

@@ -1,17 +0,0 @@
-.content {
-
-}
-
-header {
-
-}
-
-section {
-
-}
-
-footer {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-}

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;
+  }
+}