diff --git a/src/images/namu-logo.svg b/src/images/namu-logo.svg
index 8b9dc25ef..f769d97bc 100644
--- a/src/images/namu-logo.svg
+++ b/src/images/namu-logo.svg
@@ -1,6 +1,6 @@
-<svg width="124" height="37" viewBox="0 0 124 37" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.96 6.216V26.16L7.66799 6.216H3.23999V31.416H6.83999V10.932L21.6 31.416H25.56V6.216H21.96Z" fill="#1C1B29"/>
-<path d="M51.977 6.216V11.004C49.889 8.088 46.649 6 42.941 6C35.669 6 30.413 11.4 30.413 18.816C30.413 26.232 35.669 31.632 42.941 31.632C46.649 31.632 49.889 29.544 51.977 26.628V31.416H55.469V6.216H51.977ZM43.085 28.32C37.937 28.32 34.193 24.324 34.193 18.816C34.193 13.308 37.937 9.312 43.085 9.312C48.233 9.312 51.977 13.308 51.977 18.816C51.977 24.324 48.233 28.32 43.085 28.32Z" fill="#1C1B29"/>
-<path d="M91.8309 6.216H86.6829L76.9629 27.168L67.2069 6.216H61.9509V31.416H65.5509V10.896L75.0549 31.416H78.6549L88.2309 10.716V31.416H91.8309V6.216Z" fill="#1C1B29"/>
-<path d="M108.922 31.776C115.186 31.776 119.902 27.204 119.902 21.12V6.216H116.302V21.12C116.302 25.224 113.134 28.32 108.922 28.32C104.71 28.32 101.542 25.224 101.542 21.12V6.216H97.9425V21.12C97.9425 27.204 102.658 31.776 108.922 31.776Z" fill="#1C1B29"/>
+<svg width="117" height="26" viewBox="0 0 117 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.96 0.215999V20.16L4.66799 0.215999H0.23999V25.416H3.83999V4.932L18.6 25.416H22.56V0.215999H18.96Z" fill="#F1F5F4"/>
+<path d="M48.977 0.215999V5.004C46.889 2.088 43.649 0 39.941 0C32.669 0 27.413 5.4 27.413 12.816C27.413 20.232 32.669 25.632 39.941 25.632C43.649 25.632 46.889 23.544 48.977 20.628V25.416H52.469V0.215999H48.977ZM40.085 22.32C34.937 22.32 31.193 18.324 31.193 12.816C31.193 7.308 34.937 3.312 40.085 3.312C45.233 3.312 48.977 7.308 48.977 12.816C48.977 18.324 45.233 22.32 40.085 22.32Z" fill="#F1F5F4"/>
+<path d="M88.8309 0.215999H83.6829L73.9629 21.168L64.2069 0.215999H58.9509V25.416H62.5509V4.896L72.0549 25.416H75.6549L85.2309 4.716V25.416H88.8309V0.215999Z" fill="#F1F5F4"/>
+<path d="M105.922 25.776C112.186 25.776 116.902 21.204 116.902 15.12V0.215999H113.302V15.12C113.302 19.224 110.134 22.32 105.922 22.32C101.71 22.32 98.5425 19.224 98.5425 15.12V0.215999H94.9425V15.12C94.9425 21.204 99.6585 25.776 105.922 25.776Z" fill="#F1F5F4"/>
 </svg>
diff --git a/src/index.html b/src/index.html
index fa5fd21be..05bc9cb5f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,5 +1,8 @@
 <!doctype html>
-<html class="page" lang="en">
+<html
+  class="page"
+  lang="en"
+>
   <head>
     <meta charset="UTF-8" />
     <meta
@@ -7,7 +10,10 @@
       content="width=device-width, initial-scale=1.0"
     />
     <title>NAMU</title>
-    <link rel="icon" href="images/icons/favicon.ico"/>
+    <link
+      rel="icon"
+      href="images/icons/favicon.ico"
+    />
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/2.0.0/modern-normalize.min.css"
@@ -27,39 +33,63 @@
       href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
       rel="stylesheet"
     />
-    <link rel="stylesheet" href="./styles/main.scss"/>
+    <link
+      rel="stylesheet"
+      href="./styles/main.scss"
+    />
   </head>
 
   <body class="page__body">
     <header class="header">
       <div class="header__content container">
         <a href="#">
-          <img src="images/namu-logo.svg"
-               class="header__logo"
-               alt="logo"
+          <img
+            src="images/namu-logo.svg"
+            class="header__logo"
+            alt="logo"
           />
         </a>
 
         <div class="header__right">
-          <a href="#menu" class="icon icon-menu"></a>
-          <a href="#" class="header__lang">UA</a>
+          <a
+            href="#menu"
+            class="icon icon-menu"
+          ></a>
+          <a
+            href="#"
+            class="header__lang"
+          >
+            UA
+          </a>
         </div>
       </div>
     </header>
 
-    <aside class="page__menu menu" id="menu">
+    <aside
+      class="page__menu menu"
+      id="menu"
+    >
       <div class="menu__content container">
         <div class="menu__header">
           <a href="#">
-            <img src="images/namu-logo.svg"
-                 class="menu__logo"
-                 alt="logo"
+            <img
+              src="images/namu-logo.svg"
+              class="menu__logo"
+              alt="logo"
             />
           </a>
 
           <div class="menu__right">
-            <a href="#menu" class="menu__lang">UA</a>
-            <a href="#" class="icon icon-close"></a>
+            <a
+              href="#menu"
+              class="menu__lang"
+            >
+              UA
+            </a>
+            <a
+              href="#"
+              class="icon icon-close"
+            ></a>
           </div>
         </div>
 
@@ -71,24 +101,45 @@
                 <p class="menu__text">12:00 - 19:00</p>
               </div>
 
-              <div>
-                <p class="menu__paragraph">Адреса:</p>
-                <p class="menu__text">Київ, вул. М. Грушевського, 6</p>
+              <div class="menu__flex">
+                <a
+                  href="https://maps.app.goo.gl/Stfc7PJoYpcXCrvX7"
+                  class="menu__info"
+                  target="_blank"
+                >
+                  <p class="menu__paragraph">Адреса:</p>
+                  <p class="menu__text">Київ, вул. М. Грушевського, 6</p>
+                </a>
               </div>
             </div>
 
             <nav class="menu__nav">
               <ul class="menu__list">
                 <li class="menu__item">
-                  <a href="#exibitions" class="menu__link">Актуальні виставки</a>
+                  <a
+                    href="#exibitions"
+                    class="menu__link"
+                  >
+                    Актуальні виставки
+                  </a>
                 </li>
 
                 <li class="menu__item">
-                  <a href="#events" class="menu__link">Найближчі події</a>
+                  <a
+                    href="#events"
+                    class="menu__link"
+                  >
+                    Найближчі події
+                  </a>
                 </li>
 
                 <li class="menu__item">
-                  <a href="#news"class="menu__link">Новини</a>
+                  <a
+                    href="#news"
+                    class="menu__link"
+                  >
+                    Новини
+                  </a>
                 </li>
               </ul>
             </nav>
@@ -96,9 +147,10 @@
             <span class="menu__border"></span>
             <button class="button_red">Купити квиток</button>
           </div>
-          <img src="images/photos/img_menu.png"
-               class="menu__photo"
-               alt="women"
+          <img
+            src="images/photos/img_menu.png"
+            class="menu__photo"
+            alt="women"
           />
         </div>
       </div>
@@ -119,21 +171,26 @@ <h1 class="hero__title">Мистецтво ХІХ - ХХ ст.</h1>
             <p class="hero__bottom">10.08 - 10.10</p>
           </div>
 
-          <img src="images/photos/img_01.png"
-              class="hero__photo"
-              alt="women"
+          <img
+            src="images/photos/img_01.png"
+            class="hero__photo"
+            alt="women"
           />
         </div>
       </section>
 
-      <section class="exibitions" id="exibitions">
+      <section
+        class="exibitions"
+        id="exibitions"
+      >
         <div class="exibitions__content container">
           <h2 class="exibitions__title">Актуальні виставки</h2>
           <div class="exibitions__article">
             <article>
-              <img src="images/photos/exhibition-1.jpg"
-                   class="exibitions__photo"
-                   alt="men"
+              <img
+                src="images/photos/exhibition-1.jpg"
+                class="exibitions__photo"
+                alt="men"
               />
 
               <p class="exibitions__date">11.07 - 22.09</p>
@@ -149,9 +206,10 @@ <h3 class="exibitions__headline">
             </article>
 
             <article>
-              <img src="images/photos/exhibition-2.jpg"
-                   class="exibitions__photo"
-                   alt="men"
+              <img
+                src="images/photos/exhibition-2.jpg"
+                class="exibitions__photo"
+                alt="men"
               />
 
               <p class="exibitions__date">Діє постійно</p>
@@ -169,15 +227,19 @@ <h3 class="exibitions__headline">Мистецтво ХХ ст. — XXI ст.</h3
         </div>
       </section>
 
-      <section class="events" id="events">
+      <section
+        class="events"
+        id="events"
+      >
         <div class="events__content container">
           <h2 class="events__title">Найближчі події</h2>
 
           <div class="events__article">
             <article class="events__flex">
-              <img src="images/photos/events-1.jpg"
-                   class="events__photo"
-                   alt="men"
+              <img
+                src="images/photos/events-1.jpg"
+                class="events__photo"
+                alt="men"
               />
 
               <div>
@@ -195,9 +257,10 @@ <h3 class="events__headline">
             </article>
 
             <article class="events__flex">
-              <img src="images/photos/events-2.jpg"
-                   class="events__photo"
-                   alt="men"
+              <img
+                src="images/photos/events-2.jpg"
+                class="events__photo"
+                alt="men"
               />
 
               <div>
@@ -220,9 +283,10 @@ <h3 class="events__headline">
       </section>
 
       <section class="visit">
-        <img src="images/photos/visit.png"
-             class="visit__photo"
-             alt="women"
+        <img
+          src="images/photos/visit.png"
+          class="visit__photo"
+          alt="women"
         />
 
         <div class="visit__content container">
@@ -236,14 +300,18 @@ <h2 class="visit__title">Сплануйте візит до музею</h2>
           <button class="button_red">Почати</button>
         </div>
       </section>
-      <section class="news" id="news">
+      <section
+        class="news"
+        id="news"
+      >
         <div class="news__content container">
           <h2 class="news__title">Новини</h2>
           <div class="news__article">
             <article>
-              <img src="images/photos/news-1.png"
-                   class="news__photo"
-                   alt="picture"
+              <img
+                src="images/photos/news-1.png"
+                class="news__photo"
+                alt="picture"
               />
 
               <p class="news__date">9 серпня 2019</p>
@@ -255,9 +323,10 @@ <h3 class="news__headline">Оголошення переможця</h3>
             </article>
 
             <article>
-              <img src="images/photos/news-2.jpg"
-                   class="news__photo"
-                   alt="picture"
+              <img
+                src="images/photos/news-2.jpg"
+                class="news__photo"
+                alt="picture"
               />
 
               <p class="news__date">9 серпня 2019</p>
@@ -284,15 +353,21 @@ <h2 class="subscribe__title">Підпишіться на дайджест</h2>
           </div>
 
           <form id="subscribeForm">
-            <input type="email"
-                   class="subscribe__input"
-                   autocomplete="off"
-                   name="email"
-                   id="email"
-                   placeholder="e-mail"
+            <input
+              type="email"
+              class="subscribe__input"
+              autocomplete="off"
+              name="email"
+              id="email"
+              placeholder="e-mail"
             />
 
-            <button type="submit" class="button_red">Підписатись</button>
+            <button
+              type="submit"
+              class="button_red"
+            >
+              Підписатись
+            </button>
           </form>
         </div>
       </section>
@@ -305,9 +380,10 @@ <h2 class="footer__title">Контакти</h2>
             <div>
               <ul>
                 <li class="footer__info">
-                  <a href="https://maps.app.goo.gl/RpncE77xvwQQGWmF9"
-                     class="footer__info"
-                     target="_blank"
+                  <a
+                    href="https://maps.app.goo.gl/RpncE77xvwQQGWmF9"
+                    class="footer__info"
+                    target="_blank"
                   >
                     Київ,
                     <br />
@@ -317,49 +393,69 @@ <h2 class="footer__title">Контакти</h2>
 
                 <li class="footer__info">
                   тел,
-                  <a href="tel:2781357" class="footer__info">278-13-57</a>
+                  <a
+                    href="tel:2781357"
+                    class="footer__info"
+                  >
+                    278-13-57
+                  </a>
                   ,
-                  <a href="tel:2787454" class="footer__info">278-74-54</a>
+                  <a
+                    href="tel:2787454"
+                    class="footer__info"
+                  >
+                    278-74-54
+                  </a>
                 </li>
 
                 <li class="footer__info">
-                  <a href="mailto:info@namu.kiev.ua" class="footer__info">info@namu.kiev.ua</a>
+                  <a
+                    href="mailto:info@namu.kiev.ua"
+                    class="footer__info"
+                  >
+                    info@namu.kiev.ua
+                  </a>
                 </li>
               </ul>
             </div>
 
             <ul class="footer__iconlist">
               <li>
-                <a href="https://www.facebook.com/"
-                   class="icon icon-fb"
-                   target="_blank"
+                <a
+                  href="https://www.facebook.com/"
+                  class="icon icon-fb"
+                  target="_blank"
                 ></a>
               </li>
 
               <li>
-                <a href="https://twitter.com/"
-                   class="icon icon-twitter"
-                   target="_blank"
+                <a
+                  href="https://twitter.com/"
+                  class="icon icon-twitter"
+                  target="_blank"
                 ></a>
               </li>
 
               <li>
-                <a href="https://web.telegram.org/"
-                   class="icon icon-telegram"
-                   target="_blank"
+                <a
+                  href="https://web.telegram.org/"
+                  class="icon icon-telegram"
+                  target="_blank"
                 ></a>
               </li>
 
               <li>
-                <a href="https://www.instagram.com/"
-                   class="icon icon-instagram"
-                   target="_blank"
+                <a
+                  href="https://www.instagram.com/"
+                  class="icon icon-instagram"
+                  target="_blank"
                 ></a>
               </li>
 
               <li>
-                <a href="#"
-                   class="icon icon--"
+                <a
+                  href="#"
+                  class="icon icon--"
                 ></a>
               </li>
             </ul>
@@ -385,15 +481,30 @@ <h2 class="footer__title">Головна</h2>
             <nav>
               <ul>
                 <li class="footer__info">
-                  <a href="#exibitions" class="footer__info">Виставки</a>
+                  <a
+                    href="#exibitions"
+                    class="footer__info"
+                  >
+                    Виставки
+                  </a>
                 </li>
 
                 <li class="footer__info">
-                  <a href="#events" class="footer__info">Події</a>
+                  <a
+                    href="#events"
+                    class="footer__info"
+                  >
+                    Події
+                  </a>
                 </li>
 
                 <li class="footer__info">
-                  <a href="#news" class="footer__info">Новини</a>
+                  <a
+                    href="#news"
+                    class="footer__info"
+                  >
+                    Новини
+                  </a>
                 </li>
               </ul>
             </nav>
@@ -407,7 +518,10 @@ <h2 class="footer__title">Головна</h2>
           </div>
 
           <div>
-            <a href="#" class="icon icon-scroll"></a>
+            <a
+              href="#"
+              class="icon icon-scroll"
+            ></a>
           </div>
         </div>
       </footer>
diff --git a/src/styles/blocks/button.scss b/src/styles/blocks/button.scss
index 19220cff4..0ca3d408c 100644
--- a/src/styles/blocks/button.scss
+++ b/src/styles/blocks/button.scss
@@ -3,15 +3,15 @@
   font-family: Raleway, sans-serif;
   font-weight: 600;
   line-height: 16px;
-  color: #F1F5F4;
-  background-color: #CD4D31;
+  color: #f1f5f4;
+  background-color: #cd4d31;
   border: none;
   padding: 22px;
   width: 100%;
   transition: all 0.5s;
 
   &:hover {
-    background-color: #AF3419;
+    background-color: #af3419;
 
     @include hover(transform, scale(1.1));
   }
@@ -30,17 +30,17 @@
   gap: 8px;
   font-family: Raleway, sans-serif;
   line-height: 16px;
-  color: #CD4D31;
+  color: #cd4d31;
   background-color: transparent;
-  border: 1px solid #CD4D31;
+  border: 1px solid #cd4d31;
   padding: 22px;
   min-width: 280px;
   width: 100%;
   transition: all 0.5s;
 
   &:hover {
-    color: #AF3419;
-    border: 1px solid #AF3419;
+    color: #af3419;
+    border: 1px solid #af3419;
 
     @include hover(transform, scale(1.1));
   }
diff --git a/src/styles/blocks/events.scss b/src/styles/blocks/events.scss
index 329cfdda5..023c3bcc4 100644
--- a/src/styles/blocks/events.scss
+++ b/src/styles/blocks/events.scss
@@ -1,5 +1,5 @@
 .events {
-  background-color: #F1F5F4;
+  background-color: #f1f5f4;
   padding-top: 120px;
   padding-bottom: 90px;
 
@@ -23,7 +23,7 @@
     font-weight: 700;
     font-size: 28px;
     line-height: 35px;
-    color: #1C1B29;
+    color: #1c1b29;
     margin-bottom: 60px;
 
     @include on-tablet {
@@ -84,7 +84,7 @@
 
   &__date {
     font-family: Raleway, sans-serif;
-    color: #CD4D31;
+    color: #cd4d31;
     margin-bottom: 10px;
   }
 
@@ -92,7 +92,7 @@
     font-weight: 700;
     font-size: 20px;
     line-height: 25px;
-    color: #1C1B29;
+    color: #1c1b29;
     margin-bottom: 20px;
 
     @include on-tablet {
diff --git a/src/styles/blocks/exibitions.scss b/src/styles/blocks/exibitions.scss
index b8082f231..b0cb7e25a 100644
--- a/src/styles/blocks/exibitions.scss
+++ b/src/styles/blocks/exibitions.scss
@@ -1,5 +1,5 @@
 .exibitions {
-  background-color: #F1F5F4;
+  background-color: #f1f5f4;
   padding: 90px 0 0;
 
   @include on-tablet {
@@ -20,7 +20,7 @@
     font-weight: 700;
     font-size: 28px;
     line-height: 35px;
-    color: #1C1B29;
+    color: #1c1b29;
     margin-bottom: 60px;
 
     @include on-tablet {
@@ -74,7 +74,7 @@
 
   &__date {
     font-family: Raleway, sans-serif;
-    color: #CD4D31;
+    color: #cd4d31;
     margin-bottom: 10px;
   }
 
@@ -82,7 +82,7 @@
     font-weight: 700;
     font-size: 20px;
     line-height: 25px;
-    color: #1C1B29;
+    color: #1c1b29;
     margin-bottom: 20px;
 
     @include on-tablet {
diff --git a/src/styles/blocks/footer.scss b/src/styles/blocks/footer.scss
index 6f66f4f97..2d72e8d2f 100644
--- a/src/styles/blocks/footer.scss
+++ b/src/styles/blocks/footer.scss
@@ -1,5 +1,5 @@
 .footer {
-  background-color: #3F5252;
+  background-color: #3f5252;
   padding-block: 35px;
 
   @include on-tablet {
@@ -33,7 +33,7 @@
     font-weight: 700;
     font-size: 18px;
     line-height: 27px;
-    color: #F1F5F4;
+    color: #f1f5f4;
 
     @include on-tablet {
       font-size: 20px;
@@ -42,20 +42,20 @@
   }
 
   &__info {
-    color: #F1F5F4;
+    color: #f1f5f4;
     font-family: Raleway, sans-serif;
     cursor: pointer;
     transition: all 0.5s;
 
     &:hover {
-      color: #CD4D31;
+      color: #cd4d31;
     }
 
     @include hover(transform, scale(1.1));
   }
 
   &__date {
-    color: #F1F5F4;
+    color: #f1f5f4;
     font-family: Raleway, sans-serif;
   }
 
@@ -72,7 +72,7 @@
     font-family: Raleway, sans-serif;
     font-size: 14px;
     line-height: 19.6px;
-    color: #F1F5F4;
+    color: #f1f5f4;
   }
 
   &__politicflex {
diff --git a/src/styles/blocks/header.scss b/src/styles/blocks/header.scss
index 53c1abb1f..1ad8b5948 100644
--- a/src/styles/blocks/header.scss
+++ b/src/styles/blocks/header.scss
@@ -1,5 +1,5 @@
 .header {
-  background-color: #3F5252;
+  background-color: #3f5252;
 
   &__content {
     padding-block: 20px;
@@ -33,7 +33,7 @@
     @include on-tablet {
       font-family: Raleway, sans-serif;
       font-weight: 500;
-      color: #F1F5F4;
+      color: #f1f5f4;
       display: flex;
       align-items: center;
       gap: 5px;
diff --git a/src/styles/blocks/hero.scss b/src/styles/blocks/hero.scss
index 75b4483da..a87e41c2b 100644
--- a/src/styles/blocks/hero.scss
+++ b/src/styles/blocks/hero.scss
@@ -1,6 +1,6 @@
 .hero {
   padding-top: 50px;
-  background-color: #3F5252;
+  background-color: #3f5252;
 
   @include on-tablet {
     padding-top: 99px;
@@ -16,7 +16,7 @@
     font-family: Raleway, sans-serif;
     font-size: 14px;
     line-height: 19.6px;
-    color: #F1F5F4;
+    color: #f1f5f4;
     margin-bottom: 10px;
   }
 
@@ -24,7 +24,7 @@
     font-weight: 700;
     font-size: 48px;
     line-height: 48px;
-    color: #F1F5F4;
+    color: #f1f5f4;
     margin-bottom: 30px;
 
     @include on-tablet {
@@ -42,7 +42,7 @@
 
   &__description {
     font-family: Raleway, sans-serif;
-    color: #F1F5F4;
+    color: #f1f5f4;
     margin-bottom: 40px;
 
     @include on-tablet {
@@ -90,12 +90,12 @@
       font-weight: 700;
       font-size: 14px;
       line-height: 17.5px;
-      color: #F1F5F4;
+      color: #f1f5f4;
 
       &::after {
         content: '';
         display: block;
-        border-bottom: 1px solid #F1F5F4;
+        border-bottom: 1px solid #f1f5f4;
         width: 400px;
       }
     }
diff --git a/src/styles/blocks/icon.scss b/src/styles/blocks/icon.scss
index 48cf2beec..3b12cb8a7 100644
--- a/src/styles/blocks/icon.scss
+++ b/src/styles/blocks/icon.scss
@@ -56,7 +56,7 @@
 
     &:hover {
       border-radius: 50%;
-      border: 1px solid #CD4D31;
+      border: 1px solid #cd4d31;
     }
 
     @include hover(transform, scale(1.1));
diff --git a/src/styles/blocks/menu.scss b/src/styles/blocks/menu.scss
index 3e026bb54..544b7d973 100644
--- a/src/styles/blocks/menu.scss
+++ b/src/styles/blocks/menu.scss
@@ -26,7 +26,7 @@
   &__lang {
     font-family: Raleway, sans-serif;
     font-weight: 500;
-    color: #F1F5F4;
+    color: #f1f5f4;
     display: flex;
     align-items: center;
     gap: 5px;
@@ -44,6 +44,15 @@
     }
   }
 
+  &__info {
+    color: #f1f5f4;
+    font-family: Raleway, sans-serif;
+    cursor: pointer;
+    transition: all 0.5s;
+
+    @include hover(transform, scale(1.1));
+  }
+
   &__flex {
     @include on-desktop {
       display: flex;
@@ -56,13 +65,13 @@
     font-family: Raleway, sans-serif;
     font-size: 14px;
     line-height: 19.6px;
-    color: #F1F5F4;
+    color: #f1f5f4;
   }
 
   &__text {
     font-family: Raleway, sans-serif;
     font-weight: 600;
-    color: #F1F5F4;
+    color: #f1f5f4;
   }
 
   &__infotext {
@@ -114,7 +123,7 @@
     font-weight: 700;
     font-size: 20px;
     line-height: 30px;
-    color: #F1F5F4;
+    color: #f1f5f4;
 
     &::after {
       content: '';
@@ -123,7 +132,7 @@
       position: absolute;
       bottom: -8px;
       height: 1px;
-      background-color: #F1F5F4;
+      background-color: #f1f5f4;
 
       transition: transform 0.5s;
       transform: scale(0);
@@ -148,7 +157,7 @@
 
   &__border {
     display: block;
-    border-bottom: 1px solid #F1F5F4;
+    border-bottom: 1px solid #f1f5f4;
     margin-bottom: 40px;
 
     @include on-tablet {
diff --git a/src/styles/blocks/news.scss b/src/styles/blocks/news.scss
index 307a52349..a1d61be0b 100644
--- a/src/styles/blocks/news.scss
+++ b/src/styles/blocks/news.scss
@@ -1,6 +1,6 @@
 .news {
   padding-top: 120px;
-  background-color: #F1F5F4;
+  background-color: #f1f5f4;
 
   &__content {
     position: relative;
@@ -10,7 +10,7 @@
     font-weight: 700;
     font-size: 28px;
     line-height: 35px;
-    color: #1C1B29;
+    color: #1c1b29;
     margin-bottom: 60px;
 
     @include on-tablet {
@@ -62,7 +62,7 @@
 
   &__date {
     font-family: Raleway, sans-serif;
-    color: #1C1B29;
+    color: #1c1b29;
     margin-bottom: 10px;
   }
 
@@ -70,7 +70,7 @@
     font-weight: 700;
     font-size: 20px;
     line-height: 25px;
-    color: #1C1B29;
+    color: #1c1b29;
     margin-bottom: 20px;
 
     @include on-tablet {
diff --git a/src/styles/blocks/page.scss b/src/styles/blocks/page.scss
index 5bf2dc4ee..26449ed92 100644
--- a/src/styles/blocks/page.scss
+++ b/src/styles/blocks/page.scss
@@ -2,7 +2,7 @@
   font-family: 'Playfair Display', sans-serif;
   font-size: 16px;
   line-height: 24px;
-  color: #504F5E;
+  color: #504f5e;
   scroll-behavior: smooth;
 
   &:has(.page__menu:target) {
@@ -20,7 +20,7 @@
     transform: translateX(-100%);
     pointer-events: none;
 
-    background-color: #3F5252;
+    background-color: #3f5252;
 
     &:target {
       opacity: 1;
diff --git a/src/styles/blocks/subscribe.scss b/src/styles/blocks/subscribe.scss
index 12ad335ee..ce8659c4e 100644
--- a/src/styles/blocks/subscribe.scss
+++ b/src/styles/blocks/subscribe.scss
@@ -1,7 +1,7 @@
 .subscribe {
   padding-top: 120px;
   padding-bottom: 80px;
-  background-color: #F1F5F4;
+  background-color: #f1f5f4;
 
   @include on-tablet {
     padding-top: 160px;
@@ -38,7 +38,7 @@
     font-weight: 700;
     font-size: 28px;
     line-height: 35px;
-    color: #1C1B29;
+    color: #1c1b29;
 
     @include on-tablet {
       font-size: 40px;
@@ -53,16 +53,16 @@
 
   &__paragraph {
     font-family: Raleway, sans-serif;
-    color: #1C1B29;
+    color: #1c1b29;
   }
 
   &__input {
-    background-color: #F1F5F4;
+    background-color: #f1f5f4;
     border: none;
-    border-bottom: 1px solid #1C1B29;
+    border-bottom: 1px solid #1c1b29;
     width: 100%;
     margin-bottom: 30px;
-    color: #1C1B29;
+    color: #1c1b29;
     font-size: 16px;
     line-height: 24px;
     font-family: Raleway, sans-serif;
@@ -70,14 +70,14 @@
     outline: none;
 
     &:hover::placeholder {
-      color: #CD4D31;
+      color: #cd4d31;
     }
 
     &:hover {
       @include hover(transform, scale(1.1));
 
-      border-bottom: 1px solid #CD4D31;
-      color: #1C1B29;
+      border-bottom: 1px solid #cd4d31;
+      color: #1c1b29;
     }
 
     @include on-desktop {
diff --git a/src/styles/blocks/visit.scss b/src/styles/blocks/visit.scss
index b3ab83b61..bdc8ab9b7 100644
--- a/src/styles/blocks/visit.scss
+++ b/src/styles/blocks/visit.scss
@@ -1,5 +1,5 @@
 .visit {
-  background-color: #3F5252;
+  background-color: #3f5252;
 
   @include on-desktop {
     display: flex;
@@ -30,7 +30,7 @@
     font-weight: 700;
     font-size: 38px;
     line-height: 38px;
-    color: #F1F5F4;
+    color: #f1f5f4;
     margin-bottom: 20px;
 
     @include on-tablet {
@@ -47,7 +47,7 @@
 
   &__paragraph {
     font-family: Raleway, sans-serif;
-    color: #F1F5F4;
+    color: #f1f5f4;
     margin-bottom: 40px;
 
     @include on-tablet {
