full header-right responsive hamburger menu ok for unlogged-in users

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -67,8 +67,23 @@ header[role="banner"]{
       //   display:none;
       // }
     }
+		@include col-mediaquery-max(3){
+			h1, .slogan{
+				display: inline-block;
+			}
+		}
   }
 
+	@include col-mediaquery-max(3){
+		.header-block.header-right{
+			.header-block-wrapper{
+				padding:1em 1em;
+				box-shadow: -2px 2px 4px #ccc;
+				background-color: #fff;
+			}
+		}
+	}
+
   #block-socialmedialinks{
     padding-right: 0.5em;
     border-right: 1px solid $color-main-text;
@@ -92,9 +107,8 @@ header[role="banner"]{
       margin: 0;
     }
     &>section{
+			overflow: hidden;
       background-color: #fff;
-      overflow: hidden;
-      width:11em;
       // margin:0 0 0 -1em;
       box-sizing:content-box;
       transition: all 0.4s ease-in-out;
@@ -104,11 +118,15 @@ header[role="banner"]{
       box-sizing: content-box;
       z-index:100;
     }
+		// appears on hover only on big screens
 		@include col-mediaquery-min(3){
-			max-height:0px;
-      padding:0.01em 1em;
-			transition-delay: 2s;
-      position: absolute;
+			&>section{
+				max-height:0px;
+				padding:0.01em 1em;
+				transition-delay: 2s;
+				position: absolute;
+	      width:11em;
+			}
 
 			@include hover{
 				&>section{
@@ -364,6 +382,7 @@ header[role="banner"]{
 			// 	}
       // }
 			ul.menu{
+				text-align: right;
 				li{
 					display: block;
 				}
@@ -392,29 +411,39 @@ header[role="banner"]{
       overflow: hidden;
     }
     &>ul.links{
-      position: absolute;
-      top:17px;
-      right:0;
       // background-color: #fff;
       overflow: hidden;
-      width:3.5em;
       // display: inline-block;
-      height:1px;
-      padding:0.01em 0;
       margin:0;
       box-sizing:content-box;
-      transition: all 0.4s ease-in-out;
       // outline: 1px solid blue;
       // transition-delay: 2s;
     }
-    @include hover{
-      &>ul.links{
-        transition-delay: 0s;
-        height:2em;
-        padding:0.3em 0;
-        // box-shadow: 0 0 10px #ccc;
-      }
-    }
+
+		@include col-mediaquery-min(3){
+			&>ul.links{
+				width:3.5em;
+				position: absolute;
+				top:17px;
+				right:0;
+				transition: all 0.4s ease-in-out;
+				padding:0.01em 0;
+				height:1px;
+			}
+			@include hover{
+				&>ul.links{
+					transition-delay: 0s;
+					height:2em;
+					padding:0.3em 0;
+					// box-shadow: 0 0 10px #ccc;
+				}
+			}
+		}
+
+		@include col-mediaquery-max(3){
+			h2{display: none;}
+
+		}
     li{
       list-style: none;
       padding:0;