Fixing fonts and alignment

public/index.html

@@ -12,7 +12,7 @@
       }
 
       header.topbar{
-         background-color: #f8f6f6;
+         background-color: #f1fdfd;
          position: fixed;
          width: 100%;
          height: 70px;
@@ -21,13 +21,13 @@
          top: 0;
          left: 0;
      }
+
       #headline {
         margin-top: 70px;
         padding: 0.8em;
         color: white;
         font-family: Roboto, helvetica, arial, sans-serif;
-        background-color: black;
-        background-image: url(dna.jpg);
+        background-color: #4d4d4d;
         background-size: cover;
       }
 
@@ -149,7 +149,7 @@
         background-color: #ffffff;
         font-family: Roboto, sans-serif;
         font-weight: 100;
-        text-align: center;
+        text-align: left;
         margin: auto;
       }
 
@@ -333,8 +333,8 @@ Investors, Manufacturers, Suppliers, Designers, Engineers, NGOs and other intere
 
    <!-- // [START section1] -->
     <div id="section1">
-	<h3> The Opportunity </h3>
       <div class="container">
+	<h3> The Opportunity </h3>
       <img src="images/opp.png" alt="Opportunity" />
       <br />
       <p />
@@ -345,8 +345,8 @@ Investors, Manufacturers, Suppliers, Designers, Engineers, NGOs and other intere
     <!-- // [START section3] -->
     <hr />
     <div id="section3">
-	<h3> Our Solution </h3>
       <div class="container">
+	<h3> Our Solution </h3>
       <img src="images/sak.png" alt="Swiss Army knife of clinical diagnostics" />
       </div>
     <hr />