diff --git a/css/final-5.1.2020.css b/css/final-5.1.2020.css
index 6bad6ba..1b12443 100644
--- a/css/final-5.1.2020.css
+++ b/css/final-5.1.2020.css
@@ -101,11 +101,13 @@
       box-sizing: border-box;
     }
     h2 {
+      font-family: 'Exo', sans-serif;
+      font-weight: 500;
       font-size: 30px;
       margin: 0;
     }
     p {
-      font: "Exo"
+      font-family: 'Exo', sans-serif;
       font-size: 15px;
     }
     em {
@@ -125,9 +127,11 @@
       margin: 20px;
     }
     #main7 form input::placeholder {
-      color: ;
+      color: white;
+    }
+    footer #newsletter form button img {
+      width: 100%;
     }
-
 
     /* part 1----------------------------------------*/
     #main1 {
@@ -149,14 +153,21 @@
       margin: auto;
     }
     h1 {
-      font-family: sans-serif;
+      font-family: 'Exo', sans-serif;
+      font-weight: 200;
       font-size: 15px;
       text-align: center;
     }
     #topbutton {
       background-color: #ff6d6d;
-      padding: 0 5px;
+      padding: 5px 20px;
       margin: auto;
+      color: white;
+      border-radius: 2px;
+      font-weight: 200px;
+    }
+    #main1 p {
+      font-size: 8px;
     }
     /* part 2--------------------------------------*/
     #main2 {
@@ -176,6 +187,7 @@
      height: 200px;
     }
     #main2 h3 {
+      font-family: 'Exo', sans-serif;
       padding-left: 0;
     }
     /* part 3---------------------------------------*/
@@ -187,6 +199,7 @@
       margin: 50px auto;
     }
     h3 {
+      font-family: 'Exo', sans-serif;
       color: #ff6d6d;
       font-size: 10px;
       margin: auto;
@@ -242,9 +255,13 @@
     }
     #main5 .columns .columns3 h3 {
       padding-top: 0;
+      font-weight: 500;
     }
     #main5 .columns .columns3 h4 {
+      font-family: 'Exo', sans-serif;
+      font-weight: 500;
       margin-bottom: 0;
+      color: white;
     }
     #main5 .columns .columns3 p {
       padding: 0 40px 0 40px;
@@ -253,6 +270,9 @@
       list-style: none;
       margin-bottom: 20px;
     }
+    #main5 ul li img {
+      filter: grayscale(1);
+    }
     /* part 6---------------------------------------*/
     #main6 {
       display: flex;
@@ -276,12 +296,20 @@
     #main7 {
       background-color: #323969;
       padding: 30px;
+      position: relative;
+    }
+    #main7 img {
+      width: 10%;
+      position: absolute;
+      top: 66%;
+      right: 50%;
     }
     #main7 h3 {
       text-align: center;
       margin: auto;
     }
     #main7 h2 {
+      font-family: 'Exo', sans-serif;
       color: white;
       text-align: center;
       margin: auto;
@@ -292,6 +320,7 @@
       margin: auto;
     }
     label {
+      font-family: 'Exo', sans-serif;
       color: white;
     }
     form button {
@@ -305,6 +334,7 @@
       padding: 10px;
       border: solid white 1px;
       border-radius: 5px;
+      background-color: rgba(255,255,255, .2)
     }
     #main7 form button {
       width: 90%;
@@ -314,7 +344,8 @@
       box-shadow: 1px 2px 5px black ;
     }
     #main7 form input::placeholder {
-      color: ;
+      font-family: 'Exo', sans-serif;
+      color: white;
       font-size: 10px;
     }
     #main7 p {
@@ -335,6 +366,7 @@
       width: 80%;
       margin: 0;
       border: solid 1px grey;
+      border-right: 0;
     }
     footer #newsletter form button {
       width: 20%;
@@ -429,6 +461,12 @@
           margin-top: 40px;
         }
   /* part 7-----------------------------------------*/
+        #main7 img {
+          width: 15%;
+          position: absolute;
+          top: 42%;
+          right: 12%;
+        }
         #main7 h2 {
           width: 60%;
           text-align: center;
@@ -470,7 +508,6 @@
           box-shadow: 2px 2px 5px black;
         }
         footer p {
-          width: 20%;
           margin: 20px 50px;
         }
         footer div {
@@ -584,6 +621,12 @@
           margin-top: 40px;
         }
   /* part 7-----------------------------------------*/
+        #main7 img {
+          width: 15%;
+          position: absolute;
+          top: 28%;
+          right: 12%;
+        }
         #main7 h2 {
           width: 60%;
           text-align: center;
@@ -596,7 +639,7 @@
         input {
           width: 25%;
           margin: 20px;
-          padding: 20px;
+          padding: 10px;
           border: solid white 1px;
           border-radius: 5px;
         }
@@ -609,6 +652,9 @@
         #main7 p {
           font-size: 20px;
         }
+        #main7 form input::placeholder {
+          font-size: 15px;
+        }
         
   /* footer----------------------------------------*/
         footer {
@@ -616,12 +662,8 @@
           flex-direction: row;
         }
         footer p {
-          width: 20%;
           margin: 20px 50px;
         }
-        footer div {
-          width: 20%;
-        }
         footer div p {
           font-size: 15px;
           margin: 0;
@@ -633,6 +675,9 @@
           display: flex;
           flex-direction: row;
         }
+        footer #newsletter form input {
+          padding: 10px;
+        }
 }
   /* ==========================================================================
      Helper classes
diff --git a/img/30daytrial.PNG b/img/30daytrial.PNG
new file mode 100644
index 0000000..edfc4fb
Binary files /dev/null and b/img/30daytrial.PNG differ
diff --git a/img/sendicon.png b/img/sendicon.png
new file mode 100644
index 0000000..4dcd37f
Binary files /dev/null and b/img/sendicon.png differ
diff --git a/webfinalproject.html b/webfinalproject.html
index 0621c06..4eb2eef 100644
--- a/webfinalproject.html
+++ b/webfinalproject.html
@@ -9,7 +9,7 @@
 
   <link rel="manifest" href="site.webmanifest">
   <link rel="apple-touch-icon" href="icon.png">
-  <link href="https://fonts.googleapis.com/css2?family=Exo:ital@1&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
   <!-- Place favicon.ico in the root directory -->
 
   <link rel="stylesheet" href="css/normalize.css">
@@ -37,7 +37,7 @@ <h1>CODE OUT THIS LAYOUT SO FLAWLESSLY IT'LL MAKE JOEL CRY</h1>
   <div class="dog">
     <h3>JANUARY 28, 2016</h3>
     <h2>And here's a random photo of a dog <em>...</em></h2>
-    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae quidem hic sint atque deserunt, id rem iste ab aliquid reiciendis mollitia perspiciatis repellat omnis ipsa exercitationem accusamus amet quo recusandae.</p>
+    <p>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. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper.<br><br>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
   </div>
   <picture>
     <source media="(min-width: 1000px)" srcset="./img/retriever-with-stick.jpg">
@@ -117,6 +117,7 @@ <h2>So start on this soon</h2>
 <div id="main7">
   <h3>THIS FORM DOESN'T HAVE TO WORK</h3>
   <h2>But create it anyways. Use the right fields ...</h2>
+  <img src="img/30daytrial.PNG" alt="30 days free trial for all">
   <form action="/action_page.php" method="get">
     <input type="text" id="fname" name="fname" placeholder="Full Name" > 
     <input type="text" id="email" name="email" placeholder="YOUR EMAIL" >
@@ -147,7 +148,7 @@ <h4>Get Newsletter</h4>
     <form>
       <input type="text" id="fname" name="fname" placeholder="EMAIL"><br><br>
       <button type="text" id="fname" name="fname">
-      <label for="fname">Send Favicon</label>
+      <img src="img/sendicon.png">
       </button>
     </form>
     <ul>