responsive: burger menu ok, started generale layout

sites/all/themes/gui/perfarttimeline/less/layout.less

@@ -14,8 +14,10 @@ transition: height, 5s, ease-out;
 */
 }
 
+#main{ height:97%; }
+
 body.layout-intro{
-  #main{ height:97%; }
+  // #main{ height:97%; }
   
   #perfnode{ height:0%!important; }
   
@@ -31,7 +33,7 @@ body.layout-intro{
 
 body.layout-timeline{
   #main{ 
-    height:97%; 
+    // height:97%; 
     #content, #center .page-title{height:0%;}
   }
   
@@ -50,7 +52,7 @@ body.layout-timeline{
 
 body.layout-perfnode{
   #main{ 
-    height:97%; 
+    // height:97%; 
     #content, #center .page-title{height:0%;}
   }
   
@@ -65,3 +67,42 @@ body.layout-perfnode{
   #timeline-loader{ display:none; }
 }
 
+body>img{display: none;}
+
+@media (max-width:799px) {
+  body{
+    overflow: hidden!important;
+  }
+  #container{
+    margin: 0!important;
+    width: 100vw!important;
+    height: 100vh!important;
+    overflow: hidden;
+    &>.inner{
+      padding:0!important;
+      width:100%!important;
+      height: 100vh!important;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      #header{
+        height: 3vh;
+        flex: 0 0 auto;
+        height: auto;
+        padding:0.5em;
+        box-sizing: border-box;
+      }
+      #main{
+        flex: 0 0 auto;
+        overflow-x: hidden;
+        overflow-y: auto;
+        height: 96vh;
+        box-sizing: border-box;
+        #center{
+          display: block;
+          height: auto;
+        }
+      }
+    }
+  }
+}