diff --git a/_includes/downloadButton.html b/_includes/downloadButton.html
index 686a85ae..79d8e9fc 100644
--- a/_includes/downloadButton.html
+++ b/_includes/downloadButton.html
@@ -1,8 +1,12 @@
{% if include.os == "linux" %}
-
+
{% else %}
-
+
{% endif %}
- {{include.title}} ({{include.arch}})
+ {% if include.arch == "x86" %}
+ {{include.title}}
+ {% else %}
+ {{include.title}}
+ {% endif %}
\ No newline at end of file
diff --git a/_includes/head.html b/_includes/head.html
index 62db078b..dce5dfe8 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -23,7 +23,9 @@
-
+
+
+
diff --git a/css/main.css b/css/main.css
index 8f9908f1..c68148fa 100644
--- a/css/main.css
+++ b/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;
+}
\ No newline at end of file