3 files changed, 21 insertions, 15 deletions
diff --git a/sass/include/_icons.scss b/sass/include/_icons.scss
index 4edff0a..b9a8e62 100644
--- a/sass/include/_icons.scss
+++ b/sass/include/_icons.scss
@@ -97,8 +97,8 @@
   @if $icon-x {.x { background-image: icon(x, "%23f00", 2, "none") }}
   @if $icon-youtube {.youtube { background-image: icon(youtube, "%23f00", 2, "none") }}
   .svg {
-    width: 48px;
-    height: 48px;
+    width: 1.8rem;
+    height: 1.8rem;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle
diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss
index ad3ae79..d9d67a8 100644
--- a/sass/include/_nav.scss
+++ b/sass/include/_nav.scss
@@ -5,12 +5,6 @@
 .cnav {
   color: var(--a3);//pagination color current page
 }
-main nav {
-  margin-top: var(--s2);//pagination margin
-    ul li {
-    margin: .1rem;
-  }
-}
 .off {
   color: var(--c4);
   font-weight: var(--fh);
@@ -39,12 +33,11 @@ header > nav > div:nth-child(2) {//puts logo on left and menu/search on right
 }
 nav > div {
   ul, h2 {
-    line-height: 2;
+    line-height: 1.9;
     margin: 0;
     padding: 0;
   }
   margin: var(--s1) 0;
-  display: block;
 }
 nav {
   align-items: center;
@@ -60,11 +53,24 @@ nav {
     margin-bottom: 0;
     margin-top: 0.2rem;
   }
-  ul li {
+  li {
     display: inline-block;
-    margin: 0 0.2rem;
-    //position: relative;
-    //text-align: left;
+    margin: 0 .2rem;
+  }
+}
+main nav {
+  margin-top: var(--s2);//pagination margin
+    li {
+    margin: .1rem;
+  }
+}
+footer nav {
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  li {
+    margin: 0 .2rem .4rem;
   }
 }
 // breakpoint makes header responsive for mobile layouts
diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss
index f5e2edf..9b61809 100644
--- a/sass/include/_sectioning.scss
+++ b/sass/include/_sectioning.scss
@@ -81,7 +81,7 @@ body {
   }
   footer{
     hr, p {
-      margin:0.5rem 0
+      margin: 0 0 .4rem
     }
   }
 }