diff --git a/src/index.html b/src/index.html
index 2b6863b..cad288e 100755
--- a/src/index.html
+++ b/src/index.html
@@ -9,52 +9,52 @@
 
   <body>
     <div class="background">
-      <div class="width-container">
-        <!-- Start header -->
-        <header class="header">
-          <div class="container divide-content-center text text--md">
-            <a href="javascript:void(0)" class="logo-link">
-              <div class="logo-wrapper">
-                <img src="./assets/images/logo.svg" alt="Logo web" class="logo" />
-              </div>
-            </a>
-            <nav class="nav">
-              <ul class="nav__lists d-flex justify-content-between">
-                <li class="nav__item">
-                  <a href="javascript:void(0)" class="nav__item-link">Home</a>
-                </li>
-                <li class="nav__item">
-                  <a href="javascript:void(0)" class="nav__item-link">Portfolio</a>
-                </li>
-                <li class="nav__item">
-                  <a href="javascript:void(0)" class="nav__item-link">Services</a>
-                </li>
-                <li class="nav__item">
-                  <a href="javascript:void(0)" class="nav__item-link">Contact</a>
-                </li>
-              </ul>
-            </nav>
-          </div>
-        </header>
-        <!-- End header -->
+      <!-- Start header -->
+      <header class="header">
+        <div class="container divide-content-center text text--md">
+          <a href="javascript:void(0)" class="logo-link">
+            <div class="logo-wrapper">
+              <img src="./assets/images/logo.svg" alt="Logo web" class="logo" />
+            </div>
+          </a>
+          <nav class="nav">
+            <ul class="nav__lists justify-content-between">
+              <li class="nav__item">
+                <a href="javascript:void(0)" class="nav__item-link text">Home</a>
+              </li>
+              <li class="nav__item">
+                <a href="javascript:void(0)" class="nav__item-link text">Portfolio</a>
+              </li>
+              <li class="nav__item">
+                <a href="javascript:void(0)" class="nav__item-link text">Services</a>
+              </li>
+              <li class="nav__item">
+                <a href="javascript:void(0)" class="nav__item-link text">Contact</a>
+              </li>
+            </ul>
+          </nav>
+        </div>
+      </header>
+      <!-- End header -->
 
-        <!-- Start welcome section -->
-        <section class="welcome d-flex align-item-center">
-          <div class="welcome__content d-flex flex-column">
+      <!-- Start welcome section -->
+      <section class="welcome d-flex align-item-center">
+        <div class="welcome__content">
+          <div class="welcome__content-text">
             <span class="welcome__title text--bold">Welcome</span>
             <h1 class="welcome__heading text--secondary text--lg">Lorem ipsum dolor sit amet consectetur</h1>
             <p class="welcome__description text text--sm">
               Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam nobis
               cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
             </p>
-            <a href="javascript:void(0)" class="btn btn-primary text">Explore</a>
           </div>
-          <div class="welcome-image-container">
-            <img src="./assets/images/header-image.png" alt="Header Image" class="welcome__image" />
-          </div>
-        </section>
-        <!-- End welcome section -->
-      </div>
+          <a href="javascript:void(0)" class="welcome__btn btn btn-primary text">Explore</a>
+        </div>
+        <div class="welcome-image-container">
+          <img src="./assets/images/header-image.png" alt="Header Image" class="welcome__image" />
+        </div>
+      </section>
+      <!-- End welcome section -->
     </div>
 
     <div class="width-container">
@@ -94,7 +94,9 @@
       <section class="conversation">
         <div class="conversation__container divide-content-center">
           <!-- Conversation image -->
-          <img src="./assets/images/conversation.png" alt="Conversation Image" class="conversation__image" />
+          <div class="conversation__wrapper-image">
+            <img src="./assets/images/conversation.png" alt="Conversation Image" class="conversation__image" />
+          </div>
 
           <!-- Conversation content -->
           <div class="conversation__content d-flex flex-column">
@@ -123,7 +125,9 @@
           </div>
 
           <!-- Security image -->
-          <img src="./assets/images/security.png" alt="Image Security" class="security__image" />
+          <div class="security__wrapper-image">
+            <img src="./assets/images/security.png" alt="Image Security" class="security__image" />
+          </div>
         </div>
       </section>
       <!-- End security section -->
@@ -143,7 +147,9 @@
             <!-- Frame 1 -->
             <div class="team__frame">
               <div class="team__image-content align-center">
-                <img src="./assets/images/avatar-1.png" alt="Avatar Image" class="team__image" />
+                <div class="team__wrapper-image">
+                  <img src="./assets/images/avatar-1.png" alt="Avatar Image" class="team__image" />
+                </div>
                 <div class="team__information d-flex flex-column">
                   <span class="team__name text--secondary">Peg legge</span>
                   <span class="team__position text text--sm text--secondary-color">Ceo</span>
@@ -154,7 +160,9 @@
             <!-- Frame 2 -->
             <div class="team__frame">
               <div class="team__image-content align-center">
-                <img src="./assets/images/avatar-2.png" alt="Avatar Image" class="team__image" />
+                <div class="team__wrapper-image">
+                  <img src="./assets/images/avatar-2.png" alt="Avatar Image" class="team__image" />
+                </div>
                 <div class="team__information">
                   <span class="team__name text--secondary">Richard guerra</span>
                   <span class="team__position text text--sm text--secondary-color">Cto</span>
@@ -165,7 +173,9 @@
             <!-- Frame 3 -->
             <div class="team__frame">
               <div class="team__image-content align-center">
-                <img src="./assets/images/avatar-3.png" alt="Avatar Image" class="team__image" />
+                <div class="team__wrapper-image">
+                  <img src="./assets/images/avatar-3.png" alt="Avatar Image" class="team__image" />
+                </div>
                 <div class="team__information">
                   <span class="team__name text--secondary">Alexandra stolz</span>
                   <span class="team__position text text--sm text--secondary-color">Designer</span>
@@ -176,7 +186,9 @@
             <!-- Frame 4 -->
             <div class="team__frame">
               <div class="team__image-content align-center">
-                <img src="./assets/images/avatar-4.png" alt="Avatar Image" class="team__image" />
+                <div class="team__wrapper-image">
+                  <img src="./assets/images/avatar-4.png" alt="Avatar Image" class="team__image" />
+                </div>
                 <div class="team__information">
                   <span class="team__name text--secondary">Janet bray</span>
                   <span class="team__position text text--sm text--secondary-color">Developer</span>
diff --git a/src/styles/main.css b/src/styles/main.css
index ce29db0..08c1655 100755
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -75,6 +75,8 @@
 .header {
   padding-top: 35px;
   padding-bottom: 40px;
+  margin: auto;
+  width: 1175px;
 }
 
 .logo-wrapper {
@@ -99,12 +101,14 @@
 .nav__lists {
   list-style: none;
   gap: 30px;
+  display: inline-flex;
 }
 
 .nav__item-link {
   text-decoration: none;
   color: var(--white);
   transition: 0.3s;
+  padding: 0.5px;
 }
 
 .nav__item-link:hover {
@@ -116,6 +120,7 @@
   margin: auto;
   gap: 120px;
   padding-bottom: 82.87px;
+  width: 1180px;
 }
 
 .welcome__content {
@@ -123,6 +128,12 @@
   gap: 15px;
 }
 
+.welcome__content-text {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
 .welcome__title {
   letter-spacing: 5px;
   text-transform: uppercase;
@@ -135,8 +146,11 @@
 }
 
 .welcome__description {
-  color: var(--white);
-  margin-bottom: 25px;
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.welcome__btn {
+  margin-top: 25px;
 }
 
 .welcome-image-container {
@@ -145,8 +159,8 @@
 }
 
 .welcome__image {
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .btn {
@@ -214,10 +228,13 @@
 
 .sponsor__logos {
   gap: 68px;
+  width: 1159px;
+  height: 50px;
 }
 
 .sponsor__logo-item {
   transition: 0.3s;
+  cursor: pointer;
 }
 
 .sponsor__logo-item:hover {
@@ -234,6 +251,16 @@
   gap: 16px;
 }
 
+.conversation__wrapper-image {
+  width: 600px;
+  height: 431px;
+}
+
+.conversation__image {
+  width: 100%;
+  height: 100%;
+}
+
 /* Security section */
 .security__container {
   margin-top: 73px;
@@ -244,6 +271,16 @@
   gap: 16px;
 }
 
+.security__wrapper-image {
+  width: 600px;
+  height: 566px;
+}
+
+.security__image {
+  width: 100%;
+  height: 100%;
+}
+
 /* Team section */
 
 .team__container {
@@ -274,6 +311,7 @@
   height: 299px;
   box-shadow: 3px 4px 12px 1px rgba(0, 0, 0, 0.25);
   transition: 0.3s;
+  cursor: pointer;
 }
 
 .team__frame:hover {
@@ -286,6 +324,11 @@
 }
 
 .team__image {
+  width: 100%;
+  height: 100%;
+}
+
+.team__wrapper-image {
   width: 175px;
   height: 175px;
 }
