Add custom icons for x64/x86

_includes/downloadButton.html

@@ -1,8 +1,12 @@
 <a href="#" class="btn btn-primary btn-lg btnDownload">
     {% if include.os == "linux" %}
-    <span class="fa fa-linux btnDownloadIcon" aria-hidden="true"></span>
+        <span class="fa fa-linux btnDownloadIcon" aria-hidden="true"></span>
     {% else %}
-    <span class="fa fa-windows btnDownloadIcon" aria-hidden="true"></span>
+        <span class="fa fa-windows btnDownloadIcon" aria-hidden="true"></span>
     {% endif %}
-    <span>{{include.title}} ({{include.arch}})</span>
+    {% if include.arch == "x86" %}
+        <span>{{include.title}} <i class="arch-x86" aria-hidden="true"></i> </span>
+    {% else %}
+        <span>{{include.title}} <i class="arch-x64" aria-hidden="true"></i> </span>
+    {% endif %}    
 </a>    

_includes/head.html

@@ -23,7 +23,9 @@
 
 	<!--Icon Fonts-->
 	<link rel="stylesheet" media="screen" href="{{site.baseurl}}/fonts/font-awesome/font-awesome.min.css" />
-
+    
+    <!--Arch Icon Fonts-->
+	<link rel="stylesheet" media="screen" href="{{site.baseurl}}/fonts/font-arch/arch.min.css" />
 
 	<!-- Extras -->
 	<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/extras/animate.css">

css/main.css

@@ -341,3 +341,54 @@ a:hover {
 .release-details {
 	text-align:left;
 }
+
+.btnDownload {
+    display:flex;
+    flex: 1 0 auto;
+    justify-content: center;
+    align-items: center;
+    margin-top: 5px;    
+}
+
+.btnDownloadIcon {
+    flex: 0 0 auto;
+    padding-right:10px;
+    font-size:2em;
+}
+
+.btnDownloadText {
+    flex: 0 1 auto;
+}
+
+.release-section {
+    display:flex;
+    flex-direction: column;
+    align-items: stretch;
+}
+
+@media (min-width: 992px){
+    .release-section {
+        flex-direction: row;
+    }
+}
+
+.flex-box-col {
+    display:flex;
+    flex-direction: column;
+}
+
+.flex00a {
+    flex: 0 0 auto;
+}
+
+.flex11a {
+    flex: 1 1 auto;
+}
+
+.flex11100 {
+    flex: 1 1 100%;
+}
+
+.no-release-text {
+    margin-top: 40px;
+}