diff --git a/assets/images/adlerka_128.png b/assets/images/adlerka_128.png
new file mode 100644
index 0000000..dc54e45
Binary files /dev/null and b/assets/images/adlerka_128.png differ
diff --git a/assets/images/adlerka_256.png b/assets/images/adlerka_256.png
new file mode 100644
index 0000000..b418070
Binary files /dev/null and b/assets/images/adlerka_256.png differ
diff --git a/assets/images/adlerka_64.png b/assets/images/adlerka_64.png
new file mode 100644
index 0000000..20a8472
Binary files /dev/null and b/assets/images/adlerka_64.png differ
diff --git a/templates/nav.html b/templates/nav.html
index 9b91fe3..29ff7cf 100644
--- a/templates/nav.html
+++ b/templates/nav.html
@@ -1,5 +1,11 @@
 <nav>
-    <div class="logo"><img alt="Adlerka logo" class="standard-logo" width="213" height="50" src="https://www.adlerka.sk/wp-content/uploads/2021/09/Logo_text_Adlerka_modro_cerveno_biele-e1652431356820.png" title="Adlerka"></div>
+    <div class="logo">
+        <picture id="standard-logo">
+            <source media="(min-width:4000px)" srcset="/assets/images/adlerka_256.png">
+            <source media="(min-width:1050px)" srcset="/assets/images/adlerka_128.png">
+            <img src="/assets/images/adlerka_64.png" alt="Adlerka logo" style="width:auto;">
+        </picture>
+    </div>
     <i class="ri-menu-line" id="toggle_button"></i>
     <ul id="navsite_list">
         __NAV_PAGES__