dodane ikone v nav meni, potrebno urediti hover in pa active

stylesheet.css

@@ -1,5 +1,6 @@
 /* spetna pisava*/
 @import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
 
 /* CSS barve pa oblike ki se bojo ponavljale da mi jih ne bo treba vsakic znova definirt bojo tuki, pa ce bo reba kej spremenit bo tudi lazje, ker samo na enem mestu spremenis */
 :root {
@@ -73,6 +74,25 @@ a:focus-visible { /*če klikneš Tab se okoli naslova pojavi obroč da veša kaj
     outline-offset: 0.2rem;
 }
 
+/*font awsome */
+
+.fa-solid {
+    color: var(--barva-poudarek);
+    font-size: 1.5rem;
+}
+
+header .fa-solid {
+    color: var(--barva-besedilo);
+    font-size: 1.2rem;
+    padding-right: 0.5rem;
+}
+
+footer .fa-solid  {
+    color: var(--barva-besedilo-na-temnem);
+    font-size: 1rem;
+    padding-right: 0.1rem;
+}
+
 /* glava in navigacija */
 
 .site_header {
@@ -557,7 +577,6 @@ footer p {
     position:relative;
     min-height: 350px;
     flex-shrink: 0;
-    overflow: hidden;
     margin:0;
 }
 
@@ -622,6 +641,7 @@ footer p {
     grid-template-columns: 1fr 2fr;
     gap:1rem;
     padding: 2rem;
+    margin-bottom: 2rem;
 }
 
 .field_rezervacija legend {
@@ -714,4 +734,60 @@ footer p {
     cursor: pointer
 }
 
-/* on nas, besedilo in slika restavracije*/
+/* on nas, besedilo in slika restavracije*/
+.nasa_zgodba_grid {
+    display: grid;
+    grid-template-columns: repeat(2,minmax(0,1fr));
+    align-items: stretch;
+    gap: 0.5rem;
+    background-color: var(--barva-dodatna3);
+    border-radius: var(--zaobljenost);
+    padding: 1rem;
+}
+
+.nasa_zgodba_txt {
+    display: flex;
+    flex-direction: column;
+}
+
+.nasa_zgodba_grid figure {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.nasa_zgodba_grid img {
+    position: center;
+    padding:0,5rem;
+    border-radius: var(--zaobljenost);
+}
+
+.nasa_zgodba_grid figcaption {
+    display: none;
+}
+
+.o_nas_page table {
+    width: 40%;
+    border-collapse: collapse;
+    background-color: var(--barva-kartice);
+    border-radius: var(--zaobljenost);
+    overflow: hidden;
+    box-shadow: var(--barva-senca);
+}
+
+.o_nas_page thead {
+    background-color: var(--barva-poudarek);
+    color: var(--barva-besedilo-na-temnem);
+    padding: 0.3rem;
+}
+
+.o_nas_page td,
+.o_nas_page th {
+    padding:0.5rem;
+    text-align: center;
+}
+
+.o_nas_page tbody tr:nth-child(2) {
+    background-color: var(--barva-dodatna3);
+    font-weight: 700;
+}