diff --git a/kawiarnia.css b/kawiarnia.css
index 2aac91f..44325ed 100644
--- a/kawiarnia.css
+++ b/kawiarnia.css
@@ -13,11 +13,13 @@
         bottom: 0;
         width: 100%;
         height: 100%;
+
         & > img {
             width: 100%;
             height: 100%;
             object-fit: cover;
         }
+
         & > div {
             position: absolute;
             bottom: 0;
@@ -40,6 +42,7 @@
         & > h1 {
             line-height: unset;
         }
+
         & > * {
             max-width: 32rem;
             margin: 0;
@@ -64,12 +67,14 @@
     justify-content: center;
     align-items: center;
     gap: 2rem;
-    & > div{
+
+    & > div {
         justify-content: center;
         display: grid;
         grid-template-columns: repeat(auto-fill, 18rem);
         width: 100%;
         gap: 2rem;
+
         & > div {
             background-color: white;
             border-radius: var(--border-radius);
@@ -98,14 +103,80 @@
                     align-items: center;
                     justify-content: space-between;
                     font-weight: bolder;
+
                     & > span {
                         color: var(--primary);
                     }
-                    &:not(:last-child){
+
+                    &:not(:last-child) {
                         border-bottom: 1px dashed var(--on-surface-variant);
                     }
                 }
             }
         }
     }
-}
\ No newline at end of file
+}
+
+#kawiarnia-details {
+    background-color: var(--surface-container-low);
+
+    & > div {
+
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        justify-content: center;
+        gap: 2rem;
+        width: 100%;
+        @media (max-width: 786px) {
+            grid-template-columns: 1fr;
+        }
+        & > div:first-child {
+            grid-column: 1/ -1;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+        }
+
+        & > div:not(:first-child) {
+            padding: 2rem;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: flex-start;
+            gap: 2rem;
+            background-color: white;
+            border-radius: var(--border-radius);
+
+            & > svg {
+                --icon-color: var(--primary);
+                padding: 1rem;
+                overflow: visible;
+                color: var(--icon-color);
+                background-color: rgb(from var(--icon-color) r g b / 10%);
+                border-radius: var(--border-radius);
+            }
+
+            & > ul {
+                width: 100%;
+
+                & > li {
+                    display: flex;
+                    justify-content: space-between;
+                    padding: 1rem 0;
+
+                    &:not(:last-child) {
+                        border-bottom: 1px dashed var(--on-surface-variant);
+                    }
+                }
+            }
+
+            & > a {
+                color: var(--primary);
+                text-decoration: none;
+                font-size: 1.25rem;
+            }
+
+        }
+    }
+}
diff --git a/kawiarnia.html b/kawiarnia.html
index dd07d89..aec9178 100644
--- a/kawiarnia.html
+++ b/kawiarnia.html
@@ -38,34 +38,90 @@
     <section id="kawiarnia-content">
         <h2>Nasza karta</h2>
         <div>
+            <div>
+                <svg style="--icon-color: var(--primary)" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                     viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                     stroke-linejoin="round" class="lucide lucide-coffee-icon lucide-coffee">
+                    <path d="M10 2v2"/>
+                    <path d="M14 2v2"/>
+                    <path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"/>
+                    <path d="M6 2v2"/>
+                </svg>
+                <h3>Kawy</h3>
+                <ul>
+                    <li><p>Espresso</p><span>6 PLN</span></li>
+                    <li><p>Espresso Affogato</p><span>12 PLN</span></li>
+                    <li><p>Espresso Gourmet</p><span>16 PLN</span></li>
+                    <li><p>Amerikana</p><span>8 PLN</span></li>
+                    <li><p>Flat White</p><span>10 PLN</span></li>
+                    <li><p>Cappucino</p><span>10 PLN</span></li>
+                    <li><p>Caffee Latte</p><span>12 PLN</span></li>
+                    <li><p>Latte Macchiato</p><span>12 PLN</span></li>
+                    <li><p>Kawa Mrożona</p><span>18 PLN</span></li>
+                </ul>
+            </div>
+            <div>
+                <h3>Herbaty</h3>
+            </div>
+            <div>
+                <h3>Przekąski</h3>
+            </div>
+            <div>
+                <h3>Lody</h3>
+            </div>
+            <div>
+                <h3>Gofry</h3>
+            </div>
+        </div>
+    </section>
+    <section id="kawiarnia-details">
         <div>
-            <svg style="--icon-color: var(--primary)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coffee-icon lucide-coffee"><path d="M10 2v2"/><path d="M14 2v2"/><path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"/><path d="M6 2v2"/></svg>
-            <h3>Kawy</h3>
-            <ul>
-                <li><p>Espresso</p><span>6 PLN</span></li>
-                <li><p>Espresso Affogato</p><span>12 PLN</span></li>
-                <li><p>Espresso Gourmet</p><span>16 PLN</span></li>
-                <li><p>Amerikana</p><span>8 PLN</span></li>
-                <li><p>Flat White</p><span>10 PLN</span></li>
-                <li><p>Cappucino</p><span>10 PLN</span></li>
-                <li><p>Caffee Latte</p><span>12 PLN</span></li>
-                <li><p>Latte Macchiato</p><span>12 PLN</span></li>
-                <li><p>Kawa Mrożona</p><span>18 PLN</span></li>
-            </ul>
-        </div>
-        <div>
-            <h3>Herbaty</h3>
-        </div>
-        <div>
-            <h3>Przekąski</h3>
-        </div>
-        <div>
-            <h3>Lody</h3>
-        </div>
-        <div>
-            <h3>Gofry</h3>
-        </div>
+            <div>
+                <h2>Odwiedź nas</h2>
+                <span>Czekamy na ciebie z świeżymi wypiekami i ciepłą kawą. Znajdź nas w samym centrum miasta.</span>
+            </div>
+            <div>
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                     class="lucide lucide-map-pin-icon lucide-map-pin">
+                    <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/>
+                    <circle cx="12" cy="10" r="3"/>
+                </svg>
+
+                <h3>Adres</h3>
+                <p>ul. Polna 7k<br>
+                    83-314 Somonino</p>
+            </div>
+            <div>
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                     class="lucide lucide-clock-icon lucide-clock">
+                    <circle cx="12" cy="12" r="10"/>
+                    <path d="M12 6v6l4 2"/>
+                </svg>
+                <h3>Godziny Otwarcia</h3>
+                <ul>
+                    <li>
+                        <span>pn-pt</span><span>9:00-19:00</span>
+                    </li>
+                    <li>
+                        <span>sb-nd</span><span>10:00-20:00</span>
+                    </li>
+                </ul>
+
+            </div>
+            <div>
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                     class="lucide lucide-phone-icon lucide-phone">
+                    <path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"/>
+                </svg>
+                <h3>Zadzwoń do nas</h3>
+                <p>Masz pytania? Chcesz zarezerwować stolik?</p>
+                <a href="tel:+48690214515">690 214 515</a>
+            </div>
         </div>
+
     </section>
 </main>
 <footer>