diff --git a/index.html b/index.html
index 9749d36..3a0c7c2 100755
--- a/index.html
+++ b/index.html
@@ -51,6 +51,32 @@
 	<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">
+	
+	<style>
+.bubble {
+  position: relative;
+  display: inline-block;
+  border-bottom: none;
+}
+
+.bubble .bubbletext {
+  visibility: hidden;
+  width: 120px;
+  background-color: black;
+  color: #fff;
+  text-align: center;
+  border-radius: 0px;
+  padding: 5px 0;
+
+  /* Position the tooltip */
+  position: absolute;
+  z-index: 1;
+}
+
+.bubble:hover .bubbletext {
+  visibility: visible;
+}
+</style>
     
 	<!-- SCRIPTS -->
 	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@@ -143,13 +169,13 @@
 					<div class="pull-right">
 						<nav class="navmenu center navigace">
 							<ul class="menu">
-								<li class="first active scroll_btn"><a href="#home" ><small><i class="fa fa-slideshare"></i><span>A</span></small></a></li>
-								<li class="scroll_btn"><a href="#about" ><small><i class="fa fa-film"></i><span>F</span></small></a></li>
-								<li class="scroll_btn"><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>K</span></small></a></li>
-								<li class="scroll_btn"><a href="#team" ><small><i class="fa fa-users"></i><span>Z</span></small></a></li>
-								<li class="scroll_btn"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>M</span></small></a></li>
-								<li class="scroll_btn last"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>D</span></small></a></li>
-								<li class="sub-menu">
+								<li class="first active scroll_btn bubble"><span class="bubbletext"><i class="fa fa-slideshare"></i> Projekt</span><a href="#home" ><small><i class="fa fa-slideshare"></i><span>P</span></small></a></li>
+								<li class="scroll_btn bubble" title="Film"><span class="bubbletext"><i class="fa fa-film"></i> Film</span><a href="#about" ><small><i class="fa fa-film"></i><span>F</span></small></a></li>
+								<li class="scroll_btn bubble"><span class="bubbletext"><i class="fa fa-bar-chart"></i> Koncepce</span><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>K</span></small></a></li>
+								<li class="scroll_btn bubble"><a href="#team" ><small><i class="fa fa-users"></i><span>Z</span></small></a></li>
+								<li class="scroll_btn bubble"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>M</span></small></a></li>
+								<li class="scroll_btn last bubble"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>D</span></small></a></li>
+								<li class="sub-menu bubble">
 									<a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>P</span></a>
 									<ul>
 										<li><a href="blog.html" ><big><i class="fl-gitea"></i></big> RSS <i class="fa fa-rss"></i></a></li>
@@ -236,26 +262,48 @@
 				<div class="container">
 					<!-- ROW -->
 					<div class="row">
-						<div class="col-lg-4 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
+					<div class="col-lg-6 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
 						<small><big><i class="fa fa-server"></i> <i class="fl-debian"></i></big> nudista &middot; online</small>
 							<a class="services_item" href="javascript:void(0);" >
-								<p><i class="bi bi-1-square-fill"></i> <b>Akce</b> Nudist@nline &sup1;&dash;&sup3;</p>
+								<p><i class="bi bi-1-square-fill"></i> <b>Příprava</b> Filmu</p>
 								<span>Everyone has a data center these days! I'm tempted by the idea of building my own... That's my plan!</span>
 							</a>
 						</div>
-						<div class="col-lg-4 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
+						<div class="col-lg-6 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
 						<small>192.168.1.51</small>
 							<a class="services_item" href="javascript:void(0);" >
-								<p><i class="bi bi-2-square-fill"></i> <b>Produkce</b> Nudist@nline &sup2;&dash;&sup3;</p>
+								<p><i class="bi bi-2-square-fill"></i> <b>Realizace</b> Filmu</p>
 								<span>Quality and unique design that meets all the requirements and trends of modern web design.</span>
 							</a>
 						</div>
-						<div class="col-lg-4 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
-						<small>192.168.1.52</small>
-							<a class="services_item" href="javascript:void(0);" >
-								<p><i class="bi bi-3-square-fill"></i> <b>Koncepce</b> Nudist@nline &sup3;&dash;&sup3;</p>
-								<span>Design that will be equally beautifully displayed on all your devices, tablet, smartphone or computer.</span>
-							</a>
+					</div>
+					<!-- ROW -->
+					<div class="row">
+					  <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
+						<ul>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						</ul>
+						</div>
+						<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
+						<ul>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						</ul>
+						</div>
+						<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
+						<ul>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						</ul>
+						</div>
+						<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
+						<ul>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
+						</ul>
 						</div>
 					</div><!-- //ROW -->
 				</div><!-- //CONTAINER -->