Deleted Swarm and centered included items.

site/layouts/index.html

@@ -51,13 +51,6 @@
           <p>Define multi-container applications. (Mac OS X only)</p>
         </div>
       </div>
-      <div class="item">
-        <div class="info">
-          <img src="{{.Site.BaseURL}}/images/swarm.png">
-          <h3>Docker Swarm</h3>
-          <p>Host clustering and container scheduling.</p>
-        </div>
-      </div>
       <div class="item">
         <div class="info">
           <img src="{{.Site.BaseURL}}/images/kitematic.png">

site/static/css/main.css

@@ -290,12 +290,15 @@ table {
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
 }
+.content .items .item {
+  text-align: center;
+}
 .content .items .item img {
   width: 100px;
   height: auto;
 }
 .content .items .item .info {
-  padding-right: 1rem;
+  padding-right: 1.5rem;
 }
 .content .documentation {
   padding: 2rem 0;
@@ -348,8 +351,8 @@ table {
 }
 @media screen and (min-width: 500px) {
   .items .item {
-    max-width: 20%;
-    min-width: 140px;
+    max-width: 25%;
+    min-width: 160px;
   }
 }
 .footer {

site/static/less/layout.less

@@ -142,12 +142,13 @@
     .flex-display();
     .flex-flow(row wrap);
     .item {
+      text-align: center;
       img {
         width: 100px;
         height: auto;
       }
       .info {
-        padding-right: 1rem;
+        padding-right: 1.5rem;
       }
     }
   }
@@ -212,8 +213,8 @@
 @media screen and (min-width: 500px) {
   .items {
     .item {
-      max-width: 20%;
-      min-width: 140px;
+      max-width: 25%;
+      min-width: 160px;
     }
   }
 }