big refactoring of mobile version xhich has now a hamburger menu and a link to collection

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -103,7 +103,7 @@ header[role="banner"]{
   }
 }
 
-#block-mainnavigation{
+#block-mainnavigation, #block-mainnavigation-2{
   float:right;
   margin-top: 25px;
   z-index: 21;
@@ -161,12 +161,14 @@ header[role="banner"]{
     width:50px; //height:25px;
     overflow: visible;
     $square-size:15px;
-    >h2#block-mainnavigation-menu.visually-hidden{
+    >h2#block-mainnavigation-menu.visually-hidden,
+    >h2{
       // outline: 1px solid green;
       right:0;
       clip: auto;
       margin:0;
       text-indent: 100px;
+      overflow: hidden;
       cursor: pointer;
       width:$square-size*2; height:$square-size*2;
       background-size:$square-size $square-size;
@@ -206,7 +208,7 @@ header[role="banner"]{
 
     }
 
-    &.visible ul.menu{
+    &.opened ul.menu{
       left:-130px;
     }
   }
@@ -579,11 +581,15 @@ main[role="main"]{
     }
   }
 
-  html.is-mobile & .entrees{
-    #collection{
-      margin-top: -80px;
-      margin-bottom: 80px;
+  .collection{
+    h3{
+      @include content_titles;
+      text-align: center;
+      padding-top: 0.5em;
     }
+  }
+
+  html.is-mobile & .col[sys_path="collection"]{
     h3{
       @include content_titles;
       text-align: center;