diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..e771fb8
Binary files /dev/null and b/favicon.ico differ
diff --git a/source/catalog.html b/source/catalog.html
index cd3d1b1..527cbbd 100644
--- a/source/catalog.html
+++ b/source/catalog.html
@@ -3,29 +3,29 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="favicon.ico">
+    <link rel="icon" href="favicons/icon.svg" type="image/svg+xml">
+    <link rel="icon" href="favicon.ico">
+    <link rel="manifest" href="manifest.webmanifest">
     <title>Каталог продукции</title>
   </head>
   <body class="">
     <header class="main-header">
       <nav class="navigation">
-        <a class="header-logo">
-          <img
-            class="main-header__logo-image"
-            src="/source/images/logo-mobile.svg"
-            width="33"
-            height="38"
-            alt="логотип кота"
-          />
+        <a class="main-header__logo">
+          <picture>
+            <source media="(min-width:786px)" width="60" height="50" type="image/svg+xml" srcset="/source/images/logo-tablet.svg" alt="логотип кота" />
+            <source  media="(min-width:1200px)" width="70" height="69" type="image/svg+xml" srcset="/source/images/logo-desktop.svg" alt="логотип кота"  />
+            <img class="main-header__logo-image" src="/source/images/logo-mobile.svg" width="33"  height="38" alt="логотип кота" />
+          </picture>
         </a>
         <a class="main-header__logo-text">
-          <img
-            class="main-header__logo-text"
-            src="/source/images/cat_energy_text.svg"
-            width="101"
-            height="18"
-            alt="текст кот энергия"
-          />
-        </a>
+          <picture>
+            <source media="(min-width:1200px)"  width="118" height="21" type="image/svg+xml"  srcset="/source/images/cat_energy_text.svg" alt="текст кот энергия" >
+          <img class="main-header__logo-text" src="/source/images/cat_energy_text.svg" width="101"
+          height="18" alt="текст кот энергия"/>
+        </picture>
+       </a>
         <button class="open-menu" type="button">
           <span class="visually-hidden">Открыть меню</span>
         </button>
@@ -40,6 +40,9 @@
             <a href="#">Подбор программы</a>
           </li>
         </ul>
+        <h1>Функциональное питание для котов</h1>
+        <p>Занялся собой? Займись котом!</p>
+        <a href="#" class="select-program">Подобрать программу</a>
       </nav>
     </header>
     <main class="main-container-catalog">
@@ -283,14 +286,13 @@ <h2 class="invitation__title">Приглашаем к сотруднечиств
     <footer class="main-footer">
       <div class="main-footer__wrapper">
         <div class="main-footer__contact">
-          <a
-            ><img
-              class="contacts-icon"
-              src="/source/images/cat_energy_text.svg"
-              width="128"
-              height="24"
-              alt="кот енергия"
-          /></a>
+          <a>
+            <picture>
+              <source media="(min-width:1200px)"  width="118" height="21" type="image/svg+xml"  srcset="/source/images/cat_energy_text.svg" alt="текст кот энергия" >
+            <img class="main-header__logo-text" src="/source/images/cat_energy_text.svg" width="101"
+            height="18" alt="текст кот энергия"/>
+          </picture>
+          </a>
         </div>
         <div class="main-footer__social">
           <ul class="social-list">
diff --git a/source/favicons/180.png b/source/favicons/180.png
new file mode 100644
index 0000000..a381f31
Binary files /dev/null and b/source/favicons/180.png differ
diff --git a/source/favicons/192.png b/source/favicons/192.png
new file mode 100644
index 0000000..75b7dac
Binary files /dev/null and b/source/favicons/192.png differ
diff --git a/source/favicons/icon.svg b/source/favicons/icon.svg
new file mode 100644
index 0000000..52d28ac
--- /dev/null
+++ b/source/favicons/icon.svg
@@ -0,0 +1,6 @@
+<svg width="152" height="152" viewBox="0 0 152 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="152" height="152" fill="#EEEEEE"/>
+<path d="M36.3022 95.8371C33.9077 92.3646 32.7628 88.2106 33.0481 84.0307V66.9694C32.746 62.7587 33.8736 58.5682 36.2557 55.0493C38.4097 52.3347 42.0899 50.985 47.2966 51.0001C52.5032 51.0153 56.0285 52.2058 57.8725 54.5716C60.121 57.5034 61.2181 61.1283 60.964 64.7856V68.7893H51.341V64.4444C51.328 63.3011 51.227 62.1605 51.0388 61.0321C50.9225 60.2153 50.5393 59.4572 49.9464 58.871C49.5804 58.5639 49.1555 58.3312 48.6965 58.1867C48.2375 58.0422 47.7537 57.9887 47.2733 58.0294C46.5835 57.9286 45.8786 58.0383 45.2548 58.3436C44.6309 58.6489 44.1183 59.1349 43.7867 59.7355C43.1756 61.333 42.9066 63.0365 42.9965 64.7401V86.3965C42.8904 88.1114 43.2011 89.8264 43.903 91.4011C44.2383 91.9692 44.736 92.429 45.3347 92.7241C45.9335 93.0191 46.6073 93.1365 47.2733 93.0618C47.9278 93.1523 48.5947 93.0384 49.1791 92.7361C49.7634 92.4338 50.2353 91.9586 50.5275 91.3784C51.0897 89.7778 51.3343 88.0869 51.248 86.3965V81.8468H60.871V85.7823C61.1543 89.4935 60.1467 93.1894 58.012 96.2693C55.9665 98.7716 52.4335 100 47.4128 100C42.3921 100 38.4639 98.6351 36.3022 95.8371Z" fill="#111111"/>
+<path d="M73.4675 52H84.603L94 99H84.7439L83.076 88.6152H75.2764L73.397 98.9328H64L73.4675 52ZM82.0423 82.7067L79.0822 63.8171L76.1457 82.7067H82.0423Z" fill="#111111"/>
+<path d="M100.556 59.0825H93V52H118V59.0825H110.537V99H100.533L100.556 59.0825Z" fill="#111111"/>
+</svg>
diff --git a/source/index.html b/source/index.html
index b22399f..bca2b10 100644
--- a/source/index.html
+++ b/source/index.html
@@ -5,6 +5,10 @@
     <title>Cat energy</title>
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <link rel="stylesheet" href="styles/styles.css" />
+    <link rel="icon" href="favicon.ico">
+    <link rel="icon" href="favicons/icon.svg" type="image/svg+xml">
+    <link rel="icon" href="favicon.ico">
+    <link rel="manifest" href="manifest.webmanifest">
     <script src="scripts/index.js" defer></script>
   </head>
   <body class="page">
@@ -160,7 +164,11 @@ <h2 class="invitation__title">Приглашаем к сотруднечиств
       <div class="main-footer__wrapper">
         <div class="main-footer__contact">
           <a>
-            <img class="contacts-icon" src="/source/images/cat_energy_text.svg"  width="128" height="24" alt="кот енергия"/>
+            <picture>
+              <source media="(min-width:1200px)"  width="118" height="21" type="image/svg+xml"  srcset="/source/images/cat_energy_text.svg" alt="текст кот энергия" >
+            <img class="main-header__logo-text" src="/source/images/cat_energy_text.svg" width="101"
+            height="18" alt="текст кот энергия"/>
+          </picture>
           </a>
         </div>
         <div class="main-footer__social">
diff --git a/source/manifest.webmanifest b/source/manifest.webmanifest
new file mode 100644
index 0000000..4475939
--- /dev/null
+++ b/source/manifest.webmanifest
@@ -0,0 +1,9 @@
+{
+"icons":[
+  { "src": "/favicons/192.png", "type": "image/png", "sizes": "" },
+  { "src": "/favicons/180.png", "type": "image/png", "sizes": "" },
+  { "src": "", "type": "", "sizes": "" }
+]
+
+
+}
