diff --git a/swarm/index.html b/swarm/index.html
index 61820a8..0e60b7c 100644
--- a/swarm/index.html
+++ b/swarm/index.html
@@ -62,7 +62,7 @@
       </div>
       <!-- /jumbotron -->
 
-      <!--parallax-container-->
+      <!--article-container-->
       <div class="container-fluid above-parallax">
         <!--main-row-->
         <div class="row">
@@ -77,8 +77,8 @@
             <!--row-->
             <div class="row">
               <!--col-1-->
-              <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">What is a hive?</h2>
+              <div class="col-md-12 col-lg-12">
+                <h2 class="mb-2 text-white text-center">What is a hive?</h2> <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>A hive is a place to meet people who love the things you love, including, of course, the LBRY protocol and the values it represents.</p>          
@@ -100,22 +100,24 @@
                     <p>You could think of hives as subreddits on Reddit, or channels on an IRC server, but different.</p>
                   </div>
                 </div>
-              </div><!--/col-1-->
+              </div>
+              <!--/col-1-->
 
               <!--col-2-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">Why should I join or make a hive?</h2>
+                <h2 class="mb-2 text-white text-center">Why should I join or make a hive?</h2> <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>Joining or making a hive is a great way to jump into the LBRY network.</p>
                     <p>Make some friends, learn some things, share some ideas, gain some experience, build a reputation, or just hang out with some like minded individuals.</p>
                   </div>
                 </div>
-              </div><!--/col-2-->
+              </div>
+              <!--/col-2-->
 
               <!--col-3-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">How do I join a hive?</h2>
+                <h2 class="mb-2 text-white text-center">How do I join a hive?</h2> <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>Hives are entirely independent and autonomous communities within the larger LBRY network. 
@@ -131,11 +133,12 @@
                     <p>So how do you join? Find the hive you would like to join, find out how to join, and follow their instructions!</p>
                   </div>
                 </div>
-              </div><!--/col-3-->
+              </div>
+              <!--/col-3-->
 
               <!--col-4-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">How do I make a hive?</h2>
+                <h2 class="mb-2 text-white text-center">How do I make a hive?</h2> <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>Making a hive is as easy as setting up a chat room and editing a wiki. 
@@ -146,11 +149,12 @@
                     The LBRY discord is already a buzzing place so this is probably the best way to find more people for your new hive.</p>
                   </div>
                 </div>
-              </div><!--/col-4-->
+              </div>
+              <!--/col-4-->
 
               <!--col-5-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">How should hives operate?</h2>
+                <h2 class="mb-2 text-white text-center">How should hives operate?</h2> <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>However you want! Well, mostly.</p>
@@ -166,11 +170,12 @@
                     The choices are yours to make.</p>
                   </div>
                 </div>
-              </div><!--/col-5-->
+              </div>
+              <!--/col-5-->
 
               <!--col-6-->
               <!-- <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">Hives Table</h2>
+                <h2 class="mb-2 text-white text-center">Hives Table</h2> <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     
@@ -178,11 +183,14 @@
                 </div>
               </div> -->
               <!--/col-6-->
-            </div><!--row-->
-
-          </div><!--main-column-->
-        </div><!--/main-row-->
-      </div><!--/parallax-container-->
+            </div>
+            <!--/row-->
+          </div>
+          <!--/main-column-->
+        </div>
+        <!--/main-row-->
+      </div>
+      <!--/article-container-->
 
       <!-- footer -->
       <div class="container-fluid above-parallax">