diff --git a/mamweb/static/css/mamweb.css b/mamweb/static/css/mamweb.css
index 0e0228b4..add0c2e5 100644
--- a/mamweb/static/css/mamweb.css
+++ b/mamweb/static/css/mamweb.css
@@ -19,11 +19,10 @@ div.login-bar {
 
 a {
 	color: #6f2509;
-	text-shadow: 1px 1px 3px #fdedd5;
 }
 
-a:hover {
-  	color: #6f2509;
+a:active {
+	color: #6f2509;
 }
 
 h1 {	/*todo: odlišit 1 a 2 */
@@ -203,15 +202,16 @@ vikendovka
 
 /* Menu */
 
-div.menu.mobile {
+ul.menu_mobile  {
 	display: none;
 }
-div.menu.desktop {
-	display: block;
+
+nav.nav-button {
+	display: none;
 }
 
 h1 a:hover {
-    text-decoration: none;
+	text-decoration: none;
 }
 
 img.decor { /*todo bug při zmenšování okna */
@@ -235,10 +235,6 @@ ul.menu a {
 	text-decoration: none;
 }
 
-ul.menu li>a:active {
-	color: black;
-}
-
 ul.menu li {
 	margin: 0px;
 	display: inline-block;
@@ -249,6 +245,14 @@ ul.menu li {
 	font-weight: 400;
 }
 
+ul.menu li>a:hover {
+	color: black;
+}
+
+ul.menu li>a:active {
+	color: black;
+}
+
 ul.submenu {
 	
 	background-color: #e84e10;
@@ -275,6 +279,7 @@ ul.submenu li>a {
 	text-decoration: none;
 	text-shadow: none;
 }
+
 ul.submenu li>a:hover {
 	color: black;
 }
@@ -333,7 +338,7 @@ p.license-mobile {
 
 
 /* stránka přes celý displej */
-@media (max-width: 971px) {
+@media (max-width: 970px) {
 
 	div.container {
 		width: 100%;
@@ -347,19 +352,11 @@ p.license-mobile {
 	#header {
 		background-size: 100%;
 	}
+
 	#header img.logo {
 		width: 100%;
 	}
-	div.menu li {
-		min-width: 120px;
-		font-size: 130%;
-	}
-	#submenu ul {
-		font-size: 115%;
-	}
-	#submenu li {
-		padding-top: 5px;
-	}
+
 	#footer {
 		width: 100%;
 	}
@@ -380,8 +377,29 @@ p.license-mobile {
 
 }
 
+@media (max-width: 830px) {
+
+ul.menu {
+	font-size: 80%;
+	margin-top: 0px;
+}
+
+ul.menu li {
+	margin-top: 10px; /* posunutí textu hlavního menu níže */
+}
+
+ul.submenu li {
+	margin-top: 0px; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
+}
+
+ul.submenu {
+	margin-top: 8px; /* mezera mezi hlavním menu a submenu */
+}
+
+}
+
 /* malý tablet, mobil */
-@media (max-width: 735px) {
+@media (max-width: 650px) {
 
 	#title {
 		display: none;
@@ -419,83 +437,21 @@ p.license-mobile {
 		filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
 	}
 
-	div.menu {
+	ul.menu {
 		display: none;
 	}
 
-	#submenu {
-		font-variant: small-caps;
-		top:-1px;
-		width: 100%;
-		background-color: #e84e10;
-		color: #fdedd5;
-		height: auto;
-		position: relative;
-	}
-	#submenu ul {
-		font-size: 120%;
-		padding-bottom: 5px;
-	}
-	#submenu li {
-		display: list-item;
-		height: auto;
-	}
-	#submenu li a:hover, #submenu li.selected {
-		color: black;
-	}
-
-	img.decor { /*todo bug při zmenšování okna */
-		top: -5px;
-	}
-
-	div.menu.mobile {
-		top: 3px;
+	ul.menu_mobile {
 		display: block;
-		position: relative;
-		background: #e84e10;
-		padding: 10px;
-		font-variant: small-caps;
-	}
-	div.menu.mobile > div.dropdown > button {
-		background-color: #fdedd5;
-		color: #e84e10;
-		width: 100%;
-		margin: 0px;
-		border-color: #f7cb87;
-		font-size: 160%;
-	}
-	div.menu.mobile > div.dropdown > ul {
-		margin: 0px;
-		padding: 0px;
-		border-radius: 0px;
-		width: 100%;
-		background-color: #fdedd5;
-	}
-	div.menu.mobile > div.dropdown > ul > li {
-		margin: 0px;
-		padding: 0px;
-		display: block;
-		font-size: 160%;
-		background: none;
-		font-variant: small-caps;
-		color: #e84e10;
-		height: auto;
-	}
-	div.menu.mobile > div.dropdown > ul > li > a {
-		margin: 0px;
-		padding: 5px 30px;
-		height: auto;
-	}
-	div.menu.mobile > div.dropdown > ul > li > a:hover {
-		color: black;
 	}
 
-	div.menu.desktop {
+	ul.menu_mobile br {
 		display: none;
 	}
+
 	
-	#footer {
-		display: none;
+	nav.nav-button {
+		display: block;
 	}
 
 	p.license-mobile {
diff --git a/mamweb/static/images/logo-mobile.svg b/mamweb/static/images/logo-mobile.svg
index 48b64297..28c04898 100644
--- a/mamweb/static/images/logo-mobile.svg
+++ b/mamweb/static/images/logo-mobile.svg
@@ -12,14 +12,14 @@
    version="1.1"
    id="svg2"
    xml:space="preserve"
-   width="1103.777"
-   height="393.65524"
-   viewBox="0 0 1103.777 393.65525"
+   width="1116.5013"
+   height="404.98737"
+   viewBox="0 0 1116.5013 404.98736"
    sodipodi:docname="logo-mobile.svg"
    inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
      id="metadata8"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
      id="defs6" /><sodipodi:namedview
      pagecolor="#ffffff"
      bordercolor="#666666"
@@ -33,9 +33,9 @@
      inkscape:window-height="1025"
      id="namedview4"
      showgrid="true"
-     inkscape:zoom="1.6820038"
-     inkscape:cx="359.48824"
-     inkscape:cy="169.36681"
+     inkscape:zoom="0.84100187"
+     inkscape:cx="517.26357"
+     inkscape:cy="30.848545"
      inkscape:window-x="67"
      inkscape:window-y="27"
      inkscape:window-maximized="1"
@@ -43,190 +43,198 @@
      inkscape:snap-page="true"><inkscape:grid
        type="xygrid"
        id="grid903"
-       originx="-10"
-       originy="-400.00001" /></sodipodi:namedview><g
+       originx="-3.4986323"
+       originy="-416.4963" /></sodipodi:namedview><g
      id="g10"
      inkscape:groupmode="layer"
      inkscape:label="ink_ext_XXXXXX"
-     transform="matrix(1.3333333,0,0,-1.3333333,-10,793.65525)"><g
+     transform="matrix(1.3333333,0,0,-1.3333333,-3.4986322,821.48366)"><g
        id="g12"
        transform="scale(0.1)"><path
-   d="m 8353.327,4644.9587 -594.3482,-613.5483 h -584.5275 l 594.4583,613.5483 h 584.4174"
-   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.17428458"
-   id="path14"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 7104.7143,3995.0181 h -0.5065 l 0.2551,0.2632 z"
-   style="fill:#e84e10;fill-opacity:0.94117647;fill-rule:nonzero;stroke:none;stroke-width:0.92970651"
-   id="path38"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccc" /><path
-   d="m 7122.1432,4031.5026 -0.089,-0.092 h -707.236 V 4761.58 l 707.3254,-730.0775"
-   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99139327"
-   id="path40"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 6963.8256,3976.2429 v -458.6556 h -444.3051 v 458.6556 h 444.3051"
-   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.8773616"
-   id="path42"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 6375.4357,5505.1059 v -648.8741 l -314.3669,324.437 z"
-   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88894331"
-   id="path44"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccc" /><path
-   d="m 6375.438,4802.144 -340.5664,-351.5621 -340.5617,351.5621 340.5617,351.5661 340.5664,-351.5661"
-   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95103633"
-   id="path46"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 6467.1259,3517.5018 v 459.8221 h -419.1557 l -419.1559,-459.7366 c 165.9159,-0.082 672.3958,-0.085 838.3116,-0.085 z"
-   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.62432671"
-   id="path40-9"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 5694.3073,5505.2715 v -649.0397 l 314.447,324.5198 z"
-   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88917029"
-   id="path44-3"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccc" /><path
-   d="m 6061.0688,4355.8472 0.057,-324.4368 h 314.309 z"
-   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88894248"
-   id="path44-3-2"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccc" /><path
-   d="m 6377.0465,4749.6279 v -652.1991 l -315.9777,326.0996 z"
-   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89349842"
-   id="path44-6"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccc" /><path
-   d="M 1411.0592,3000.0006 H 75.000002 v 301.2402 L 1411.0592,3679.8472 Z"
-   style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
-   id="path42-2"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="M 2799.5127,3000.0001 H 1463.4536 v 679.8471 l 1337.1856,-176.7407 z"
-   style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
-   id="path42-2-8"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="M 4161.7691,3000.0001 H 2851.9072 l -1.9071,487.5 1010.5008,-145.6944 301.2682,121.6951 z"
-   style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
-   id="path42-2-7"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccccc" /><path
-   d="M 5576.4198,3000.0001 H 4214.1635 v 490.5439 l 995.495,392.1282 366.7613,-365.0849 z"
-   style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
-   id="path42-2-9"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccccc" /><path
-   d="M 6964.8735,3462.4197 V 3006.851 H 5628.8143 v 455.5687 h 1336.0592"
-   style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
-   id="path42-2-6"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="M 8353.327,3006.851 H 7017.2679 v 455.5687 L 8353.327,3693.369 Z"
-   style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
-   id="path42-2-0"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="M 8353.327,3747.4556 7017.2679,3518.6683 v 458.6556 z"
-   style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52142584"
-   id="path42-2-0-4"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccc" /><path
-   d="M 7318.5361,3977.3239 8353.327,3801.5423 v 175.7816 z"
-   style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.42913055"
-   id="path42-2-0-4-1"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccc" /><path
-   d="m 7921.0725,4031.4667 0.055,-0.057 h 432.1999 v 554.3881 l -537.0433,-554.3881"
-   style="fill:#fbe1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.60585165"
-   id="path40-8"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 7488.8206,4423.5376 -340.5665,-351.5621 -340.5617,351.5621 h 681.1282"
-   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95103633"
-   id="path46-6"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccc" /><path
-   d="m 5692.3231,4750.105 324.591,-335.0722 v -329.5356 l -322.7108,316.7226 -1.8802,347.8852"
-   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.64130735"
-   id="path14-7"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 6021.7728,4017.8888 -419.1558,-459.7364 -353.6626,351.5631 432.2543,432.6932 z"
-   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53091598"
-   id="path42-2-6-9"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
-   d="m 5730.6602,5528.4582 -390.0154,395.9847 h 1388.4536 l -390.5096,-395.9847 c -176.9599,-179.4408 -303.9119,-313.7814 -303.9645,-313.7814 -0.056,0 -135.429,142.6666 -303.9641,313.7814 z"
-   id="path1203"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="sccsss" /><path
-   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
-   d="m 6414.7315,5545.8365 366.7613,378.6065 V 4450.5819 c -275.071,283.9549 -209.5779,216.3467 -366.7613,378.6065 z"
-   id="path1201-3"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:17.28637505;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
-   d="m 6833.8873,4869.7535 c 0,210.3622 -3.2442,396.0299 -1.7601,396.0299 2.375,0 659.3741,-735.7724 705.373,-788.7191 l -349.8633,0.561 h -353.7496 z"
-   id="path1199-9"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="sscccs" /><path
-   d="m 7537.5002,5175.0001 0,-637.5 -705,787.5 v 600 z"
-   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.17428458"
-   id="path14-8"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 7777.5002,4687.5001 v 1237.5 h 570 v -1237.5 z"
-   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.50778055"
-   id="path42-2-6-3"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 6867.6753,5924.8867 0.1097,0.1134 h 871.7325 v -900 l -871.8427,899.8867"
-   style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.22198212"
-   id="path40-0"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:9.15246391;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
-   d="m 7725.0002,4983.3716 -147.062,154.1285 v -600 c 110.2965,115.5963 84.0355,88.0733 147.062,154.1285 z"
-   id="path1201-3-1"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 1410,3712.5001 -847.49999,-225 0,472.5 z"
-   style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.15037227"
-   id="path42-2-0-4-1-7"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccc" /><path
-   style="opacity:1;fill:#fbe1b8;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.37429619;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
-   d="m 525.00001,3975.0001 -450.000008,150 v -787.5 l 450.000008,124.3881 z"
-   id="path1201-3-8"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="ccccc" /><path
-   d="m 5062.5001,4575.0001 -1215,-1185 -2385.0001,360 -1387.499959,450 v 1725 H 5250.0001"
-   style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99139333"
-   id="path40-5"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccccc" /><text
-   xml:space="preserve"
-   style="font-style:normal;font-weight:normal;font-size:93.75px;line-height:40.99999964%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#fdedd5;fill-opacity:0.94117647;stroke:none;stroke-width:7.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-   x="712.34778"
-   y="-4449.6621"
-   id="text862"
-   transform="scale(1,-1)"><tspan
-     sodipodi:role="line"
-     id="tspan860"
-     x="712.34778"
-     y="-4449.6621"
-     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1440px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#fdedd5;fill-opacity:0.94117647;stroke-width:7.5px">M&amp;M</tspan></text>
-
-
-<path
-   style="opacity:1;fill:#fbe1b8;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.6533432;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
-   d="m 5301.9917,5925.0001 172.7542,-187.5 172.7542,-187.5 v -588.75 -588.75 l -217.5,-217.5 -217.5,-217.5 c -410.0572,-168.6865 -824.1217,-327.2105 -1237.5,-487.5 l 1125,1087.5 z"
-   id="path1203-2"
-   inkscape:connector-curvature="0"
-   sodipodi:nodetypes="cccccccccc" /></g></g></svg>
\ No newline at end of file
+         d="m 8335.3454,4798.1624 -595.1505,-620.7555 h -585.3165 l 595.2607,620.7555 h 585.2063"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.18195856"
+         id="path14"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 7078.5791,4120.5393 h -0.5073 l 0.2556,0.2663 z"
+         style="fill:#e84e10;fill-opacity:0.94117647;fill-rule:nonzero;stroke:none;stroke-width:0.93578213"
+         id="path38"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 7102.4996,4177.5001 -0.089,-0.093 h -708.1905 v 738.7467 l 708.2801,-738.6537"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99787205"
+         id="path40"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 6937.5002,4101.5435 v -464.0434 h -444.9049 v 464.0434 h 444.9049"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.88309515"
+         id="path42"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="M 6337.5002,5718.9966 V 5062.5001 L 6022.709,5390.7482 Z"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89475256"
+         id="path44"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 5962.5001,4650.0001 -337.5,337.5 337.5,337.5 337.5001,-337.5 z"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95725137"
+         id="path46"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 6420.0002,3637.5001 v 465 l -457.5001,1.0607 -330,-466.0607 c 166.1399,-0.083 621.3604,0 787.5001,0 z"
+         style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.6284067"
+         id="path40-9"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 5587.5001,5719.164 v -656.6639 l 314.8715,328.332 z"
+         style="fill:#e84e10;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89498103"
+         id="path44-3"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 6000.0001,4575.0001 v -394.33 l 314.7902,-1.1147 c -6.0705,262.4914 -52.96,471.0265 -314.7902,395.4447 z"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89475173"
+         id="path44-3-2"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 6320.8633,4912.5001 -6.073,-732.9447 -314.7902,395.4447 z"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.89933741"
+         id="path44-6"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="M 1387.5,3106.9263 26.145617,3112.5 26.239743,3429.3745 1387.5,3732.5654 Z"
+         style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="M 2775.0001,3109.1558 H 1462.5 v 640.8443 l 525,-112.5001 787.5001,206.4179 z"
+         style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" /><path
+         d="m 4237.5001,3110.2705 h -1387.5 l 0,752.2296 675,150 712.5,-246.8936 z"
+         style="fill:#f7cb87;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-7"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" /><path
+         d="m 5550.0001,3112.5 h -1237.5 l 0,626.1475 618.75,-176.1474 h 618.75 z"
+         style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-9"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" /><path
+         d="m 6937.5002,3105.8115 -1312.5001,-1.1287 0,457.8173 h 1312.5001 z"
+         style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-6"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 8417.4395,3112.5 -1404.9393,-3.3582 v 453.3585 l 1405.2097,262.4998 z"
+         style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5496583"
+         id="path42-2-0"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 8328.8772,3870.0686 -1316.377,-232.5685 v 465 z"
+         style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.53136837"
+         id="path42-2-0-4"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 7290.0002,4106.2559 1127.4393,-188.0235 1.5764,187.55 z"
+         style="fill:#fce7c6;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.49430776"
+         id="path42-2-0-4-1"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 7928.737,4175.1068 0.056,-0.059 490.363,0.083 -1.6663,624.8689 -595.4746,-624.9521"
+         style="fill:#fce7c6;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.61935329"
+         id="path40-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 7447.5002,4575.0001 -322.5,-337.5 -300,337.5 h 622.5"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95725137"
+         id="path46-6"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         d="m 5925.0001,4575.0001 0,-392.8359 -337.5,280.3359 0,450 z"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.64549828"
+         id="path14-7"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 5887.5001,4125.0001 -337.5,-487.5 h -600 l 600,766.3199 z"
+         style="fill:#fbe1b8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5409205"
+         id="path42-2-6-9"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         style="opacity:1;fill:#fef6eb;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.25494003;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="m 5234.2851,6184.7748 1476.9917,14.5116 -447.5529,-438.1391 c -176.9133,-173.1921 -301.1716,-305.5968 -301.2238,-305.5968 -242.6593,249.8656 -457.1495,460.2945 -728.215,729.2243 z"
+         id="path1203"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccscc" /><path
+         style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.84425163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="m 6396.6887,5762.3467 353.3115,363.8943 V 4650.0001 l -351.0821,375 z"
+         id="path1201-3"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:17.39934158;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="m 6825.0002,5400.0001 c 0,0 591.4391,-696.4314 637.5,-750 l -320.7729,0 h -316.7271 z"
+         id="path1199-9"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 7462.5002,5400.0001 0,-637.5 -637.5,750 0,600 z"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.16200352"
+         id="path14-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 7800.0002,4875.0001 0,1295.0654 600,3.3442 0,-1298.4097 z"
+         style="fill:#fef6eb;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.52054787"
+         id="path42-2-6-3"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 6839.0906,6172.2949 v 0 l 885.9096,-2.2294 0,-920.0654 -885.9096,922.2948"
+         style="fill:#fef6eb;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.21138752"
+         id="path40-0"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         style="opacity:1;fill:#fdedd5;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:9.21227551;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="m 7725.0002,5137.5001 -187.5,199.7622 v -649.7622 l 187.5,206.4178 z"
+         id="path1201-3-1"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="M 1387.5,3787.5001 562.50001,3617.6989 v 448.4953 z"
+         style="fill:#f9d59e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.09587288"
+         id="path42-2-0-4-1-7"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" /><path
+         style="opacity:1;fill:#f9d59e;fill-opacity:1;fill-rule:evenodd;stroke:#cc2200;stroke-width:22.52051163;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+         d="m 487.50001,4087.5001 -465.000009,165 V 3480 l 465.000009,120.0001 z"
+         id="path1201-3-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" /><path
+         d="m 5137.5001,4012.5001 -262.5,-337.5001 -1350,412.5001 L 1987.5,3712.5 -7.4999957e-7,4312.5001 l -8.5e-13,1875 4650.00010075000045,0 487.5,-525"
+         style="fill:#e84e10;fill-opacity:0.94117647;fill-rule:nonzero;stroke:none;stroke-width:0.99139333"
+         id="path40-5"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccc" /><path
+         d="m 5512.5001,5775.0001 v -1312.5 l -300,-375 0,1612.5 -450,487.5 354.5057,0 z"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.64549828"
+         id="path14-7-9"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccc" /><path
+         d="m 3713.6828,5316.7522 -83.8442,-754.3526 h -246.7035 l 154.6653,1130.8901 h 244.3623 l 250.2641,-653.9642 246.7034,653.9642 h 251.4839 l 148.7142,-1130.8901 h -247.874 l -81.4542,762.6005 -220.804,-580.8213 H 3926.195 l -212.5122,572.5734"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.87749052"
+         id="path28"
+         inkscape:connector-curvature="0" /><path
+         d="m 2642.9272,4728.8244 c 48.4335,0 90.9163,14.1934 131.0581,40.1417 l -266.7988,275.0857 c -41.3123,-34.24 -62.5782,-80.2689 -62.5782,-139.2963 0,-106.2757 85.0147,-175.9311 198.3189,-175.9311 z m -432.0483,151.1047 c 0,122.7567 64.9195,234.9585 173.5417,298.6927 -63.7494,80.2883 -95.6482,155.8504 -95.6482,230.2322 0,96.7694 33.0694,173.4923 99.16,233.7197 67.3094,61.3685 154.6647,92.082 263.2865,92.082 253.8246,0 380.1028,-101.5346 399.0275,-317.5734 H 2788.13 c -7.0724,82.6344 -54.2865,126.3416 -136.9111,126.3416 -66.1388,0 -116.8648,-41.366 -116.8648,-113.3675 0,-57.8422 22.4366,-96.8036 97.9889,-174.7117 l 275.0416,-283.3335 c 18.876,66.1533 28.3383,135.7894 28.3383,213.6975 h 247.9229 c 0,-139.3157 -36.63,-267.9791 -111.0117,-386.068 l 230.2181,-237.2411 h -326.9876 l -63.7483,63.7488 c -83.844,-59.0616 -175.9316,-88.5753 -279.7733,-88.5753 -118.0841,0 -219.5847,29.5137 -301.0383,89.7556 -81.4546,61.3491 -120.4258,145.2029 -120.4258,252.6004"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.87749052"
+         id="path30"
+         inkscape:connector-curvature="0" /><path
+         d="m 1737.4696,5325.0001 -220.7552,-580.8213 h -203.05 l -212.4634,572.5734 -85.0147,-754.3526 H 770.6534 l 154.61644,1130.8901 h 244.36236 l 249.0939,-653.9642 247.9224,653.9642 h 251.4347 l 148.7634,-1130.8901 h -247.9228 l -81.4542,762.6005"
+         style="fill:#fdedd5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.87749052"
+         id="path34"
+         inkscape:connector-curvature="0" /><flowRoot
+         xml:space="preserve"
+         id="flowRoot1023"
+         style="fill:black;stroke:none;stroke-opacity:1;stroke-width:1px;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:29.33333333px;line-height:40.99999964%;letter-spacing:0px;word-spacing:0px;-inkscape-font-specification:'sans-serif, Normal';font-stretch:normal;font-variant:normal;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal"><flowRegion
+           id="flowRegion1025"><rect
+             id="rect1027"
+             width="210"
+             height="140"
+             x="246.50137"
+             y="481.48367" /></flowRegion><flowPara
+           id="flowPara1029"></flowPara></flowRoot></g></g></svg>
\ No newline at end of file
diff --git a/mamweb/templates/base.html b/mamweb/templates/base.html
index b2208795..a5f3ceb8 100644
--- a/mamweb/templates/base.html
+++ b/mamweb/templates/base.html
@@ -71,6 +71,32 @@
 
 	  {% sitetree_menu from "main_menu" include "trunk" template "menu.html" %}
 
+          {# ========= MENU MOBILE ========== #}
+
+<!--Navbar-->
+<nav class="nav-button">
+
+  <!-- Collapse button -->
+  <button class="navbar-toggler toggler-example" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1"
+    aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"><span class="dark-blue-text"><i
+        class="fas fa-bars fa-1x"></i></span></button>
+
+  <!-- Collapsible content -->
+  <div class="collapse navbar-collapse" id="navbarSupportedContent1">
+
+    <!-- Links -->
+    {% sitetree_menu from "main_menu" include "trunk" template "menu_mobile.html" %}
+    <!-- Links -->
+
+  </div>
+  <!-- Collapsible content -->
+
+</nav>
+<!--/.Navbar-->
+          
+
+          {# ========= MENU  END ========== #}
+
 	<div class='row content'>
 	<div class='col-md-12'>
 	    {% block content %}
diff --git a/mamweb/templates/menu_mobile.html b/mamweb/templates/menu_mobile.html
new file mode 100644
index 00000000..b2040cd3
--- /dev/null
+++ b/mamweb/templates/menu_mobile.html
@@ -0,0 +1,18 @@
+{% load sitetree %}
+{% spaceless %}
+{% autoescape off %}
+<ul class="menu_mobile">
+    {% for item in sitetree_items %}
+        <li class="{% if item.has_children %}dropdown{% endif %} {% if item.is_current or item.in_current_branch %}active{% endif %}">
+            <a href="{% if item.has_children %}#{% else %}{% sitetree_url for item %}{% endif %}" {% if item.has_children %}class="dropdown-toggle" data-toggle="dropdown"{% endif %}>
+                {{ item.title_resolved }}
+                {% if item.has_children %}<b class="caret"></b>{% endif %}
+            </a>
+            {% if item.has_children %}
+                {% sitetree_children of item for menu template "sitetree/menu_bootstrap_dropdown.html" %}
+            {% endif %}
+        </li>
+    {% endfor %}
+</ul>
+{% endautoescape %}
+{% endspaceless %}
diff --git a/mamweb/templates/menu_mobile_dropdown.html b/mamweb/templates/menu_mobile_dropdown.html
new file mode 100644
index 00000000..2bd722c5
--- /dev/null
+++ b/mamweb/templates/menu_mobile_dropdown.html
@@ -0,0 +1,8 @@
+{% load sitetree %}
+<ul class="submenu_mobile">
+    {% for item in sitetree_items %}
+        <li {% if item.is_current or item.in_current_branch %}class="active"{% endif %}>
+            <a href="{% sitetree_url for item %}" {% if item.hint %}title="{{ item.hint }}"{% endif %}>{{ item.title_resolved }}</a>
+        </li>
+    {% endfor %}
+</ul>