add all changes

app/static/css/partials/_menu.scss

@@ -6,11 +6,8 @@
   padding-left: 16px;
   padding-top: 16px;
   @media screen and (max-width: 799px) {
-    overflow: hidden;
-    z-index: 100;
-    height: initial;
-    padding-left: initial;
-    padding-top: initial;
+    padding-left: 0;
+    padding-right: 0;
   }
 
   nav {
@@ -18,9 +15,10 @@
     text-align: right;
     margin-right: 16px;
     @media screen and (max-width: 799px) {
-      display: none;
-      text-align: initial;
-      margin-right: initial;
+      text-align: center;
+      width: 100%;
+      margin-right: 0;
+      margin-top: 16px;
     }
   }
 
@@ -28,25 +26,21 @@
     color: white;
     text-decoration: none;
     font-size: 17px;
-    @media screen and (max-width: 799px) {
-      padding: 14px 16px;
-      display: block;
-    }
-
-    &.icon {
-      display: none;
-      @media screen and (max-width: 799px) {
-        display: block;
-        position: absolute;
-        right: 0;
-        top: 0;
-      }
-    }
 
     &:hover {
       background-color: #ddd;
       color: black;
     }
+    @media screen and (max-width: 799px) {
+      &.title {
+        display: block;
+        text-align: center;
+      }
+      div {
+        display: inline-block;
+      }
+
+    }
   }
 
 

app/static/css/style.scss

@@ -1,6 +1,6 @@
 @import "partials/reset";
 @import "partials/layout";
-@import "partials/burger";
+@import "partials/menu";
 @import "partials/film";
 @import "partials/text";
 @import "partials/ascroll";