diff --git a/public/index.html b/public/index.html
index 9a37e7a..cb1b94a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+!DOCTYPE html>
 <html lang="en">
 
   <head>
@@ -66,13 +66,13 @@
         <div class="collapse navbar-collapse" id="navbarResponsive">
           <ul class="navbar-nav ml-auto">
             <li class="nav-item mx-0 mx-lg-1">
-              <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">About</a>
+              <a class="nav-link py-4 px-0 px-lg-2 rounded js-scroll-trigger" href="#about">ABOUT</a>
             </li>
             <li class="nav-item mx-0 mx-lg-1">
-              <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#usage">Usage</a>
+              <a class="nav-link py-4 px-0 px-lg-2 rounded js-scroll-trigger" href="#usage">USAGE</a>
             </li>
             <li class="nav-item mx-0 mx-lg-1">
-              <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contact">Contact</a>
+              <a class="nav-link py-4 px-0 px-lg-2 rounded js-scroll-trigger" href="#contact">CONTACT</a>
             </li>
           </ul>
         </div>
@@ -80,10 +80,10 @@
     </nav>
 
     <!-- Header -->
-    <header class="masthead bg-primary text-white">
+    <header class="masthead bg-primary text-center-white">
       <div class="container">
         <div class="row">
-          <div class="col-md-6 col-sm-12 col-xs-12 text-center">
+          <div class="col-md-4 col-sm-12 col-xs-12 text-center">
             <img src="https://excalibur-py.readthedocs.io/en/master/_static/excalibur-logo-circle.png" class="rounded-circle img-fluid mb-5 d-block mx-auto"
               width="150" height="auto" alt="Excalibur">
             <hr class="star-light">
@@ -163,9 +163,9 @@ <h5 class="mb-1 text-accent">Secure and built for scale</h5>
     <!-- Usage Section -->
     <section class="bg-primary features" id="usage">
       <div class="container">
-        <h2 class="text-center text-uppercase text-white mb-0">Usage</h2>
+        <h2 class="text-center text-uppercase text-dark mb-0">Usage</h2>
         <hr class="star-light mb-5">
-        <div class="row align-items-center mb-5 text-white">
+        <div class="row align-items-center mb-5 text-dark">
           <div class="col-md-6 order-lg-first">
             <a href="#">
               <img class="img-fluid rounded mb-3 mb-md-0" src="https://excalibur-py.readthedocs.io/en/master/_static/gifs/upload.gif" alt="">
@@ -177,46 +177,46 @@ <h3>Upload a PDF</h3>
             </p>
           </div>
         </div>
-        <div class="row align-items-center mb-5 text-white">
+        <div class="row align-items-center mb-5 text-dark">
           <div class="col-md-6 order-lg-last">
             <a href="#">
               <img class="img-fluid rounded mb-3 mb-md-0" src="https://excalibur-py.readthedocs.io/en/master/_static/gifs/auto-detect.gif" alt="">
             </a>
           </div>
-          <div class="col-md-6 order-lg-first">
+          <div class="col-md-5 order-lg-first">
             <h3>Autodetect tables</h3>
             <p>Excalibur can automatically detect tables in your PDF.</p>
           </div>
         </div>
-        <div class="row align-items-center mb-5 text-white">
-          <div class="col-md-6 order-lg-first">
+        <div class="row align-items-center mb-5 text-dark">
+          <div class="col-md-5 order-lg-first">
             <a href="#">
               <img class="img-fluid rounded mb-3 mb-md-0" src="https://excalibur-py.readthedocs.io/en/master/_static/gifs/table-and-column.gif" alt="">
             </a>
           </div>
-          <div class="col-md-6 order-lg-first">
+          <div class="col-md-5 order-lg-first">
             <h3>Or draw table areas and/or column separators</h3>
             <p>You can guide the tool by drawing table areas and column separators in cases where the tables are buried deep inside the text and autodetection fails.</p>
           </div>
         </div>
-        <div class="row align-items-center mb-5 text-white">
-          <div class="col-md-6 order-lg-last">
+        <div class="row align-items-center mb-5 text-dark">
+          <div class="col-md-5 order-lg-last">
             <a href="#">
               <img class="img-fluid rounded mb-3 mb-md-0" src="https://excalibur-py.readthedocs.io/en/master/_static/gifs/saved-rule.gif" alt="">
             </a>
           </div>
-          <div class="col-md-6 order-lg-first">
+          <div class="col-md-5 order-lg-first">
             <h3>Or load saved settings</h3>
             <p>You can save table extraction settings for a PDF once, and apply them on new PDFs to extract tables with similar structures.</p>
           </div>
         </div>
-        <div class="row align-items-center mb-5 text-white">
-          <div class="col-md-6 order-lg-first">
+        <div class="row align-items-center mb-5 text-dark">
+          <div class="col-md-5 order-lg-first">
             <a href="#">
               <img class="img-fluid rounded mb-3 mb-md-0" src="https://excalibur-py.readthedocs.io/en/master/_static/gifs/download.gif" alt="">
             </a>
           </div>
-          <div class="col-md-6 order-lg-first">
+          <div class="col-md-5 order-lg-first">
             <h3>View and download data</h3>
             <p>Finally, you can view the extracted tables and download them as CSVs or Excel files. Excalibur also supports JSON and HTML.</p>
           </div>
@@ -227,13 +227,13 @@ <h3>View and download data</h3>
     <!-- Contact Section -->
     <section id="contact">
       <div class="container">
-        <h2 class="text-center text-uppercase text-secondary">Contact</h2>
-        <hr class="star-dark mb-5">
+        <h2 class="text-center text-uppercase text-secondary text-dark">Contact</h2>
+        <hr class="star-dark mb-4">
       </div>
       <div class="container">
         <div class="row">
-          <div class="col-md-3"></div>
-          <div class="col-md-6">
+          <div class="col-md-2"></div>
+          <div class="col-md-4">
             <h4 class="lead">Do you have feedback or want us to build a new feature? Just holler!</h4>
             <hr>
             <form action="https://formspree.io/vmehta94@gmail.com" method="POST">
