diff --git a/24-25.jpg b/24-25.jpg
new file mode 100644
index 0000000..76e7f8b
Binary files /dev/null and b/24-25.jpg differ
diff --git a/286-287.jpg b/286-287.jpg
new file mode 100644
index 0000000..346da9a
Binary files /dev/null and b/286-287.jpg differ
diff --git a/304-305.jpg b/304-305.jpg
new file mode 100644
index 0000000..c606702
Binary files /dev/null and b/304-305.jpg differ
diff --git a/318-319.jpg b/318-319.jpg
new file mode 100644
index 0000000..ba11b42
Binary files /dev/null and b/318-319.jpg differ
diff --git a/35-36.jpg b/35-36.jpg
new file mode 100644
index 0000000..25d833b
Binary files /dev/null and b/35-36.jpg differ
diff --git a/86-87.jpg b/86-87.jpg
new file mode 100644
index 0000000..695f628
Binary files /dev/null and b/86-87.jpg differ
diff --git a/index.html b/index.html
index 5c2f696..785a037 100644
--- a/index.html
+++ b/index.html
@@ -76,7 +76,7 @@
         .paramery{
             height: 50vh;
             padding-top: 10px;
-            background-color: sienna;
+            background-color: grey;
             width: 100%;
         
 
@@ -118,6 +118,9 @@
             width: 100%;
 
         }
+        .gallery{
+            width: 90%;
+        }
 
         @media screen and (max-width: 1550px) {
             h3{
@@ -126,12 +129,21 @@
             
         }
 
-        @media screen and (max-width: 1550px) {
+        @media screen and (max-width: 800px) {
             h3{
                 font-size: 1.3rem;
             }
+            h4{
+                font-size: 1.1rem;
+            }
+            .sirka{
+                width: 100%;
+            }
+            .gallery{
+                width: 50%;
+            }
+       }
             
-        }
     
        
 
@@ -144,23 +156,19 @@
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="#">Navbar</a>
+        <a class="navbar-brand" href="#">Nakladatelství</a>
       
         <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
           <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
             <li class="nav-item active">
-              <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+              <a class="nav-link" href="#">Katalog <span class="sr-only">(current)</span></a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="#">Link</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link disabled" href="#">Disabled</a>
+              <a class="nav-link" href="#">O nás</a>
             </li>
           </ul>
           <form class="form-inline my-2 my-lg-0">
-            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
-            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+            
           </form>
         </div>
       </nav>
@@ -260,15 +268,16 @@ Bowman spends months on the ship alone, slowly approaching Iapetus. During his a
             
     
         </div>
-        
         <div class="row as">
             <div class="col-md-12">
                 <div class="leva1">
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
-                    <h4>A Space Odyssey explores technological advancement: its promise and its danger.</h4>
+                    <h4>2001: A Space Odyssey explores technological advancement: its promise and its danger.
+                        <h4>The book explores the perils related to the atomic age.</h4>
+                        <h4>story follows the growth of human civilization from primitive hominids. Distinctively, Space Odyssey is concerned about not only the evolution that has led to the development of humanity, but also the evolution that humanity might undergo in the future.</h4> 
+                        <h4>Odyssey offers one such vision, offering a glimpse at what space exploration might one day become. Lengthy journeys, such as manned flights to Saturn, and advanced technologies, such as suspended animation, are described in the novel.</h4> 
+                        <h4> book raises questions about consciousness, sentience, and human interactions with machines. Hal's helpful disposition contrasts with his malevolent behaviour.</h4>
+                        <h4>The novel is deliberately written so as to give the reader an almost kinesthetic familiarity with the experience of space travel and the technologies encountered. Large sections of the novel are devoted to detailed descriptions of these.</h4>
+                    
                   
 
                 </div>
@@ -279,6 +288,63 @@ Bowman spends months on the ship alone, slowly approaching Iapetus. During his a
             
             
         </div>
+        <div class="obrazek">
+            <h1>Prolistuj si</h1>
+            
+    
+        </div>
+        <div class="row">
+            <div class="col-md-4">
+                        <div class="leva1">
+                            <div class="gallery">
+                                <a target="_blank" href="24-25.jpg">
+                                  <img src="24-25.jpg">
+                                </a>
+                              </div>
+                          
+        
+                        </div>
+                        
+                        
+                   
+                
+            
+            </div>
+            <div class="col-md-4">
+                <div class="leva1">
+                    <div class="gallery">
+                        <a target="_blank" href="24-25.jpg">
+                          <img src="24-25.jpg">
+                        </a>
+                      </div>
+                  
+
+                </div>
+                  
+                
+            </div>
+            <div class="col-md-4">
+                <div class="leva1">
+                    <div class="gallery">
+                        <a target="_blank" href="24-25.jpg">
+                          <img src="24-25.jpg">
+                        </a>
+                      </div>
+                  
+
+                </div>
+                
+                
+                
+            </div>
+            
+            
+            <div class="col-md-2">
+                
+            </div>
+    </div>
+        
+        
         <div class="obrazek">
             <h1>o autorovi</h1>