diff --git a/blog-post.html b/blog-post.html
index 6210c9c..c17e0bd 100755
--- a/blog-post.html
+++ b/blog-post.html
@@ -30,8 +30,8 @@
     console.log("Detekován počítač");
       document.write("<style>");
       document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
-      document.write(".menu a span {display:none;}");
-      document.write(".menu a:hover span {display:block;}");
+      document.write(".menu a span {display:block;}");
+      document.write(".menu a:hover span {display:none;}");
       document.write("</style>");
       document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
   }
@@ -45,8 +45,11 @@
 	<link href="css/style.css" rel="stylesheet" type="text/css" />
     
 	<!-- FONTS -->
-	<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
-	<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">	
+	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
+	<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
+	<link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
+	<link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
+	<link href="lib/boxicons-2.1.4/css/boxicons.min.css" rel="stylesheet">	
     
 	<!-- SCRIPTS -->
 	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@@ -103,22 +106,21 @@
 						</form>
 					</div><!-- SEARCH FORM -->
 					
-					<!-- MENU -->
 					<div class="pull-right">
 						<nav class="navmenu center">
-							<ul>
-								<li class="first scroll_btn"><a href="index.html">Home</a></li>
-								<li class="scroll_btn"><a href="index.html#about">About Us</a></li>
-								<li class="scroll_btn"><a href="index.html#projects">Projects</a></li>
-								<li class="scroll_btn"><a href="index.html#team">Team</a></li>
-								<li class="scroll_btn"><a href="index.html#news">News</a></li>
-								<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li>
-								<li class="sub-menu active">
-									<a href="javascript:void(0);">Pages</a>
+							<ul class="menu" style="margin-top: -9px;">
+								<li class="first active scroll_btn"><a href="#home" ><i class="fa fa-slideshare"></i><span>A51</span></a></li>
+								<li class="scroll_btn"><a href="#about" ><i class="fa fa-film"></i><span>Film</span></a></li>
+								<li class="scroll_btn"><a href="#projects" ><i class="fa fa-bar-chart"></i><span>Koncept</span></a></li>
+								<li class="scroll_btn"><a href="#team" ><i class="fa fa-users"></i><span>Zdroje</span></a></li>
+								<li class="scroll_btn"><a href="#news" ><i class="fa fa-map-marker"></i><span>Mapa</span></a></li>
+								<li class="scroll_btn last"><a href="#contacts" ><i class="fa fa-envelope"></i><span>Dotaz</span></a></li>
+								<li class="sub-menu">
+									<a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>3D</span></a>
 									<ul>
-										<li><a href="blog.html">Blog</a></li>
-										<li class="active"><a href="blog-post.html">Blog Post</a></li>
-										<li><a href="portfolio-post.html">Portfolio Single Work</a></li>
+										<li><a href="blog.html" ><i class="bi bi-badge-3d-fill"></i> <small>Scény</small> <big><i class="bx bxl-blender"></i></big></a></li>
+										<li><a href="blog-post.html" ><i class="bi bi-badge-4k-fill"></i> <small>Videa</small> <big><i class="bx bxs-video-recording"></i></big></a></li>
+										<li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
 									</ul>
 								</li>
 							</ul>
diff --git a/blog.html b/blog.html
index 5cc35c6..c9b47ff 100755
--- a/blog.html
+++ b/blog.html
@@ -30,8 +30,8 @@
     console.log("Detekován počítač");
       document.write("<style>");
       document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
-      document.write(".menu a span {display:none;}");
-      document.write(".menu a:hover span {display:block;}");
+      document.write(".menu a span {display:block;}");
+      document.write(".menu a:hover span {display:none;}");
       document.write("</style>");
       document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
   }
@@ -141,19 +141,19 @@
 					<!-- MENU -->
 					<div class="pull-right">
 						<nav class="navmenu center">
-							<ul class="menu">
-								<li class="first scroll_btn"><a href="index.html"><i class="fa fa-slideshare"></i><span>Start</span></a></li>
-								<li class="scroll_btn"><a href="index.html#about"><i class="fa fa-film"></i><span>Film</span></a></li>
-								<li class="scroll_btn"><a href="index.html#projects"><i class="fa fa-bar-chart"></i><span>Koncept</span></a></li>
-								<li class="scroll_btn"><a href="index.html#team"><i class="fa fa-users"></i><span>Zdroje</span></a></li>
-								<li class="scroll_btn"><a href="index.html#news"><i class="fa fa-map-marker"></i><span>Lokace</span></a></li>
-								<li class="scroll_btn last"><a href="index.html#contacts"><i class="fa fa-envelope"></i><span>Kontakt</span></a></li>
-								<li class="sub-menu active">
-									<a href="javascript:void(0);"><i class="fa fa-cube"></i><span>3D</span></a>
+							<ul class="menu" style="margin-top: -9px;">
+								<li class="first active scroll_btn"><a href="#home" ><i class="fa fa-slideshare"></i><span>A51</span></a></li>
+								<li class="scroll_btn"><a href="#about" ><i class="fa fa-film"></i><span>Film</span></a></li>
+								<li class="scroll_btn"><a href="#projects" ><i class="fa fa-bar-chart"></i><span>Koncept</span></a></li>
+								<li class="scroll_btn"><a href="#team" ><i class="fa fa-users"></i><span>Zdroje</span></a></li>
+								<li class="scroll_btn"><a href="#news" ><i class="fa fa-map-marker"></i><span>Mapa</span></a></li>
+								<li class="scroll_btn last"><a href="#contacts" ><i class="fa fa-envelope"></i><span>Dotaz</span></a></li>
+								<li class="sub-menu">
+									<a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>3D</span></a>
 									<ul>
-										<li class="active"><a href="blog.html">Blog <i class="fa fa-rss"></i></a></li>
-										<li><a href="blog-post.html">Blog Post</a></li>
-										<li><a href="portfolio-post.html">Portfolio Single Work</a></li>
+										<li><a href="blog.html" ><i class="bi bi-badge-3d-fill"></i> <small>Scény</small> <big><i class="bx bxl-blender"></i></big></a></li>
+										<li><a href="blog-post.html" ><i class="bi bi-badge-4k-fill"></i> <small>Videa</small> <big><i class="bx bxs-video-recording"></i></big></a></li>
+										<li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
 									</ul>
 								</li>
 							</ul>
diff --git a/index.html b/index.html
index 7b4090c..f9686e3 100755
--- a/index.html
+++ b/index.html
@@ -30,8 +30,8 @@
     console.log("Detekován počítač");
       document.write("<style>");
       document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
-      document.write(".menu a span {display:none;}");
-      document.write(".menu a:hover span {display:block;}");
+      document.write(".menu a span {display:block;}");
+      document.write(".menu a:hover span {display:none;}");
       document.write("</style>");
       document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
   }
@@ -141,7 +141,7 @@
 					<!-- MENU -->
 					<div class="pull-right">
 						<nav class="navmenu center">
-							<ul class="menu">
+							<ul class="menu" style="margin-top: -9px;">
 								<li class="first active scroll_btn"><a href="#home" ><i class="fa fa-slideshare"></i><span>A51</span></a></li>
 								<li class="scroll_btn"><a href="#about" ><i class="fa fa-film"></i><span>Film</span></a></li>
 								<li class="scroll_btn"><a href="#projects" ><i class="fa fa-bar-chart"></i><span>Koncept</span></a></li>
diff --git a/portfolio-post.html b/portfolio-post.html
index 7252a09..16f3ccf 100755
--- a/portfolio-post.html
+++ b/portfolio-post.html
@@ -30,8 +30,8 @@
     console.log("Detekován počítač");
       document.write("<style>");
       document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
-      document.write(".menu a span {display:none;}");
-      document.write(".menu a:hover span {display:block;}");
+      document.write(".menu a span {display:block;}");
+      document.write(".menu a:hover span {display:none;}");
       document.write("</style>");
       document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
   }
@@ -45,8 +45,11 @@
 	<link href="css/style.css" rel="stylesheet" type="text/css" />
     
 	<!-- FONTS -->
-	<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
-	<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">	
+	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
+	<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
+	<link href="lib/font-logos/assets/font-logos.css" rel="stylesheet">
+	<link href="lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel="stylesheet">
+	<link href="lib/boxicons-2.1.4/css/boxicons.min.css" rel="stylesheet">	
     
 	<!-- SCRIPTS -->
 	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@@ -106,19 +109,19 @@
 					<!-- MENU -->
 					<div class="pull-right">
 						<nav class="navmenu center">
-							<ul>
-								<li class="first scroll_btn"><a href="index.html">Home</a></li>
-								<li class="scroll_btn"><a href="index.html#about">About Us</a></li>
-								<li class="scroll_btn"><a href="index.html#projects">Projects</a></li>
-								<li class="scroll_btn"><a href="index.html#team">Team</a></li>
-								<li class="scroll_btn"><a href="index.html#news">News</a></li>
-								<li class="scroll_btn last"><a href="index.html#contacts">Contacts</a></li>
-								<li class="sub-menu active">
-									<a href="javascript:void(0);">Pages</a>
+							<ul class="menu" style="margin-top: -9px;">
+								<li class="first active scroll_btn"><a href="#home" ><i class="fa fa-slideshare"></i><span>A51</span></a></li>
+								<li class="scroll_btn"><a href="#about" ><i class="fa fa-film"></i><span>Film</span></a></li>
+								<li class="scroll_btn"><a href="#projects" ><i class="fa fa-bar-chart"></i><span>Koncept</span></a></li>
+								<li class="scroll_btn"><a href="#team" ><i class="fa fa-users"></i><span>Zdroje</span></a></li>
+								<li class="scroll_btn"><a href="#news" ><i class="fa fa-map-marker"></i><span>Mapa</span></a></li>
+								<li class="scroll_btn last"><a href="#contacts" ><i class="fa fa-envelope"></i><span>Dotaz</span></a></li>
+								<li class="sub-menu">
+									<a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>3D</span></a>
 									<ul>
-										<li><a href="blog.html">Blog</a></li>
-										<li><a href="blog-post.html">Blog Post</a></li>
-										<li class="active"><a href="portfolio-post.html">Portfolio Single Work</a></li>
+										<li><a href="blog.html" ><i class="bi bi-badge-3d-fill"></i> <small>Scény</small> <big><i class="bx bxl-blender"></i></big></a></li>
+										<li><a href="blog-post.html" ><i class="bi bi-badge-4k-fill"></i> <small>Videa</small> <big><i class="bx bxs-video-recording"></i></big></a></li>
+										<li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
 									</ul>
 								</li>
 							</ul>