1 files changed, 5 insertions, 54 deletions

diff --git a/assets/scss/components/_main-menu-mobile.scss b/assets/scss/components/_main-menu-mobile.scss
index b3cd6e2..0826118 100644
--- a/assets/scss/components/_main-menu-mobile.scss
+++ b/assets/scss/components/_main-menu-mobile.scss
@@ -1,56 +1,6 @@
-$color-main: $primary;
-$color-active: #ffffff;
-$color-link: #ffffff;
-
-$button-height: 27px;
-$button-width: 35px;
-// .button_container {
-//   position: fixed;
-//   top: 5%;
-//   right: 2%;
-//   height: $button-height;
-//   width: $button-width;
-//   cursor: pointer;
-//   z-index: 1000;
-//   transition: opacity 0.25s ease;
-//   &:hover {
-//     opacity: 0.7;
-//   }
-//   &.active {
-//     .top {
-//       transform: translateY(11px) translateX(0) rotate(45deg);
-//       background: $color-active;
-//     }
-//     .middle {
-//       opacity: 0;
-//       background: $color-active;
-//     }
-//     .bottom {
-//       transform: translateY(-11px) translateX(0) rotate(-45deg);
-//       background: $color-active;
-//     }
-//   }
-//   span {
-//     background: $color-main;
-//     border: none;
-//     height: 5px;
-//     width: 100%;
-//     position: absolute;
-//     top: 0;
-//     left: 0;
-//     transition: all 0.35s ease;
-//     cursor: pointer;
-//     &:nth-of-type(2) {
-//       top: 11px;
-//     }
-//     &:nth-of-type(3) {
-//       top: 22px;
-//     }
-//   }
-// }
 .main-menu-mobile {
   position: fixed;
-  background: $color-main;
+  background: $primary;
   top: 0;
   left: 0;
   width: 100%;
@@ -90,7 +40,7 @@ $button-width: 35px;
   }
   ul {
     font-size: 2rem;
-    font-family: $font-family-serif;
+    font-family: $font-family-base;
     text-align: center;
     list-style: none;
     padding: 0;
@@ -103,9 +53,10 @@ $button-width: 35px;
       a {
         display: block;
         position: relative;
-        color: $color-link;
+        color: #ffffff;
         text-decoration: none;
         overflow: hidden;
+        font-weight: lighter;
         &:hover::after,
         &:focus::after,
         &:active::after {
@@ -119,7 +70,7 @@ $button-width: 35px;
           width: 0%;
           transform: translateX(-50%);
           height: 3px;
-          background: $color-link;
+          background: #ffffff;
           transition: 0.35s;
         }
       }