design matter

_sass/_set.scss

@@ -70,6 +70,7 @@
 /* Style the navbar */
 #logo {
   padding:10px;
+  z-index: 10000;
 
 }
 .logo {
@@ -79,6 +80,7 @@
   left: 50%;
   transform: translateX(-50%);
   width: 300px;
+  height: 95px;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: center center;
@@ -91,14 +93,10 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  align-content: space-evenly;
-  background-color: rgba(255, 255, 255, 0.5);
+  align-items: center;
+
 }
 .sticky {
-  position: fixed;
-  top: 20px;
-  left: 50%;
-  transform: translateX(-50%);
 
   background-color: _palette(bg);
   background-repeat: no-repeat;
@@ -136,11 +134,12 @@ nav {
     list-style-type: none;
     margin: 10px;
     width: 80%;
+    padding: 0;
     a {
       width: 100%;
       display: block;
       margin: auto !important;
-
+      font-size: 14px
     }
   }
  }
@@ -196,8 +195,8 @@ nav {
 
 
 .close-button {
-  background: _palette(accent-dark);
-  color: #FFFFFF;
+  background-color: #FFFFFF;
+  color: _palette(accent-dark);
   line-height: 48px;
   position: absolute;
   right: -12px;
@@ -207,8 +206,8 @@ nav {
   height: 48px;
   text-decoration: none;
   font-weight: bold;
-  -webkit-border-radius: 12px;
-  -moz-border-radius: 12px;
+  -webkit-border-radius: 48px;
+  -moz-border-radius: 48px;
   border-radius: 48px;
   -moz-box-shadow: 1px 1px 3px #000;
   -webkit-box-shadow: 1px 1px 3px #000;
@@ -217,8 +216,8 @@ nav {
 }
 
 .close-button:hover { 
-  background: _palette(bg_alt); 
-  color: _palette(bg);
+  background-color: _palette(accen-dark); 
+  color: #FFFFFF;
 }
 
 #closearea {
@@ -228,48 +227,6 @@ nav {
 
 }
 
-@media only screen and (min-width: 769px) {
-  .logo {
-    position: fixed;
-    top:20px;
-    left: 95%;
-    transform: translateX(-95%);
-    background-color: transparent;
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-size: 95% 95%;
-    -webkit-transition: all 400ms ease-in;
-    -moz-transition: all 400ms ease-in;
-    transition: all 400ms ease-in;
-    box-shadow: none;
-    border-radius: 20px;
-    z-index: 90000;
-
-  }
-  .sticky {
-    position: fixed;
-    top: 20px;
-    right: 20px;
-
-    background-color: _palette(bg);
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-size: 95% 95%;
-    -webkit-transition: all 400ms ease-in;
-    -moz-transition: all 400ms ease-in;
-    transition: all 400ms ease-in;
-    box-shadow: 0 0 10px 1px _palette(border-alt);
-   }
-   nav {
-     top: 120px;
-     left: 95%;
-     transform: translate(-95%);
-   }
-
-}
-
-
-
 //* POSTS *//
 
 #post-text {