diff --git a/src/App.js b/src/App.js
index abe3f90..73ca39f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -12,12 +12,14 @@ import PageLand from "./pages/page_land";
 import PageUpload from "./pages/page_upload";
 
 
+
 function App() {
   return (
 
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<PageUpload />} />
+        <Route path="/land" element={<PageLand />} />
         {/* <Route path="/reg" element={<PageReg />} />
         <Route path="/land" element={<PageLand />} /> */}
       </Routes>
diff --git a/src/components/Community/style.css b/src/components/Community/style.css
index 4354ac8..58721b4 100644
--- a/src/components/Community/style.css
+++ b/src/components/Community/style.css
@@ -3,6 +3,7 @@
   justify-content: space-between;
   padding-right: 78px;
   margin-top: 88px;
+  gap: 40px;
 }
 
 .community-left {
diff --git a/src/components/CoubBackground/style.css b/src/components/CoubBackground/style.css
index a714a4a..718fdd7 100644
--- a/src/components/CoubBackground/style.css
+++ b/src/components/CoubBackground/style.css
@@ -83,3 +83,9 @@ z-index: 4;
   left: 771.44px;
   top: 512.38px;
 }
+
+@media (max-width: 1024px) {
+  .background {
+    min-height: 540%;
+  }
+}
\ No newline at end of file
diff --git a/src/components/Footer/style.css b/src/components/Footer/style.css
index 3496f82..b5ddddf 100644
--- a/src/components/Footer/style.css
+++ b/src/components/Footer/style.css
@@ -5,6 +5,7 @@
   padding-bottom: 56px;
   display: flex;
   justify-content: space-between;
+  gap: 20px;
 }
 .footer p {
   font-weight: 400;
diff --git a/src/components/Header/index.jsx b/src/components/Header/index.jsx
index 0adc815..bd7e414 100644
--- a/src/components/Header/index.jsx
+++ b/src/components/Header/index.jsx
@@ -13,6 +13,7 @@ function Header() {
       <img src={DeCast_logo} alt="" className="footer-logo" />
       <p>DeCast</p>
       </a>
+      {/* <label for="menu-checkbox" class="toggle-button" data-open="Menu" data-close="Close" onclick></label> */}
       <nav className='nav'>
         <div className='nav__item'>Menu1</div>
         <div className='nav__item'>Menu1</div>
@@ -23,6 +24,7 @@ function Header() {
           {/* <img className='authorize__mask white-fox' src={white_fox} alt='' /> */}
           <p className='authorize__text'>Authorize</p>
         </button>
+
       </nav>
     </div>
   );
diff --git a/src/components/Header/style.css b/src/components/Header/style.css
index cae42fd..1a0ffcc 100644
--- a/src/components/Header/style.css
+++ b/src/components/Header/style.css
@@ -1,11 +1,10 @@
 .header {
   border-bottom: 1px solid white;
-
   margin: 0;
   padding: 20px 0px;
-
   display: flex;
   justify-content: space-between;
+  gap: 20px;
 }
 .header__logo-block {
   font-weight: 700;
@@ -19,7 +18,6 @@
 .nav {
   display: flex;
   gap: 24px;
-
   align-items: center;
 }
 
@@ -57,3 +55,39 @@
   line-height: 20px;
   background: none;
 }
+
+#menu-checkbox {
+  /* чекбокс скрыт */
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+.toggle-button {
+  text-align: center;
+  display: block;
+  /* не забываем явно указать каким должен быть курсор */
+  cursor: pointer;
+  background-color: #333;
+  color: #fff;
+}
+.toggle-button:after {
+  /* получаем данные из атрибута data-open в html */
+  content: attr(data-open);
+  display: block;
+  margin: 10px 0;
+  padding: 10px 30px;
+}
+#menu-checkbox:checked + nav[role="navigation"] .main-menu {
+  /* когда чекбокс активен меню становится видимым */
+  position: static;
+}
+#menu-checkbox:checked + nav[role="navigation"] .toggle-button:after {
+  content: attr(data-close);
+}
+@media screen and (min-width: 640px) {
+  .toggle-button {
+    /* label скрыт */
+    position: absolute;
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
\ No newline at end of file
diff --git a/src/components/Main-land-82/index.jsx b/src/components/Main-land-82/index.jsx
deleted file mode 100644
index a950a30..0000000
--- a/src/components/Main-land-82/index.jsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import React from "react";
-import Footer from "../Footer";
-import Advantages from "../advantages";
-import Community from "../Community";
-import Download from "../download";
-import Header from "../Header";
-import Laptop from "../../assets/laptop.svg";
-import download from "../../assets/download.svg";
-import windows from "../../assets/windows.svg";
-import apple from "../../assets/apple.svg";
-import telegram from "../../assets/telegram.svg";
-import github from "../../assets/github.svg";
-import "./style.css";
-
-function MainLand82() {
-  return (
-    <main className="main content ">
-      <Header />
-      <section className="main__top">
-        <div className="top__title-truly">
-          <h1 className="title-truly__article">
-            The first truly distributed video hosting
-          </h1>
-          <p className="title-truly__text">
-            про преимущества/технологии про преимущества/технологиипро
-            преимущества/технологиипро преимущества/технологии
-          </p>
-          <button className="button-standart button-black">
-            <img src={download} alt="" /> Download now
-          </button>
-        </div>
-        <img src={Laptop} alt="" className="top__laptop" />
-      </section>
-      <section className="main__main-suggest">
-        <div className="main-suggest__suggest-text">
-          <h2 className="suggest-title">
-            Экран с предложением скачать десктопную версию для просмотра видосов{" "}
-          </h2>
-          <p className="suggest-text__advanteges">
-            про преимущества/технологии про преимущества/технологиипро
-            преимущества/технологиипро преимущества/технологии про
-            преимущества/преимущества/технологии про преимущества/
-          </p>
-        </div>
-        <div className="main-suggest__advanteges">
-          <div className="advanteges windows">
-            {" "}
-            <p className="suggest-text__advanteges">
-              про преимущества/технологии про преимущества/технологиипро
-              преимущества/технологиипро преимущества/технологии про
-              преимущества/
-            </p>
-            <button className="button-standart button-black">
-              <img src={windows} alt="" /> Download Windows
-            </button>
-          </div>
-          <div className="advanteges apple">
-            {" "}
-            <p className="suggest-text__advanteges">
-              про преимущества/технологии про преимущества/технологиипро
-              преимущества/технологиипро преимущества/технологии про
-              преимущества/
-            </p>
-            <button className="button-standart button-white">
-              <img src={apple} alt="" /> Download Mac OC
-            </button>
-          </div>
-        </div>
-      </section>
-      <section className="main__community">
-        <div className="community-left">
-        <h2 className="community__title">Community</h2>
-        <p className="community__advanteges">
-           Gро преимущества/технологии  
-          </p>
-        <button className="button-standart button-black">
-            <img src={telegram} alt="" />t.me/DeCast
-          </button>
-          <button className="button-standart button-black">
-            <img src={github} alt="" />github.com/DeCast
-          </button>
-          <p className="community__text">
-          Fро преимущества/технологии про преимущества/технологиипро преимущества/технологиипро преимущества/технологии про преимущества/
-          </p>
-          </div>
-          <p className="community-right">Gро преимущества/технологии про преимущества/технологиипро преимущества/технологиипро преимущества/технологии про преимущества/технологии про преимущества/технологиипро преимущества/технологиипро преимущества/технологии</p>
-      </section>
-      <Footer/>
-    </main>
-  );
-}
-
-export default MainLand82;
diff --git a/src/components/Main-land-82/style.css b/src/components/Main-land-82/style.css
deleted file mode 100644
index 9d42514..0000000
--- a/src/components/Main-land-82/style.css
+++ /dev/null
@@ -1,152 +0,0 @@
-* {
-  margin: 0;
-}
-.content {
-  padding: 0 140px;
-}
-.main h2 {
-  font-size: 42px;
-  font-weight: 600;
-}
-.main {
-  display: flex;
-  flex-direction: column;
-  /* width: 100%; */
-  min-height: 2000px;
-  height: 1778px;
-  /* background: #3a86ff; */
-  color: #ffffff;
-}
-
-.main__top {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 86px;
-}
-.top__laptop {
-  max-width: 720px;
-  width: 100%;
-  max-height: 414px;
-  height: 100%;
-  position: relative;
-  top: -40px;
-  left: 102px;
-}
-.top__title-truly {
-  display: flex;
-  flex-direction: column;
-  gap: 40px;
-}
-.title-truly__article {
-  font-weight: 600;
-  font-size: 56px;
-  line-height: 100%;
-}
-.title-truly__text {
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 22px;
-}
-
-.main__main-suggest {
-  margin-top: 101px;
-  display: flex;
-  justify-content: space-between;
-  padding: 46.71px 49.64px 47.51px 43.69px;
-  border: 1px solid #e7e7e7;
-  border-radius: 4px;
-  gap: 146px;
-}
-.main-suggest__suggest-text {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  gap: 32px;
-  max-width: 470px;
-}
-.main-suggest__advanteges {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  gap: 42px;
-  max-width: 460px;
-}
-.advanteges {
-  display: flex;
-  flex-direction: column;
-  gap: 21px;
-}
-.suggest-text__advanteges {
-  line-height: 22px;
-}
-.white-fox {
-  display: block;
-}
-.authorize-white {
-  border: 1px solid #ffffff;
-  color: #ffffff;
-}
-.blue-fox {
-  display: none;
-}
-
-.button-standart {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  padding: 10px 10.65px;
-  border-radius: 4px;
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 20px;
-  height: 40px;
-}
-
-.button-black {
-  background: #222222 !important;
-}
-.button-white {
-  background: #ffffff !important;
-  color: #222222 !important;
-}
-.main__community {
-  display: flex;
-  justify-content: space-between;
-  padding-right: 78px;
-  margin-top: 88px;
-}
-.main__community p{
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 22px;
-}
-.community-left {
-
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-.community__title {
-  margin-bottom: 42px;
-}
-.community__advanteges {
-  margin-bottom: 10px;
-  display: flex;
-  justify-content: space-between;
-}
-.community-right {
-  font-weight: 400;
-font-size: 16px;
-line-height: 22px;
-align-self: center;
- max-width: 421px;
-}
-.community__text {
-  max-width: 421px;
-  margin-top: 20px;
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 22px;
-}
-
diff --git a/src/components/Main-land/style.css b/src/components/Main-land/style.css
index 37f880a..b878d96 100644
--- a/src/components/Main-land/style.css
+++ b/src/components/Main-land/style.css
@@ -39,4 +39,8 @@ a,a:visited {
     /* background: #3a86ff; */
     color: #ffffff;
   }
-  
\ No newline at end of file
+  @media (max-width:768px) {
+    .content {
+      padding: 0 5%;
+    }
+  }
\ No newline at end of file
diff --git a/src/components/download/style.css b/src/components/download/style.css
index e64b43c..1f66b07 100644
--- a/src/components/download/style.css
+++ b/src/components/download/style.css
@@ -1,74 +1,73 @@
 .main__main-suggest {
-    margin-top: 101px;
-    display: flex;
-    justify-content: space-between;
-    padding: 46.71px 49.64px 47.51px 43.69px;
-    border: 1px solid #e7e7e7;
-    border-radius: 4px;
-    gap: 10px;
-  }
+  margin-top: 101px;
+  display: flex;
+  justify-content: space-between;
+  padding: 46.71px 49.64px 47.51px 43.69px;
+  border: 1px solid #e7e7e7;
+  border-radius: 4px;
+  gap: 10px;
+}
 
-  .main-suggest__suggest-text {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    gap: 32px;
-    max-width: 470px;
-  }
+.main-suggest__suggest-text {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 32px;
+  max-width: 470px;
+}
 
-.suggest-text__buttons{
-    display: flex;
-    gap: 22px;
+.suggest-text__buttons {
+  display: flex;
+  gap: 22px;
 }
 
-  .main-suggest__advanteges {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    gap: 42px;
-    max-width: 460px;
+.main-suggest__advanteges {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 42px;
+  max-width: 460px;
 
+  display: none;
+}
+.advanteges {
+  display: flex;
+  flex-direction: column;
+  gap: 21px;
+}
+.suggest-text__advanteges {
+  line-height: 22px;
+}
 
-    display: none;
-  }
-  .advanteges {
-    display: flex;
-    flex-direction: column;
-    gap: 21px;
-  }
-  .suggest-text__advanteges {
-    line-height: 22px;
-  }
-  
-  .button-standart {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-    padding: 10px 10.65px;
-    border-radius: 4px;
-    font-weight: 700;
-    font-size: 16px;
-    line-height: 20px;
-    height: 40px;
-  }
-  
-  .button-black {
-    background: #222222 !important;
-  }
-  .button-white {
-    background: #ffffff !important;
-    color: #222222 !important;
-  }
+.button-standart {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 10.65px;
+  border-radius: 4px;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 20px;
+  height: 40px;
+}
+
+.button-black {
+  background: #222222 !important;
+}
+.button-white {
+  background: #ffffff !important;
+  color: #222222 !important;
+}
 .main-suggest__laptop {
   /* max-width: 603px; */
- max-width: 576px;
+  max-width: 576px;
   max-height: 332px;
   align-self: center;
   width: 58%;
 }
 
-@media (max-width:1024px) {
+@media (max-width: 1024px) {
   .main__main-suggest {
     margin-top: 101px;
     padding: 26.71px 29.64px 27.51px 23.69px;
@@ -79,6 +78,14 @@
   .main-suggest__laptop {
     width: 100%;
   }
+  .suggest-text__buttons {
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+  }
+  .suggest-title {
+    font-size: 32px !important;
+  }
 }
 
 /*