diff --git a/index.html b/index.html
index 3fabc88..0d1de9b 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
 </head>
 
 <body>
-    <header>
+    <header class="container">
         <a href="index.html" class="header-name">Golden</a>
         <ul class="header-list">
             <li class="header-item"><a href="#" class="header-link">HOME</a></li>
@@ -38,50 +38,55 @@
             <li class="header-item"><a href="#" class="header-link">CONTACT</a></li>
         </ul>
     </header>
+
     <main>
-        <h2 class="main-information">Services</h2>
-        <p class="main-description">Proin iaculis purus consequat sem cure. </p>
-        <ul class="services-list">
-            <li class="services-item"><img src="1jpg.png" alt="box" class="services-img">
-                <h3 class="services-title">E-Commerce</h3>
-                <p class="services-description">Proin iaculis purus consequat sem cure  digni ssim. Donec porttitora
-                    entum suscipit  aenean rhoncus
-                    posuere odio in tincidunt.</p>
-            </li>
-            <li class="services-item"><img src="2jpg.png" alt="computer" class="services-img">
-                <h3 class="services-title">Responsive Web</h3>
-                <p class="services-description">Proin iaculis purus consequat sem cure  digni ssim. Donec porttitora
-                    entum suscipit  aenean
-                    rhoncus
-                    posuere odio in tincidunt.</p>
-            </li>
-            <li class="services-item"><img src="3jpg.png" alt="castel" class="services-img">
-                <h3 class="services-title">Web Security</h3>
-                <p class="services-description">Proin iaculis purus consequat sem cure  digni ssim. Donec porttitora
-                    entum suscipit  aenean
-                    rhoncus
-                    posuere odio in tincidunt.</p>
-            </li>
-        </ul>
+        <div class="container">
+            <h2 class="main-information main-text">Services</h2>
+            <p class="main-description">Proin iaculis purus consequat sem cure. </p>
+            <ul class="services-list">
+                <li class="services-item"><img src="1jpg.png" alt="box" class="services-img">
+                    <h3 class="services-title">E-Commerce</h3>
+                    <p class="services-description">Proin iaculis purus consequat sem cure  digni ssim. Donec porttitora
+                        entum suscipit  aenean rhoncus
+                        posuere odio in tincidunt.</p>
+                </li>
+                <li class="services-item"><img src="2jpg.png" alt="computer" class="services-img">
+                    <h3 class="services-title">Responsive Web</h3>
+                    <p class="services-description">Proin iaculis purus consequat sem cure  digni ssim. Donec porttitora
+                        entum suscipit  aenean
+                        rhoncus
+                        posuere odio in tincidunt.</p>
+                </li>
+                <li class="services-item"><img src="3jpg.png" alt="castel" class="services-img">
+                    <h3 class="services-title">Web Security</h3>
+                    <p class="services-description">Proin iaculis purus consequat sem cure  digni ssim. Donec porttitora
+                        entum suscipit  aenean
+                        rhoncus
+                        posuere odio in tincidunt.</p>
+                </li>
+            </ul>
+        </div>
     </main>
     <footer class="footer-color">
-        <section>
-            <form>
-                <h2 class="services-titlea">Contact us</h2>
-                <p class="section-information">Proin iaculis purus consequat sem cure.</p>
-                <label for="user-name">name</label>
-                <input type="text" id="user-name" name="user name" placeholder="сергій">
-                <br>
-                <label for="gmail">gmail</label>
-                <input type="text" id="gmail" name="gmail" placeholder="serhiy658@gmaol.com">
-                <br>
-                <label for="subject">subject</label>
-                <input type="text" id="subject" name="subject" placeholder="subject">
-                <br>
-                <button type="submit" class="services-title servisec-color">SEND MESSAGE</button>
-            </form>
-
-        </section>
+        <div class="container">
+            <section >
+                <form class=" text-footer">
+                    <h2 class="services-titlea">Contact us</h2>
+                    <p class="section-information">Proin iaculis purus consequat sem cure.</p>
+                    <label for="user-name"></label>
+                    <input type="text" id="user-name" name="user-name"  placeholder="сергій">
+                    <br>
+                    <label for="gmail"></label>
+                    <input type="text" id="gmail" name="gmail"  placeholder="serhiy658@gmaol.com">
+                    <br>
+                    <label for="subject"></label>
+                    <input type="text" id="subject" name="subject" placeholder="subject">
+                    <br>
+                    <button type="submit" class="services-title servisec-color">SEND MESSAGE</button>
+                </form>
+            </section>
+        </div>
+       
     </footer>
 
 </body>
diff --git a/style.css b/style.css
index 9711af2..81e3169 100644
--- a/style.css
+++ b/style.css
@@ -27,6 +27,7 @@
 
 .services-item {
     list-style: none;
+    margin-bottom:117px;
 }
 
 .main-information {
@@ -41,6 +42,7 @@
     font-style: normal;
     color: var(--main-color);
     text-decoration: none;
+    margin: bottom 117px;
 }
 
 .services-title {
@@ -50,7 +52,9 @@
     font-style: normal;
     color: var(--header-color)
 }
-
+.main-text{
+    margin-bottom: 79px;
+}
 .main-description {
     font-family: "Roboto Slab", serif;
     font-weight: 400;
@@ -65,12 +69,18 @@
     font-style: normal;
     color: var(--subtitel-color);
 }
-
+.main-information{
+    margin-bottom:10px;
+}
+.text-footer{
+    margin-bottom: 28px;
+}
 .section-information {
     font-family: "droid-serif", serif;
     font-weight: 400;
     font-style: normal;
     color: var(--subtitel-color);
+    margin-bottom: 74px;
 }
 
 ::placeholder {
@@ -82,10 +92,19 @@
 }
 .services-titlea{
     color: var(--footer-color);
+    margin-top: 92px;
+    margin: bottom 20px;
 }
 .servisec-color{
     color:var(--footer-color);
+    margin-top: 27px;
+    margin-bottom: 115px;
 }
 .footer-color{
     background-color: #222222;
-}
\ No newline at end of file
+}
+.container{
+    width: 933px;
+    margin: 0 auto;
+    outline: 1px solid blue;
+}
