diff --git a/src/index.html b/src/index.html
index 9dd35b668..6185f7c37 100644
--- a/src/index.html
+++ b/src/index.html
@@ -62,7 +62,9 @@
             />
           </a>
         </div>
+        <!-- #region nav -->
         <nav class="top-bar__nav nav">
+          <!-- #endregion -->
           <ul class="nav__list">
             <li class="nav__item">
               <a
@@ -595,163 +597,159 @@ <h2 class="vision__title">Vision, Passion, Results</h2>
       class="footer"
       id="contacts"
     >
-      <h3 class="footer__form-title">Send us a message</h3>
-
-      <form class="form">
-        <input
-          type="email"
-          name="email"
-          class="form__input form__email"
-          placeholder="Your email"
-          required
-        />
-        <input
-          type="name"
-          name="name"
-          class="form__input form__name"
-          placeholder="Your name"
-          required
-        />
-        <input
-          type="text"
-          class="form__input form__message"
-          placeholder="Your message"
-          required
-        />
-        <button
-          type="submit"
-          class="form__button button button--animated"
-        >
-          Send
-        </button>
-      </form>
-
-      <h3 class="footer__info-title">Contact us</h3>
-
-      <div class="info">
-        <h5 class="info__call-section-title">Call us</h5>
-        <p class="info__call-contact">
-          <a
-            href="tel:654321987"
-            class="info__call-contact-link"
-          >
-            654 321 987
-          </a>
-        </p>
-        <h5 class="info__address-section-title">Visit us</h5>
-        <p class="info__address-content">
-          <a
-            class="info__address-content-link"
-            href="https://www.google.com/maps/search/2905+West+Drive,+Buffalo+Grove/@42.16978,-87.9936085,10667m/data=!3m2!1e3!4b1?entry=ttu"
-            target="_blank"
-          >
-            2905 West Drive, Buffalo Grove
-          </a>
-        </p>
-        <h5 class="info__socials-section-title">our socials</h5>
-        <div class="info__socials info__media media">
-          <a
-            href="https://www.facebook.com"
-            class="media__link"
-            target="_blank"
-          >
-            <svg class="media__icon media__icon--gray">
-              <path
-                d="M22.6667 4.66674C22.6667 4.48993 22.5964 4.32036 22.4714 4.19533C22.3464 4.07031 22.1768 4.00007 22 4.00007H18.6667C16.9882 3.91646 15.3448 4.50059 14.0956 5.62484C12.8465 6.7491 12.093 8.32207 12 10.0001V13.6001H8.66667C8.48986 13.6001 8.32029 13.6703 8.19526 13.7953C8.07024 13.9204 8 14.0899 8 14.2667V17.7334C8 17.9102 8.07024 18.0798 8.19526 18.2048C8.32029 18.3298 8.48986 18.4001 8.66667 18.4001H12V27.3334C12 27.5102 12.0702 27.6798 12.1953 27.8048C12.3203 27.9298 12.4899 28.0001 12.6667 28.0001H16.6667C16.8435 28.0001 17.013 27.9298 17.1381 27.8048C17.2631 27.6798 17.3333 27.5102 17.3333 27.3334V18.4001H20.8267C20.9749 18.4022 21.1197 18.3548 21.238 18.2655C21.3563 18.1762 21.4415 18.0499 21.48 17.9067L22.44 14.4401C22.4665 14.3416 22.4701 14.2383 22.4504 14.1382C22.4308 14.0381 22.3884 13.9438 22.3265 13.8627C22.2647 13.7816 22.1851 13.7157 22.0938 13.6701C22.0025 13.6246 21.902 13.6006 21.8 13.6001H17.3333V10.0001C17.3665 9.67004 17.5215 9.36422 17.768 9.14233C18.0146 8.92044 18.335 8.79841 18.6667 8.80007H22C22.1768 8.80007 22.3464 8.72983 22.4714 8.60481C22.5964 8.47978 22.6667 8.31021 22.6667 8.1334V4.66674Z"
-              />
-            </svg>
-          </a>
-          <a
-            href="https://twitter.com"
-            class="media__link"
-            target="_blank"
+      <div class="footer__content">
+        <h3 class="footer__form-title">Send us a message</h3>
+        <form class="form">
+          <input
+            type="email"
+            name="email"
+            class="form__input form__email"
+            placeholder="Your email"
+            required
+          />
+          <input
+            type="name"
+            name="name"
+            class="form__input form__name"
+            placeholder="Your name"
+            required
+          />
+          <input
+            type="text"
+            class="form__input form__message"
+            placeholder="Your message"
+            required
+          />
+          <button
+            type="submit"
+            class="form__button button button--animated"
           >
-            <svg class="media__icon media__icon--gray">
-              <path
-                d="M10.7724 26.6671C12.744 26.733 14.7088 26.4031 16.5507 25.6968C18.3926 24.9905 20.0743 23.9221 21.4963 22.5548C22.9183 21.1875 24.0517 19.549 24.8297 17.7362C25.6077 15.9234 26.0144 13.973 26.0257 12.0004C26.9293 10.8823 27.6002 9.59482 27.9991 8.21372C28.0289 8.1046 28.0264 7.9892 27.9922 7.88142C27.9579 7.77363 27.8931 7.67806 27.8058 7.6062C27.7184 7.53435 27.6122 7.48928 27.4998 7.47642C27.3874 7.46356 27.2737 7.48346 27.1724 7.53372C26.6997 7.76126 26.1675 7.83475 25.6509 7.74386C25.1342 7.65296 24.6591 7.40225 24.2924 7.02705C23.8243 6.51449 23.2582 6.10109 22.6274 5.81135C21.9966 5.52162 21.3141 5.36143 20.6203 5.3403C19.9265 5.31916 19.2356 5.4375 18.5883 5.6883C17.9411 5.9391 17.3508 6.31727 16.8524 6.80038C16.17 7.46126 15.6702 8.28744 15.4015 9.19862C15.1328 10.1098 15.1044 11.075 15.3191 12.0004C10.8524 12.2671 7.78574 10.1471 5.33241 7.24038C5.25871 7.15692 5.1623 7.09672 5.05495 7.06714C4.9476 7.03757 4.83396 7.03989 4.72791 7.07382C4.62186 7.10776 4.52799 7.17184 4.45775 7.25825C4.38752 7.34465 4.34397 7.44964 4.33241 7.56038C3.86504 10.1529 4.20218 12.8264 5.29857 15.2218C6.39495 17.6172 8.19807 19.6197 10.4657 20.9604C8.94526 22.7042 6.81002 23.7933 4.50575 24.0004C4.38229 24.0209 4.26833 24.0794 4.17981 24.1679C4.09129 24.2563 4.03264 24.3702 4.01207 24.4937C3.9915 24.6171 4.01003 24.7439 4.06508 24.8563C4.12013 24.9686 4.20894 25.061 4.31908 25.1204C6.32377 26.1222 8.53139 26.6513 10.7724 26.6671Z"
-              />
-            </svg>
-          </a>
+            Send
+          </button>
+        </form>
+        <h3 class="footer__info-title">Contact us</h3>
+        <div class="info">
+          <h5 class="info__call-section-title">Call us</h5>
+          <p class="info__call-contact">
+            <a
+              href="tel:654321987"
+              class="info__call-contact-link"
+            >
+              654 321 987
+            </a>
+          </p>
+          <h5 class="info__address-section-title">Visit us</h5>
+          <p class="info__address-content">
+            <a
+              class="info__address-content-link"
+              href="https://www.google.com/maps/search/2905+West+Drive,+Buffalo+Grove/@42.16978,-87.9936085,10667m/data=!3m2!1e3!4b1?entry=ttu"
+              target="_blank"
+            >
+              2905 West Drive, Buffalo Grove
+            </a>
+          </p>
+          <h5 class="info__socials-section-title">our socials</h5>
+          <div class="info__socials info__media media">
+            <a
+              href="https://www.facebook.com"
+              class="media__link"
+              target="_blank"
+            >
+              <svg class="media__icon media__icon--gray">
+                <path
+                  d="M22.6667 4.66674C22.6667 4.48993 22.5964 4.32036 22.4714 4.19533C22.3464 4.07031 22.1768 4.00007 22 4.00007H18.6667C16.9882 3.91646 15.3448 4.50059 14.0956 5.62484C12.8465 6.7491 12.093 8.32207 12 10.0001V13.6001H8.66667C8.48986 13.6001 8.32029 13.6703 8.19526 13.7953C8.07024 13.9204 8 14.0899 8 14.2667V17.7334C8 17.9102 8.07024 18.0798 8.19526 18.2048C8.32029 18.3298 8.48986 18.4001 8.66667 18.4001H12V27.3334C12 27.5102 12.0702 27.6798 12.1953 27.8048C12.3203 27.9298 12.4899 28.0001 12.6667 28.0001H16.6667C16.8435 28.0001 17.013 27.9298 17.1381 27.8048C17.2631 27.6798 17.3333 27.5102 17.3333 27.3334V18.4001H20.8267C20.9749 18.4022 21.1197 18.3548 21.238 18.2655C21.3563 18.1762 21.4415 18.0499 21.48 17.9067L22.44 14.4401C22.4665 14.3416 22.4701 14.2383 22.4504 14.1382C22.4308 14.0381 22.3884 13.9438 22.3265 13.8627C22.2647 13.7816 22.1851 13.7157 22.0938 13.6701C22.0025 13.6246 21.902 13.6006 21.8 13.6001H17.3333V10.0001C17.3665 9.67004 17.5215 9.36422 17.768 9.14233C18.0146 8.92044 18.335 8.79841 18.6667 8.80007H22C22.1768 8.80007 22.3464 8.72983 22.4714 8.60481C22.5964 8.47978 22.6667 8.31021 22.6667 8.1334V4.66674Z"
+                />
+              </svg>
+            </a>
+            <a
+              href="https://twitter.com"
+              class="media__link"
+              target="_blank"
+            >
+              <svg class="media__icon media__icon--gray">
+                <path
+                  d="M10.7724 26.6671C12.744 26.733 14.7088 26.4031 16.5507 25.6968C18.3926 24.9905 20.0743 23.9221 21.4963 22.5548C22.9183 21.1875 24.0517 19.549 24.8297 17.7362C25.6077 15.9234 26.0144 13.973 26.0257 12.0004C26.9293 10.8823 27.6002 9.59482 27.9991 8.21372C28.0289 8.1046 28.0264 7.9892 27.9922 7.88142C27.9579 7.77363 27.8931 7.67806 27.8058 7.6062C27.7184 7.53435 27.6122 7.48928 27.4998 7.47642C27.3874 7.46356 27.2737 7.48346 27.1724 7.53372C26.6997 7.76126 26.1675 7.83475 25.6509 7.74386C25.1342 7.65296 24.6591 7.40225 24.2924 7.02705C23.8243 6.51449 23.2582 6.10109 22.6274 5.81135C21.9966 5.52162 21.3141 5.36143 20.6203 5.3403C19.9265 5.31916 19.2356 5.4375 18.5883 5.6883C17.9411 5.9391 17.3508 6.31727 16.8524 6.80038C16.17 7.46126 15.6702 8.28744 15.4015 9.19862C15.1328 10.1098 15.1044 11.075 15.3191 12.0004C10.8524 12.2671 7.78574 10.1471 5.33241 7.24038C5.25871 7.15692 5.1623 7.09672 5.05495 7.06714C4.9476 7.03757 4.83396 7.03989 4.72791 7.07382C4.62186 7.10776 4.52799 7.17184 4.45775 7.25825C4.38752 7.34465 4.34397 7.44964 4.33241 7.56038C3.86504 10.1529 4.20218 12.8264 5.29857 15.2218C6.39495 17.6172 8.19807 19.6197 10.4657 20.9604C8.94526 22.7042 6.81002 23.7933 4.50575 24.0004C4.38229 24.0209 4.26833 24.0794 4.17981 24.1679C4.09129 24.2563 4.03264 24.3702 4.01207 24.4937C3.9915 24.6171 4.01003 24.7439 4.06508 24.8563C4.12013 24.9686 4.20894 25.061 4.31908 25.1204C6.32377 26.1222 8.53139 26.6513 10.7724 26.6671Z"
+                />
+              </svg>
+            </a>
+            <a
+              href="https://www.instagram.com"
+              class="media__link"
+              target="_blank"
+            >
+              <svg class="media__icon media__icon--gray">
+                <path
+                  d="M16.0027 9.8467C12.5974 9.8467 9.85075 12.594 9.85075 16C9.85075 19.406 12.5974 22.1533 16.0027 22.1533C19.4079 22.1533 22.1546 19.406 22.1546 16C22.1546 12.594 19.4079 9.8467 16.0027 9.8467ZM16.0027 20.0004C13.8021 20.0004 12.0031 18.2064 12.0031 16C12.0031 13.7936 13.7968 11.9996 16.0027 11.9996C18.2086 11.9996 20.0022 13.7936 20.0022 16C20.0022 18.2064 18.2032 20.0004 16.0027 20.0004ZM23.8412 9.595C23.8412 10.3929 23.1987 11.0302 22.4062 11.0302C21.6085 11.0302 20.9713 10.3876 20.9713 9.595C20.9713 8.80241 21.6138 8.15977 22.4062 8.15977C23.1987 8.15977 23.8412 8.80241 23.8412 9.595ZM27.9157 11.0517C27.8247 9.12909 27.3856 7.42608 25.9775 6.02298C24.5747 4.61988 22.8721 4.18074 20.9499 4.08435C18.9689 3.97188 13.0311 3.97188 11.0501 4.08435C9.1333 4.17539 7.43068 4.61453 6.02253 6.01763C4.61439 7.42073 4.1807 9.12373 4.08433 11.0463C3.97189 13.0278 3.97189 18.9669 4.08433 20.9483C4.17535 22.8709 4.61439 24.5739 6.02253 25.977C7.43068 27.3801 9.12794 27.8193 11.0501 27.9157C13.0311 28.0281 18.9689 28.0281 20.9499 27.9157C22.8721 27.8246 24.5747 27.3855 25.9775 25.977C27.3803 24.5739 27.8193 22.8709 27.9157 20.9483C28.0281 18.9669 28.0281 13.0331 27.9157 11.0517ZM25.3564 23.0744C24.9388 24.1241 24.1303 24.9327 23.0755 25.3558C21.496 25.9824 17.7481 25.8378 16.0027 25.8378C14.2572 25.8378 10.504 25.977 8.92984 25.3558C7.88042 24.9381 7.07195 24.1294 6.64897 23.0744C6.02253 21.4946 6.16709 17.7458 6.16709 16C6.16709 14.2542 6.02789 10.5001 6.64897 8.92558C7.06659 7.87593 7.87507 7.06728 8.92984 6.6442C10.5093 6.01763 14.2572 6.16222 16.0027 6.16222C17.7481 6.16222 21.5014 6.02298 23.0755 6.6442C24.1249 7.06192 24.9334 7.87058 25.3564 8.92558C25.9828 10.5054 25.8383 14.2542 25.8383 16C25.8383 17.7458 25.9828 21.4999 25.3564 23.0744Z"
+                />
+              </svg>
+            </a>
+          </div>
+        </div>
+        <div class="bottom-bar">
           <a
-            href="https://www.instagram.com"
-            class="media__link"
-            target="_blank"
+            href="#"
+            class="bottom-bar__logo-link"
           >
-            <svg class="media__icon media__icon--gray">
-              <path
-                d="M16.0027 9.8467C12.5974 9.8467 9.85075 12.594 9.85075 16C9.85075 19.406 12.5974 22.1533 16.0027 22.1533C19.4079 22.1533 22.1546 19.406 22.1546 16C22.1546 12.594 19.4079 9.8467 16.0027 9.8467ZM16.0027 20.0004C13.8021 20.0004 12.0031 18.2064 12.0031 16C12.0031 13.7936 13.7968 11.9996 16.0027 11.9996C18.2086 11.9996 20.0022 13.7936 20.0022 16C20.0022 18.2064 18.2032 20.0004 16.0027 20.0004ZM23.8412 9.595C23.8412 10.3929 23.1987 11.0302 22.4062 11.0302C21.6085 11.0302 20.9713 10.3876 20.9713 9.595C20.9713 8.80241 21.6138 8.15977 22.4062 8.15977C23.1987 8.15977 23.8412 8.80241 23.8412 9.595ZM27.9157 11.0517C27.8247 9.12909 27.3856 7.42608 25.9775 6.02298C24.5747 4.61988 22.8721 4.18074 20.9499 4.08435C18.9689 3.97188 13.0311 3.97188 11.0501 4.08435C9.1333 4.17539 7.43068 4.61453 6.02253 6.01763C4.61439 7.42073 4.1807 9.12373 4.08433 11.0463C3.97189 13.0278 3.97189 18.9669 4.08433 20.9483C4.17535 22.8709 4.61439 24.5739 6.02253 25.977C7.43068 27.3801 9.12794 27.8193 11.0501 27.9157C13.0311 28.0281 18.9689 28.0281 20.9499 27.9157C22.8721 27.8246 24.5747 27.3855 25.9775 25.977C27.3803 24.5739 27.8193 22.8709 27.9157 20.9483C28.0281 18.9669 28.0281 13.0331 27.9157 11.0517ZM25.3564 23.0744C24.9388 24.1241 24.1303 24.9327 23.0755 25.3558C21.496 25.9824 17.7481 25.8378 16.0027 25.8378C14.2572 25.8378 10.504 25.977 8.92984 25.3558C7.88042 24.9381 7.07195 24.1294 6.64897 23.0744C6.02253 21.4946 6.16709 17.7458 6.16709 16C6.16709 14.2542 6.02789 10.5001 6.64897 8.92558C7.06659 7.87593 7.87507 7.06728 8.92984 6.6442C10.5093 6.01763 14.2572 6.16222 16.0027 6.16222C17.7481 6.16222 21.5014 6.02298 23.0755 6.6442C24.1249 7.06192 24.9334 7.87058 25.3564 8.92558C25.9828 10.5054 25.8383 14.2542 25.8383 16C25.8383 17.7458 25.9828 21.4999 25.3564 23.0744Z"
-              />
-            </svg>
+            <img
+              src="images/logo/Logo-2x.png"
+              class="bottom-bar__logo-image"
+              alt="Logo"
+            />
           </a>
+          <nav class="bottom-nav">
+            <ul class="bottom-nav__list">
+              <li class="bottom-nav__item">
+                <a
+                  href="#about-us"
+                  class="bottom-nav__link"
+                >
+                  About us
+                </a>
+              </li>
+              <li class="bottom-nav__item">
+                <a
+                  href="#"
+                  class="bottom-nav__link"
+                >
+                  Home
+                </a>
+              </li>
+              <li class="bottom-nav__item">
+                <a
+                  href="#our-expertise"
+                  class="bottom-nav__link"
+                >
+                  Work
+                </a>
+              </li>
+              <li class="bottom-nav__item">
+                <a
+                  href="#services"
+                  class="bottom-nav__link"
+                >
+                  Services
+                </a>
+              </li>
+              <li class="bottom-nav__item">
+                <a
+                  href="#contact"
+                  class="bottom-nav__link"
+                >
+                  Contact Us
+                </a>
+              </li>
+              <li class="bottom-nav__item">
+                <a
+                  class="bottom-nav__link bottom-nav__link--theme-changer theme-changer"
+                >
+                  Change theme
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <a class="bottom-bar__theme-changer theme-changer">Change theme</a>
         </div>
       </div>
-
-      <div class="bottom-bar">
-        <a
-          href="#"
-          class="bottom-bar__logo-link"
-        >
-          <img
-            src="images/logo/Logo-2x.png"
-            class="bottom-bar__logo-image"
-            alt="Logo"
-          />
-        </a>
-
-        <nav class="bottom-nav">
-          <ul class="bottom-nav__list">
-            <li class="bottom-nav__item">
-              <a
-                href="#about-us"
-                class="bottom-nav__link"
-              >
-                About us
-              </a>
-            </li>
-            <li class="bottom-nav__item">
-              <a
-                href="#"
-                class="bottom-nav__link"
-              >
-                Home
-              </a>
-            </li>
-            <li class="bottom-nav__item">
-              <a
-                href="#our-expertise"
-                class="bottom-nav__link"
-              >
-                Work
-              </a>
-            </li>
-            <li class="bottom-nav__item">
-              <a
-                href="#services"
-                class="bottom-nav__link"
-              >
-                Services
-              </a>
-            </li>
-            <li class="bottom-nav__item">
-              <a
-                href="#contact"
-                class="bottom-nav__link"
-              >
-                Contact Us
-              </a>
-            </li>
-            <li class="bottom-nav__item">
-              <a
-                class="bottom-nav__link bottom-nav__link--theme-changer theme-changer"
-              >
-                Change theme
-              </a>
-            </li>
-          </ul>
-        </nav>
-
-        <a class="bottom-bar__theme-changer theme-changer">Change theme</a>
-      </div>
     </footer>
 
     <script
diff --git a/src/scripts/main.js b/src/scripts/main.js
index 98e7268b8..eba6c17cb 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -87,8 +87,7 @@ document.addEventListener('DOMContentLoaded', function () {
         document.querySelector('.header').style.borderBottomLeftRadius =
           '200px';
         document.querySelector('.header').style.borderBottomRightRadius = '0';
-        document.querySelector('.header').style.backgroundColor =
-          cBlueBackground;
+        document.querySelector('.header').style.backgroundColor = cBlueBackground;
         document.querySelector('.top-bar__hire').classList.add('pink');
         document.querySelector('.header__button').style.borderRadius = '64px';
         document.querySelector('.header__button').style.backgroundColor = cPink;
diff --git a/src/styles/blocks/card.scss b/src/styles/blocks/card.scss
index 62c192124..1ab5df53f 100644
--- a/src/styles/blocks/card.scss
+++ b/src/styles/blocks/card.scss
@@ -11,10 +11,12 @@
 
   @include on-tablet {
     width: 264px;
+    flex: 0 0 calc(50% - 30px);
   }
 
   @include on-phone {
     width: 280px;
+    flex: unset;
   }
 
   &__number {
diff --git a/src/styles/blocks/footer.scss b/src/styles/blocks/footer.scss
index 0c2e5eb06..c8529a7b3 100644
--- a/src/styles/blocks/footer.scss
+++ b/src/styles/blocks/footer.scss
@@ -6,6 +6,20 @@
   border-top-right-radius: 30px;
   box-shadow: 0 -150px 0 10px $c-white;
 
+  &__content {
+    @include page-grid;
+
+    grid-column: span 12;
+
+    @include on-tablet {
+      grid-column: span 6;
+    }
+
+    @include on-phone {
+      grid-column: span 2;
+    }
+  }
+
   &__form-title {
     @include text-styler(Poppins, 600, 32px, 48px, $c-white);
 
diff --git a/src/styles/blocks/form.scss b/src/styles/blocks/form.scss
index 1b3b31896..317460856 100644
--- a/src/styles/blocks/form.scss
+++ b/src/styles/blocks/form.scss
@@ -57,7 +57,7 @@
     &:-webkit-autofill:focus {
       border-bottom-color: $c-blue;
       -webkit-text-fill-color: $c-white;
-      -webkit-box-shadow: 0 0 0px 1000px $c-dark-gray inset;
+      -webkit-box-shadow: 0 0 0 1000px $c-dark-gray inset;
       caret-color: $c-white;
     }
   }
diff --git a/src/styles/blocks/header.scss b/src/styles/blocks/header.scss
index 7eaf64a21..0f0a3aa43 100644
--- a/src/styles/blocks/header.scss
+++ b/src/styles/blocks/header.scss
@@ -7,15 +7,19 @@
   border-bottom-right-radius: 32px;
 
   @include on-tablet {
-    height: 100%;
+    height: 893px;
   }
 
   &__content {
-    @include element-grid;
+    @include page-grid;
 
     grid-column: 1 / -1;
     grid-row: 2;
 
+    @include on-tablet {
+      position: relative;
+    }
+
     @include on-phone {
       grid-column: span 2;
       grid-row: unset;
@@ -82,3 +86,15 @@
     }
   }
 }
+
+@media (max-width: 464px) {
+  .header {
+    height: 955px;
+  }
+}
+
+@media (max-width: 354px) {
+  .header {
+    height: 983px;
+  }
+}
diff --git a/src/styles/blocks/info.scss b/src/styles/blocks/info.scss
index 17f3f4cad..dd1431e3a 100644
--- a/src/styles/blocks/info.scss
+++ b/src/styles/blocks/info.scss
@@ -24,6 +24,7 @@
     &-link {
       color: $c-white;
       text-decoration: none;
+
       @include hover(text-shadow, 0 0 2px $c-white);
     }
 
diff --git a/src/styles/blocks/our-expertise.scss b/src/styles/blocks/our-expertise.scss
index f130d829f..3938d6635 100644
--- a/src/styles/blocks/our-expertise.scss
+++ b/src/styles/blocks/our-expertise.scss
@@ -1,5 +1,5 @@
 .our-expertise {
-  @include element-grid;
+  @include page-grid;
   @include white-bg(30px, 100%);
 
   &__title {
diff --git a/src/styles/blocks/services.scss b/src/styles/blocks/services.scss
index 3b54f2d0e..54e8cbfea 100644
--- a/src/styles/blocks/services.scss
+++ b/src/styles/blocks/services.scss
@@ -1,9 +1,9 @@
 .services {
-  @include element-grid;
+  @include page-grid;
 
   @include on-tablet {
     row-gap: 40px;
-    margin: 0 0 132px;
+    margin-bottom: 132px;
   }
 
   &__content {
diff --git a/src/styles/blocks/slider.scss b/src/styles/blocks/slider.scss
index 6e8c8f7c5..912f610d2 100644
--- a/src/styles/blocks/slider.scss
+++ b/src/styles/blocks/slider.scss
@@ -7,18 +7,19 @@
   overflow: hidden;
 
   @include on-tablet {
-    position: relative;
     grid-column: span 6;
+    left: 0;
+    bottom: -465px;
     width: 100vw;
     height: 390px;
     justify-self: center;
-    margin: 147px 0 0;
   }
 
   @include on-phone {
     grid-column: span 2;
+    left: 0;
+    bottom: -455px;
     object-fit: contain;
-    margin: 48px 0 0;
   }
 
   &__slides {
diff --git a/src/styles/blocks/testimonials.scss b/src/styles/blocks/testimonials.scss
index 6a27b5ee9..40ac43962 100644
--- a/src/styles/blocks/testimonials.scss
+++ b/src/styles/blocks/testimonials.scss
@@ -1,5 +1,5 @@
 .testimonials {
-  @include element-grid;
+  @include page-grid;
 
   grid-column: span 12;
 
diff --git a/src/styles/blocks/top-bar.scss b/src/styles/blocks/top-bar.scss
index 8ef33f3e6..7a86a2a82 100644
--- a/src/styles/blocks/top-bar.scss
+++ b/src/styles/blocks/top-bar.scss
@@ -1,5 +1,5 @@
 .top-bar {
-  @include element-grid;
+  @include page-grid;
 
   place-content: center;
   height: 120px;
@@ -36,6 +36,7 @@
     display: flex;
     align-items: center;
     grid-column: -2 / -1;
+    width: 67px;
 
     @include nav-link-styles;
 
@@ -73,6 +74,10 @@
     justify-content: space-between;
     align-items: center;
     gap: 32px;
+
+    @include on-phone {
+      justify-content: unset;
+    }
   }
 
   &__menu-link {
diff --git a/src/styles/blocks/vision.scss b/src/styles/blocks/vision.scss
index e8004e20a..2859cb500 100644
--- a/src/styles/blocks/vision.scss
+++ b/src/styles/blocks/vision.scss
@@ -1,5 +1,5 @@
 .vision {
-  @include element-grid;
+  @include page-grid;
 
   background-color: $c-white;
   justify-items: center;
diff --git a/src/styles/blocks/who-we-are.scss b/src/styles/blocks/who-we-are.scss
index 88463891e..44d38606d 100644
--- a/src/styles/blocks/who-we-are.scss
+++ b/src/styles/blocks/who-we-are.scss
@@ -1,5 +1,5 @@
 .who-we-are {
-  @include element-grid;
+  @include page-grid;
 
   margin-block-start: 148px;
 
diff --git a/src/styles/utils/_mixins.scss b/src/styles/utils/_mixins.scss
index 5541e1f3d..8164e81e8 100644
--- a/src/styles/utils/_mixins.scss
+++ b/src/styles/utils/_mixins.scss
@@ -24,7 +24,7 @@
 }
 
 @mixin on-tablet {
-  @media (max-width: 1080px) {
+  @media (max-width: 1024px) {
     @content;
   }
 }
@@ -41,29 +41,29 @@
   display: grid;
   justify-content: center;
   column-gap: 30px;
-  grid-template-columns: repeat(var(--columns), 68px);
+  grid-template-columns: repeat(var(--columns), 1fr);
 
   @include on-desktop-xl {
-    padding-inline: 54px;
+    margin-inline: 54px;
   }
 
   @include on-desktop {
-    padding-inline: 54px;
+    margin-inline: 54px;
     column-gap: 20px;
   }
 
   @include on-tablet {
     --columns: 6;
 
-    padding-inline: 41px;
+    margin-inline: 41px;
     column-gap: 30px;
   }
 
   @include on-phone {
     --columns: 2;
 
-    grid-template-columns: repeat(var(--columns), 130px);
-    padding-inline: 20px;
+    grid-template-columns: repeat(var(--columns), 1fr);
+    margin-inline: 20px;
     column-gap: 20px;
   }
 }
@@ -74,7 +74,7 @@
   display: grid;
   justify-content: center;
   column-gap: 30px;
-  grid-template-columns: repeat(var(--columns), 68px);
+  grid-template-columns: repeat(var(--columns), 1fr);
 
   @include on-desktop {
     column-gap: 20px;
@@ -90,25 +90,7 @@
     --columns: 2;
 
     column-gap: 20px;
-    grid-template-columns: repeat(var(--columns), 130px);
-  }
-}
-
-@mixin paddings {
-  @include on-desktop-xl {
-    padding-inline: 54px;
-  }
-
-  @include on-desktop {
-    padding-inline: 54px;
-  }
-
-  @include on-tablet {
-    padding-inline: 41px;
-  }
-
-  @include on-phone {
-    padding-inline: 20px;
+    grid-template-columns: repeat(var(--columns), 1fr);
   }
 }