diff --git a/css/custom.css b/css/custom.css
index dade3537..f300d3ca 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -5,7 +5,7 @@
 }
 
 .card-bottom {
-  /* todo */
+  /* todo - make the card footer and buttons be positioned to the bottom of the card? */
 }
 
 /*.card-success, */ .card-success .card-header {
@@ -20,12 +20,19 @@
   border-color: rgba(255, 193, 7, 0.5) !important;
 }
 
-
-
-body {
-  padding-bottom: 30px;
+.blockquote {
+  border-left: 5px solid #eee;
+  padding: 10px 20px;
+  font-size: 1.2rem;
+  line-height: 1.35;
 }
 
+
+
+/* body {
+  padding-bottom: 30px;
+} */
+
 .theme-dropdown .dropdown-menu {
   position: static;
   display: block;
diff --git a/index.html b/index.html
index 60fa4215..9566b042 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,13 @@
 ---
 layout: default
 ---
-<div class="container theme-showcase" role="main">
+<div class="container" role="main">
 
 
-<div class="jumbotron">
+<div class="jumbotron mt-5 p-5">
     <!-- header just below the navigation bar -->
-    <h1><a href="https://www.privacytools.io/" title="privacy tools"><img src="img/layout/logo.png" class="img-responsive" alt="privacytools.io"></a></h1>
-    <p>You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. privacytools.io provides knowledge and tools to protect your privacy against global mass surveillance.</p>
+    <h1 class="display-4"><a href="https://www.privacytools.io/" title="privacytools.io"><img src="img/layout/logo.png" class="img-responsive" alt="privacytools.io"></a></h1>
+    <p class="lead">You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. privacytools.io provides knowledge and tools to protect your privacy against global mass surveillance.</p>
     <!-- end header just below the navigation bar -->
 </div>
 
@@ -32,13 +32,13 @@ layout: default
 <div class="page-header">
     <h1>Privacy? I don't have anything to hide.</h1>
 </div>
-<blockquote>
+<blockquote class="blockquote">
     <p>
-        <a href="http://www.ted.com/talks/glenn_greenwald_why_privacy_matters" title="Glenn Greenwald - Why privacy matters - TED Talk"><img src="img/layout/Glenn-Greenwald-Why-privacy-matters.jpg" class="img-responsive float-right" alt="Glenn Greenwald: Why privacy matters" style="margin-left:20px;"></a>
+        <a href="http://www.ted.com/talks/glenn_greenwald_why_privacy_matters" title="Glenn Greenwald - Why privacy matters - TED Talk"><img src="img/layout/Glenn-Greenwald-Why-privacy-matters.jpg" class="img-responsive float-right ml-2" alt="Glenn Greenwald: Why privacy matters"></a>
         Over the last 16 months, as I've debated this issue around the world, every single time somebody has said to me, "I don't really worry about invasions of privacy because I don't have anything to hide." I always say the same thing to them. I get out a
         pen, I write down my email address. I say, "Here's my email address. What I want you to do when you get home is email me the passwords to all of your email accounts, not just the nice, respectable work one in your name, but all of them, because I
         want to be able to just troll through what it is you're doing online, read what I want to read and publish whatever I find interesting. After all, if you're not a bad person, if you're doing nothing wrong, you should have nothing to hide." <strong>Not a single person has taken me up on that offer.</strong></p>
-    <footer>Glenn Greenwald in <cite title="Why privacy matters - TED Talk"><a href="http://www.ted.com/talks/glenn_greenwald_why_privacy_matters">Why privacy matters - TED Talk</a></cite></footer>
+    <footer class="blockquote-footer">Glenn Greenwald in <cite title="Why privacy matters - TED Talk"><a href="http://www.ted.com/talks/glenn_greenwald_why_privacy_matters">Why privacy matters - TED Talk</a></cite></footer>
 </blockquote>
 
 <h4>Read also:</h4>