Better introduction!

diff --git a/css/master.css b/css/master.css
index 0bcc23d24bd78de6dfe30d4a9006cff416d15255..0a5e1db3ab8000dc20d7d080c4466e008912c754 100644 (file)
--- a/css/master.css
+++ b/css/master.css
@@ -133,7 +133,7 @@ h4 {
   color: #9b9b9b;
 
   font-family: "Signika Light";
-  font-size: 20px;
+  font-size: 24px;
 }
 
 h5 {
@@ -146,19 +146,19 @@ h5 {
   line-height: 20px;
 }
 
-li,
 p {
   list-style: outside;
 
   color: #333;
 
   font-family: "Open Sans";
-  font-size: 16px;
+  font-size: 18px;
   line-height: 30px;
 }
 
 li {
   margin-bottom: 20px;
+  font-size: 17px;
 }
 
 a {
@@ -273,7 +273,7 @@ a {
 
   background-repeat: no-repeat;
 
-  line-height: 19px;
+  line-height: 25px;
 }
 
 .bad img,
@@ -441,6 +441,26 @@ footer p {
     width: 200px;
     margin: 10px;
   }
+
+  /*Intro*/
+
+  .intro-text {
+      background: transparent;
+  }
+  .intro-text h1 {
+    color: rgba(255, 255, 255, 0.95);
+
+  }
+  .intro-text p {
+    color: rgba(255, 255, 255, 0.79);
+  }
+  .intro-text h4 {
+    font-family: 'Signika Light';
+    color: #FFDD55;
+  }
+.illustration img {
+  width: 80%;
+}
   /*Footer*/
   .footer-logo img {
     width: 50%;

diff --git a/givingguide.html b/givingguide.html
index 761b63525ed29fdc2ab250d3d8cf94d6a52a4d8a..702a76853f8ae630ba0e7f5f7b2c38a805d11342 100644 (file)
--- a/givingguide.html
+++ b/givingguide.html
@@ -90,7 +90,7 @@
         <div class="share col-md-4 col-sm-4 text-center">
           <h2>Share</h2>
           <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
           </p>
           <button type="button" name="share"><a href="https://www.fsf.org/share?u=https://www.fsf.org/givingguide/&amp;t=Check out the Free Software Foundation Ethical Tech Giving Guide">#givefreely</a></button>
         </div>
@@ -110,7 +110,7 @@
         <div class="donate col-md-4 col-sm-4 text-center">
           <h2>Non-profit</h2>
           <p>
-            Remember: donating to a <a href="#charities">nonprofit</a> in someone's name is at least as meaningful as buying them an electronic device.
+            Donating to a <a href="#charities">nonprofit</a> in someone's name is at least as meaningful as buying them an electronic device.
           </p>
           <button type="button" name="donate">Donate</button>
         </div>