Improved image quality and fixed the hanging "or" text on small screens

_layouts/home.html

@@ -41,7 +41,7 @@
       <div class="wrap page-lead-content">
         <h1>Duplicati 2.0</h1>
         <h2>Store securely encrypted backups on cloud storage services!<br />Free for Windows, macOS and Linux</h2>
-        <a href="{{ site.url }}/download" class="btn">Download 2.0 (experimental)</a> &nbsp;&nbsp; or &nbsp;&nbsp; <a href="
+        <a href="{{ site.url }}/download" class="btn">Download 2.0 (experimental)</a><span id="or-space">or</span><a href="
 https://sites.google.com/a/duplicati.com/duplicati/home" class="btn-inverse">Have a look at  1.3.4</a>
       </div><!-- /.page-lead-content -->
     </div><!-- /.page-lead -->

_sass/_base.scss

@@ -421,3 +421,11 @@ b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a,
     cursor: pointer;
     margin-bottom: 0px;
 }
+
+#or-space {
+  margin: 0px 20px 20px 20px;
+  display: block;
+  @include media($small) {
+    display: inline-block;
+  }  
+}