diff --git a/css/main.css b/css/main.css
index 02763fb..5091d8f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -93,7 +93,7 @@ textarea {
     background-color: #ff6d6d;
     border-radius: 3px;
     font-weight: 400;
-    padding: 10px 30px;
+    padding: 10px;
     margin: 0;
     font-size: 12pt;
     border: none;
@@ -113,6 +113,16 @@ textarea {
 
   .title {
     font-size: 30pt;
+    margin-top: 0;
+  }
+
+  .pre-title {
+    margin-bottom: 0;
+  }
+
+  ul {
+    list-style-type: none;
+    padding-left: 0;
   }
 
   #section-1 {
@@ -122,7 +132,6 @@ textarea {
     align-items: center;
     background-image: url(../img/bg-1_sm.jpeg);
     background-size: cover;
-    background-position: center;
     height: 400px;
   }
 
@@ -136,12 +145,19 @@ textarea {
     color: white;
   }
 
+  #try-now {
+    padding-left: 50px;
+    padding-right: 50px;
+  }
+
   #section-2 {
     display: grid;
-    grid-template-columns: 1fr 80vw 1fr;
+    grid-template-columns: 1fr minmax(60vw, 80vw) 1fr;
     grid-template-rows: auto auto auto;
+    padding: 50px 50px 25px 50px;
   }
 
+
   #section-2-title {
     grid-row: 1/2;
     grid-column: 2/3;
@@ -150,13 +166,15 @@ textarea {
   #section-2-text {
     grid-row: 3/4;
     grid-column: 2/3;
-    text-align: center;
+    text-align: left;
+    margin-top: 30px;
   }
 
   #section-2-img {
     grid-row: 2/3;
     grid-column: 2/3;
     justify-self: center;
+    max-width: 100vw;
   }
 
   #section-3 {
@@ -171,12 +189,23 @@ textarea {
 
   .section-3-col {
     margin: 10px;
+    padding: 0 15px;
+  }
+
+  #section-3 .tiny {
+    margin-top: 0;
+    margin-bottom: 25px;
+  }
+
+  #section-3-flex-container .small {
+    margin-bottom: 5px;
   }
 
   #section-4 {
     display: grid;
-    grid-template-columns: 1fr 80vw 1fr;
+    grid-template-columns: 1fr minmax(60vw, 80vw) 1fr;
     grid-template-rows: auto auto auto;
+    padding: 0 50px 50px 50px;
   }
 
   #section-4-title {
@@ -187,24 +216,25 @@ textarea {
   #section-4-text {
     grid-row: 3/4;
     grid-column: 2/3;
-    text-align: center;
+    text-align: left;
+    margin-top: 30px;
   }
 
   #section-4-img {
     grid-row: 2/3;
     grid-column: 2/3;
     justify-self: center;
+    max-width: 90vw;
   }
 
   #section-5 {
-    background-image: url(../img/bg-2_sm.jpeg);
+    background-image: url(../img/bg-2_lg.png);
     background-size: cover;
     text-align: center;
     padding: 50px;
   }
 
   #section-5-logos{
-    list-style-type: none;
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
@@ -218,6 +248,18 @@ textarea {
     padding: 15px;
   }
 
+  .jon .small {
+    margin-bottom: 0;
+  }
+
+  .jon .salmon {
+    margin-top: 0;
+  }
+
+  #section-6 {
+    padding-top: 50px;
+  }
+
   #section-6-img{
     width: 50vw;
     margin: 0 auto;
@@ -229,8 +271,7 @@ textarea {
 
   #section-6-text {
     text-align: center;
-    max-width: 35%;
-    margin: 0 auto;
+    margin: 0 50px;
   }
 
   #section-7 {
@@ -255,13 +296,19 @@ textarea {
     justify-content: center;
   }
 
+  #trial-wrapper {
+    margin: 30px auto 50px auto;
+  }
+
   #trial-img {
     align-self: flex-end;
     margin-right: 3px;
+    margin-top: 8px;
   }
 
   #trial-text {
     align-self: flex-start;
+    margin-top: 0;
   }
 
   ::placeholder {
@@ -276,26 +323,50 @@ textarea {
 
   #section-7 button {
     width: 200px;
+    margin-top: 10px;
   }
 
   footer {
     display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+    flex-wrap: wrap;
+    padding: 50px;
+  }
+
+  #contact {
+    margin: 16px;
+  }
+  #contact p {
+    margin: 2pt;
+    order: 1;
   }
 
   #footer-flex-container {
     display: flex;
+    width: 100%;
+    justify-content: space-evenly;
+    order: 3;
   }
 
-  footer ul {
-    list-style-type: none;
-    padding-left: 0;
+  #footer-flex-container h3 {
+    margin-bottom: 5px;
+  }
+
+  #footer-flex-container li {
+    margin-bottom: 5px;
   }
 
   #social-flex-container {
     display: flex;
+    justify-content: center;
+  }
+
+  #social-flex-container li {
+    margin: 15px;
+  }
+
+  #newsletter-wrapper {
+    order: 2;
+    margin-left: 15px;
   }
 
   footer form {
@@ -304,6 +375,8 @@ textarea {
     background-color: #f6f6f6;
     border-style: solid;
     border-width: 1px;
+    height: 45px;
+    display: flex;
   }
 
   footer input {
@@ -316,6 +389,7 @@ textarea {
 
   footer button {
     height: 45px;
+    width: 45px;
   }
 
   /* ----------START OF MEDIA QUERIES------------ */
@@ -329,9 +403,6 @@ textarea {
       color:#282828;
     }
     
-    #section-5 {
-      background-image: url(../img/bg-2_md.jpeg);
-    }
   }
 
   @media (min-width: 950px) {
@@ -343,26 +414,28 @@ textarea {
       font-size: 50pt;
     }
     #section-2 {
-      grid-template-columns: 1fr max(40%);
-      grid-template-rows: auto auto auto auto;
+      grid-template-columns: 1fr minmax(30%, 40%);
+      grid-template-rows: min-content 1fr;
     }
     #section-2-title {
       grid-column: 1/2;
-      grid-row: 2/3;
+      grid-row: 1/2;
       padding-left: 10vw;
       padding-right: 10vw;
     }
     #section-2-text {
       grid-column: 1/2;
-      grid-row: 3/4;
+      grid-row: 2/3;
       text-align: left;
       padding-left: 10vw;
       padding-right: 10vw;
+      margin-top: 0;
     }
     #section-2-img {
       grid-column: 2/3;
-      grid-row:1/5;
-      justify-self: right;
+      grid-row:1/3;
+      justify-self: center;
+      align-self: center;
       padding: 10px;
     }
 
@@ -376,34 +449,37 @@ textarea {
     }
 
     #section-4 {
-      grid-template-columns: max(40%) 1fr;
-      grid-template-rows: auto auto auto auto;
+      grid-template-columns: minmax(40%, 50%) 1fr;
+      grid-template-rows: min-content 1fr;
     }
     #section-4-title {
       grid-column: 2/3;
-      grid-row: 2/3;
-      padding-left: 10vw;
-      padding-right: 10vw;
+      grid-row: 1/2;
+      padding-left: 5vw;
+      padding-right: 5vw;
+    }
+    #section-4-title h3 {
+      margin-bottom: 20px;
     }
     #section-4-text {
       grid-column: 2/3;
-      grid-row: 3/4;
+      grid-row: 2/3;
       text-align: left;
-      padding-left: 10vw;
-      padding-right: 10vw;
+      padding-left: 5vw;
+      padding-right: 5vw;
+      margin-top: 0;
     }
     #section-4-img {
       grid-column: 1/2;
-      grid-row:1/5;
-      justify-self: left;
+      grid-row:1/3;
+      justify-self: center;
       padding: 10px;
+      align-self: center;
     }
     #section-4-img img {
       max-width: 100%;
     }
-    #section-5 {
-      background-image: url(../img/bg-2_lg.jpg);
-    }
+  
     .jon{
       width: 30%;
     }
@@ -414,24 +490,55 @@ textarea {
     #section-6-img {
       text-align: center;
     }
-    
+    #section-6-text {
+      max-width: 50%;
+      margin: 0 auto 50px auto;
+    }
     #section-7 form {
       flex-direction: row;
+      align-items: flex-end;
     }
     #form-flex-container {
       display: flex;
       justify-content: center;
       align-items: flex-end;
+      margin-bottom: 50px;
     } 
     #section-7 input {
+      box-sizing: border-box;
       width: 20vw;
+      height: 50px;
+      margin-bottom: 0;
     }
     #section-7 button {
-      width: 20vw;
+      width: 100%;
+      height: 50px;
+      padding: 15px;
     } 
-    
+    #trial-wrapper {
+      margin: 0 10px 0 10px;
+      width: 20vw;
+    }
+    #footer-flex-container {
+      width: 50%;
+      justify-content: space-evenly;
+    }
     footer {
       flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: flex-start;
+      justify-content: space-evenly;
+      width: 75%;
+      margin: 0 auto;
+    }
+    #contact {
+      margin-top: 16px;
+    }
+    #contact p {
+      width: fit-content;
+    }
+    #newsletter-wrapper {
+      order: 4;
     }
   }
 
@@ -444,6 +551,36 @@ textarea {
       padding-left: 15vw;
       padding-right: 15vw;
     }
+    #section-3 {
+      padding-left: 15vw;
+      padding-right: 15vw;
+    }
+    #section-4 {
+      padding-left: 15vw;
+      padding-right: 15vw;
+    }
+    #section-4-img {
+      justify-self: right;
+    }
+    #section-5 {
+      padding-left: 15vw;
+      padding-right: 15vw;
+    }
+    #section-7 {
+      padding-left: 15vw;
+      padding-right: 15vw;
+    }
+    footer {
+      padding-left: 15vw;
+      padding-right: 15vw;
+      width: auto;
+    }
+    #section-7 input {
+      width: 15vw;
+    }
+    #trial-wrapper {
+      width: 15vw;
+    }
   }
 
 /* ==========================================================================
diff --git a/img/bg-2_lg.jpg b/img/bg-2_lg.jpg
deleted file mode 100644
index d0b79eb..0000000
Binary files a/img/bg-2_lg.jpg and /dev/null differ
diff --git a/img/bg-2_lg.png b/img/bg-2_lg.png
new file mode 100644
index 0000000..db6619d
Binary files /dev/null and b/img/bg-2_lg.png differ
diff --git a/img/bg-2_md.jpeg b/img/bg-2_md.jpeg
deleted file mode 100644
index 06be2dc..0000000
Binary files a/img/bg-2_md.jpeg and /dev/null differ
diff --git a/img/bg-2_sm.jpeg b/img/bg-2_sm.jpeg
deleted file mode 100644
index 4bd39d9..0000000
Binary files a/img/bg-2_sm.jpeg and /dev/null differ
diff --git a/index.html b/index.html
index 4991f38..595ab56 100644
--- a/index.html
+++ b/index.html
@@ -26,13 +26,13 @@
 
   <section id="section-1">
     <h1 class="dark-gray thin">Code Out This Layout So Flawlessly It'll Make Joel Cry</h1>
-    <a><p class="salmon-button">TRY NOW</p></a>
+    <a><p id="try-now" class="salmon-button">TRY NOW</p></a>
     <p class="dark-gray tiny">* This should all be text</p>
   </section>
 
   <section class="medium" id="section-2">
     <div id="section-2-title">
-      <p class="salmon small">JANUARY 28, 2016</p>
+      <p class="salmon small pre-title">JANUARY 28, 2016</p>
       <h3 class="dark-gray title">And here's a random photo of a dog <span class="salmon">....</span></h3>
     </div>
     <div id="section-2-text" class="tiny">
@@ -48,7 +48,7 @@
   </section>
 
   <section class="dark-gray medium" id="section-3">
-    <p class="salmon small">NEW FEATURES</p>
+    <p class="salmon small pre-title">NEW FEATURES</p>
     <h3 class="title">Some Awesome Columns</h3>
     <div id="section-3-flex-container">
       <div class="section-3-col">
@@ -77,7 +77,7 @@
       </picture>
     </div>
     <div id="section-4-title">
-      <p class="salmon small">Start ASAP</p>
+      <p class="salmon small pre-title">Start ASAP</p>
       <h3 class="title">This is a pretty big project, you know <span class="salmon">....</span></h3>
     </div>
     <div id="section-4-text">
@@ -117,7 +117,7 @@
 
   <section class="dark-gray medium" id="section-6">
     <div id="section-6-text">
-      <p class="salmon small">SERIOUSLY</p>
+      <p class="salmon small pre-title">SERIOUSLY</p>
       <h3 class="title">So start on this soon.</h3>
       <p class="tiny">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiasem malesuada magn. Vestibulum felis euismod semper.</p>
     </div>
@@ -130,7 +130,7 @@
   </section>
 
   <section class="white" id="section-7">
-    <p class="salmon medium small">THIS FORM DOESN'T HAVE TO WORK</p>
+    <p class="salmon small pre-title">THIS FORM DOESN'T HAVE TO WORK</p>
     <h3 class="medium title">But create it anyway. Use the right fields...</h3>
     <div id="form-flex-container">
       <form class="small">
@@ -138,7 +138,7 @@
         <input type="text" id="email" placeholder="YOUR EMAIL">
         <input type="text" id="password" placeholder="PASSWORD">
       </form>
-      <div>
+      <div id="trial-wrapper">
         <div id="trial-flex-container">
         <img alt="" id="trial-img" src="img/arrow.png">
         <p id="trial-text" class="small">30 days free trial for all.</p>
@@ -150,7 +150,7 @@
   </section>
 
   <footer class="dark-gray tiny">
-    <div class="medium">
+    <div id="contact" class="medium">
       <p>Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam.</p>
       <p>USA &  CAN: 1-888-123-4567</p>
       <p>Address: 34 Brokel Rd. NY</p>
@@ -172,8 +172,8 @@
           <li>Privacy Policy</li>
         </ul>
       </div>
-  </div>
-    <div>
+    </div>
+    <div id="newsletter-wrapper">
       <p class="medium small">Get Newsletter</p>
       <form>
         <input type="text" id="email-2" placeholder="EMAIL">
@@ -182,7 +182,7 @@
       <ul id="social-flex-container">
         <li><i class="fa fa-dribbble" aria-hidden="true"></i></li>
         <li><i class="fa fa-facebook" aria-hidden="true"></i></li>
-        <li> <i class="fa fa-google-plus" aria-hidden="true"></i></li>
+        <li><i class="fa fa-google-plus" aria-hidden="true"></i></li>
         <li><i class="fa fa-twitter" aria-hidden="true"></i></li>
       </ul>
     </div>
@@ -193,8 +193,6 @@
   <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
   <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script>
   <script src="js/plugins.js"></script>
-  <script src="js/main.js"></script>
-
 </body>
 
 </html>