src/sass/_mobil.sass

@@ -6,15 +6,15 @@ $ulBorderM: 3px ridge darkgreen
 @media (max-width: 768px)
     nav
         width: 50%
-        height: 100%
-        position: fixed
-        float: none
+        height: 50%
+        position: absolute 
+        //float: none
         background-color: #fff
         max-height: 0
-        transition: max-height 0.4s ease-out
+        transition: all 0.4s ease-in
         border-left: $ulBorderM
         border-right: $ulBorderM
-        border-radius: 2rem 2rem 0 0
+        border-radius: 2rem
         overflow: hidden
         right: 0
         
@@ -29,14 +29,19 @@ $ulBorderM: 3px ridge darkgreen
         li
             float: none
             
+            &:first-child
+                padding-left: 0
+            
+            
             a
                 font-size: 1.2rem
+                padding: 0.5rem 0 0.5rem 0
 
                 &:active, &:hover, &:focus, &.active
                     color: red
                     text-decoration: underline
-                    transform: scale(1.1)
-                    background-color: lightblue
+                    //transform: scale(1.1)
+                    //background-color: lightblue
                     width: 100%
             
     header
@@ -96,6 +101,8 @@ $ulBorderM: 3px ridge darkgreen
     .side-menu:checked ~
         nav
             max-height: 100%
+            border-top: $ulBorderM
+            border-bottom: $ulBorderM
             
 
         .hamb .hamb-line