diff --git a/javascript/mozi/index.html b/javascript/mozi/index.html
index 9cff792..80156c5 100644
--- a/javascript/mozi/index.html
+++ b/javascript/mozi/index.html
@@ -8,16 +8,18 @@
         <title>Mozi</title>
     </head>
     <body onload="ulohelyekGeneralas()">
-        <div class="container">
-            <header>
-                <nav>
-                    Mozis mozi mozizó
-                    <div><!--masik flexbox, a navmenuk divek lesznek-->
-
-                    </div>
-                </nav>
-            </header>
-            <main>
+        <div class="container-fluid">
+            <nav>
+                <div class="flex-container2 container-fluid"><!--masik flexbox, a navmenuk divek lesznek-->
+                    <p>Mozis mozi mozizó</p>
+                    <div id="kezdolap"><a href="">Kezdőlap</a></div>
+                    <div id="mozimusor"><a href="">Moziműsor</a></div>
+                    <div id="programok"><a href="">Programok</a></div>
+                    <div id="jegyinfo"><a href="">Jegyinfó</a></div>
+                    <div id="ugyfelszolgalat"><a href="">Ügyfélszolgálat</a></div>
+                </div>
+            </nav><br><br>
+            <main class="container-fluid">
                 <!--<button class="btn btn-primary" onclick="ulohelyekGeneralas()">Generalás</button>-->
                 <button class="btn btn-primary" onclick="leFoglalas()">Lefoglalás</button>
                 <button class="btn btn-primary" onclick="legutobbiFoglalasVisszaMondas()">Legutóbbi foglalás visszamondása</button>
@@ -27,8 +29,13 @@
                     <div id="filmLeiras"></div>
                     <div id="filmKezdet"></div>
                 </div>               
-                <div class="flex-container" id="szekek"></div>
+                <div class="flex-container container-fluid" id="szekek"></div>
             </main>
+            <footer>
+                <div id="elerhetosegek">
+                    bsad
+                </div>
+            </footer>
         </div>
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
         <script src="script.js"></script>
diff --git a/javascript/mozi/style.css b/javascript/mozi/style.css
index dd49deb..80a8eb1 100644
--- a/javascript/mozi/style.css
+++ b/javascript/mozi/style.css
@@ -4,10 +4,47 @@ body{
     margin-top: 1%;
     margin-bottom: 1%;*/
     margin: 1%;
+    background-color: darkslategray;
+}
+
+nav{
+    background-color: darkolivegreen;
+    width: 100%;
+}
+
+footer{
+    background-color: darkolivegreen;
+}
+
+.flex-container2{
+    display: flex;
+    /*background-color: yellow;*/
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: end;
+    padding: 1%;
+}
+
+.flex-container2 div{
+    background-color: cadetblue;
+    /*width: 5%;*/
+    margin: 1%;
+    padding: 1%;
+    text-align: center;
+    font-size: 30px;
+}
+
+.flex-container2 p{
+    justify-content: flex-start;
+    font-weight: 600;
+    font-size: 30px;
+    padding-top: 0.6%;
+    line-height: 75px;
 }
 
 .flex-container {
     display: flex;
+    width: 100%;
     /*background-color: DodgerBlue;*/
     flex-direction: column;
     flex-wrap: wrap;
@@ -18,9 +55,11 @@ body{
 .szek{
     background-color: #f1f1f1;
     width: 5%;
-    margin: 1%;
+    height: 10%;
+    margin-left: 5%;
+    margin-bottom: 1%;
     text-align: center;
-    line-height: 65px;
+    /*line-height: 65px;*/
     font-size: 30px;
 }
 
@@ -38,4 +77,14 @@ body{
 
 .ideiglenes{
     background-color: darkturquoise;
+}
+
+a:link{
+    text-decoration: none;
+    color: black;
+
+}
+
+a{
+    color: black;
 }
\ No newline at end of file
