Fixes #22 - Add download page

static/css/main.css

Index: static/css/main.css
===================================================================
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -787,8 +787,114 @@
   margin-top: -60px;
   margin-left: -40px;
 }
 
 .hide-disclaimer .video-play
 {
   margin-top: -40px;
 }
+
+/******************************************************************************
+ * .item-group
+ *****************************************************************************/
+
+.item-group
+{
+  text-align: center;
+  padding-top: 3em;
+  padding-bottom: 3em;
+}
+
+.item-group img
+{
+  height: 5em;
+  width: auto;
+}
+
+.item-group h2
+{
+  text-transform: uppercase;
+}
+
+@media (max-width: 575px)
+{
+  .item-group .column
+  {
+    margin-bottom: 3em;
+  }
+
+  .item-group .column:last-of-type
+  {
+    margin-bottom: 0;
+  }
+}
+
+@media (min-width: 576px) and (max-width: 1023px)
+{
+  .item-group
+  {
+    text-align: left;
+  }
+
+  [dir="rtl"] .item-group
+  {
+    text-align: right;
+  }
+
+  .item-group .column
+  {
+    position: relative;
+    width: auto;
+    padding: 0 3em 2em 10.5em;
+    min-height: 7em; /* Height of image plus 2em bottom padding */
+  }
+
+  [dir="rtl"] .item-group .column
+  {
+    padding: 0 10.5em 2em 3em;
+  }
+
+  .item-group .column:last-of-type
+  {
+    padding-bottom: 0;
+    min-height: 6em; /* Height of image */
+  }
+
+  .item-group img
+  {
+    position: absolute;
+    left: 3em;
+    top: 0.5em;
+  }
+
+  [dir="rtl"] .item-group img
+  {
+    left: auto;
+    right: 3em;
+  }
+
+  .item-group h2
+  {
+    margin: 0;
+  }
+}
+
+/* Horizontal List
+ ******************************************************************************/
+
+.horizontal-list
+{
+  display: inline;
+  list-style: none;
+}
+
+.horizontal-list,
+.content .horizontal-list
+{
+  padding: 0;
+}
+
+.horizontal-list li
+{
+  display: inline;
+  list-style: none;
+}