diff --git a/branding/index.html b/branding/index.html
index 73b0113..14bb2e9 100644
--- a/branding/index.html
+++ b/branding/index.html
@@ -62,39 +62,15 @@
         <!-- /jumbotron -->
 
         <div class="container-fluid above-parallax">
-          <h1>LBRY Branding</h1>
+          <h1 class="text-center">LBRY Branding</h1>
           <!-- <div class="container">
             <img src="../img/lbry-logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
           </div> -->
 
           <!--logo-->
-          <h2 class="my-4">Logos</h2>
-          <div class="row">
-            <div class="col-md-6 col-lg-3">
-              <div class="card mb-3 lbry-dark">
-                <div class="card-body">
-                  <img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
-                </div>
-              </div>
-            </div>
-
-            <div class="col-md-6 col-lg-3">
-              <div class="card mb-3 lbry-dark">
-                <div class="card-body">
-                  <img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
-                </div>
-              </div>
-            </div>
-
-            <div class="col-md-6 col-lg-3">
-              <div class="card mb-3 lbry-dark">
-                <div class="card-body">
-                  <img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
-                </div>
-              </div>
-            </div>
-
-            <div class="col-md-6 col-lg-3">
+          <h2 class="my-4 text-center">Logos</h2>
+          <div class="row text-white">
+            <div class="col-md-5 col-lg-3 col-xl-3 mx-auto">
               <div class="card mb-3 lbry-dark">
                 <div class="card-body">
                   <img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
@@ -103,64 +79,116 @@
             </div>
           </div>
           <hr class="content">
+
+          <!-- <div class="row mx-auto">
+            <div class="col-md-6 col-lg-12">
+              <div class="card mb-3 lbry-dark">
+                <div class="card-body">
+                  <img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
+                </div>
+              </div>
+            </div> -->
+         
+            <!-- <div class="col-md-6 col-lg-3">
+              <div class="card mb-3 lbry-dark">
+                <div class="card-body">
+                  <img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
+                </div>
+              </div>
+            </div>
+
+            <div class="col-md-6 col-lg-3">
+              <div class="card mb-3 lbry-dark">
+                <div class="card-body">
+                  <img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
+                </div>
+              </div>
+            </div>
+
+            <div class="col-md-6 col-lg-3">
+              <div class="card mb-3 lbry-dark">
+                <div class="card-body">
+                  <img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
+                </div>
+              </div>
+            </div> -->
+          <!-- </div> -->    
           <!--/logo-->
          
           <!--colors-->
-          <h2 class="my-4">Colors</h2>
-          <div class="row">
-            <div class="col-md-6 col-lg-2">
-              <div class="card mb-3 lbry-dark">
+          <h2 class="my-4 text-center">Colors</h2>
+          <div class="row col-md-6 col-lg-4 text-white mx-auto">  
+            <div class="col-md-6 col-lg-6 mx-auto text-center">
+              <div class="card mb-1 lbry-teal-green">
                 <div class="card-body">
                 </div>
               </div>
-              <p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
+              <p class="text-center">#28D4E2 <br> rgb(40,212,226)</p>
             </div>
 
-            <div class="col-md-6 col-lg-2">
-              <div class="card mb-3 lbry-dark">
+            <div class="col-md-6 col-lg-6 mx-auto text-center">
+              <div class="card mb-1 lbry-dark-green">
                 <div class="card-body">
                 </div>
               </div>
-              <p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
-            </div>
-
-            <div class="col-md-6 col-lg-2">
-              <div class="card mb-3 lbry-dark">
-                <div class="card-body">
-                </div>
-              </div>
-              <p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
-            </div>
-
-            <div class="col-md-6 col-lg-2">
-              <div class="card mb-3 lbry-dark">
-                <div class="card-body">
-                </div>
-              </div>
-              <p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
-            </div>
-
-            <div class="col-md-6 col-lg-2">
-              <div class="card mb-3 lbry-dark">
-                <div class="card-body">
-                </div>
-              </div>
-              <p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
-            </div>
-
-            <div class="col-md-6 col-lg-2">
-              <div class="card mb-3 lbry-dark">
-                <div class="card-body">
-                </div>
-              </div>
-              <p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
+              <p class="text-center">#00303C <br> rgb(0,48,60)</p>
             </div>
           </div>
           <hr class="content">
+
+          <!-- <div class="row">
+            <div class="col-md-6 col-lg-2">
+              <div class="card mb-3 lbry-teal-green">
+                <div class="card-body">
+                </div>
+              </div>
+              <p class="text-center">#28D4E2 <br> rgb(40,212,226)</p>
+            </div> -->
+
+            <!-- <div class="col-md-6 col-lg-2">
+              <div class="card mb-3" style="background-color:rgb(40,212,226);">
+                <div class="card-body">
+                </div>
+              </div>
+              <p class="text-center">#034C69 <br> rgb(40,212,226)</p>
+            </div> -->
+
+            <!-- <div class="col-md-6 col-lg-2">
+              <div class="card mb-3 lbry-dark-green">
+                <div class="card-body">
+                </div>
+              </div>
+              <p class="text-center">#00303C <br> rgb(0,48,60)</p>
+            </div> -->
+
+            <!-- <div class="col-md-6 col-lg-2">
+              <div class="card mb-3" style="background-color:rgb(0,48,60);">
+                <div class="card-body">
+                </div>
+              </div>
+              <p class="text-center">#034C69 <br> rgb(0,48,60)</p>
+            </div>
+
+            <div class="col-md-6 col-lg-2">
+              <div class="card mb-3 lbry-dark">
+                <div class="card-body">
+                </div>
+              </div>
+              <p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
+            </div>
+
+            <div class="col-md-6 col-lg-2">
+              <div class="card mb-3 lbry-dark">
+                <div class="card-body">
+                </div>
+              </div>
+              <p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
+            </div> -->
+          <!-- </div> -->
           <!--/colors-->
 
           <!--fonts-->
-          <h2 class="my-4">Fonts &amp; Typography</h2>
+          <h2 class="my-4 text-center">Fonts &amp; Typography</h2>
           <div class="row mb-3">
             <div class="col-md-6 col-lg-6">
               <div class="card mb-3 lbry-dark">
diff --git a/lib/css/index.css b/lib/css/index.css
index 15ba5ff..dabf6da 100644
--- a/lib/css/index.css
+++ b/lib/css/index.css
@@ -111,10 +111,19 @@ nav {
 .lbry-teal {
   background-color:rgb(40, 212, 226);
 }
+
 .lbry-dark {
   background-color:rgb(3, 76, 105);
 }
 
+.lbry-teal-green {
+  background-color: #28D4E2;
+}
+
+.lbry-dark-green {
+  background-color: #00303C;
+}
+
 .dropdown-item.active {
   background-color:rgb(3, 76, 105);
 }