diff --git a/www/conservancy/templates/base_conservancy.html b/www/conservancy/templates/base_conservancy.html
index bac808e53c68914ebe2b90e0bceffe7ab4ac99e8..06f459838a1f9bd42a650cd58ca6b96348777f9e 100644
--- a/www/conservancy/templates/base_conservancy.html
+++ b/www/conservancy/templates/base_conservancy.html
@@ -17,12 +17,7 @@
     <link rel="stylesheet" type="text/css" href="{% static 'css/tachyons.css' %}"/>
     <link rel="stylesheet" type="text/css" media="screen" href="/css/conservancy.css" />
     <link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="/css/conservancy-bigscreen.css" />
-    <link rel="stylesheet" href="/css/jquery-ui-1.8.22.custom.css" />
-    <link rel="stylesheet" href="/css/jquery.ui.multiprogressbar.css" />
     <script type="text/javascript" src="/js/jquery-1.7.2.js"></script>
-    <script type="text/javascript" src="/js/jquery-ui-1.8.22.custom.min.js"></script>
-    <script type="text/javascript" src="/js/jquery.outerhtml.js"></script>
-    <script type="text/javascript" src="/js/jquery.ui.multiprogressbar.js"></script>
     <script type="text/javascript" src="/js/conservancy.js"></script>
     {% block head %}{% endblock %}
   </head>
@@ -114,8 +109,9 @@
 {% if sitefundgoal and sitefundgoal.fundraiser_so_far_amount and datetime_now < sitefundgoal_endtime %}
 {% with this_match_goal=sitefundgoal.fundraiser_goal_amount this_match_so_far=sitefundgoal.fundraiser_so_far_amount %}
 {% with this_match_remaining=this_match_goal|subtract:this_match_so_far sitefundgoal_timeleft=sitefundgoal_endtime|subtract:datetime_now %}
-    <div class="fundraiser-top-text">
-      <p>
+    <div class="fundraiser-top-text ph2 ph3-ns pt2 pb3">
+      <div class="mw8 center ph2 ph4-ns">
+      <div class="mt2 mb3 tc">
         {% if this_match_remaining <= 0 %}
           Thanks to {{ sitegoal.fundraiser_donation_count|intcomma }} Sustainers we earned our full match!
           Help us go further to stand up for software freedom &mdash; <a href="/sustainer">sign up now</a>!
@@ -134,24 +130,28 @@
         next ${{ this_match_remaining|floatformat:0|intcomma }} of <a href="/sustainer/">support we receive</a> will be matched!
 
         {% endif %}
-      </p>
+      </div>
 
 {% if sitefundgoal.fundraiser_so_far_amount %}
-<div id="siteprogressbar">
-<a href="/sustainer">
-  We've matched
+<a href="/sustainer/" style="text-decoration: none !important">
+<div id="siteprogressbar" class="flex items-stretch w-100">
   {% if this_match_remaining <= 0 %}
-  $<span id="site-fundraiser-match-count">{{ this_match_goal|intcomma }}</span>
+    <div class="progress matched tc pv1 b dt" style="flex-basis: {{ this_match_so_far }}px">
+      <span id="site-fundraiser-match-count" class="soFarText dtc v-mid">${{ this_match_goal|floatformat:0|intcomma }} matched!</span>
+    </div>
   {% else %}
-  $<span id="site-fundraiser-match-count">{{ this_match_so_far|intcomma }}</span>
-  {% endif %}
-  of
-  $<span id="site-fundraiser-final-goal">{{ this_match_goal|intcomma }}</span>
-  so far!
-</a>
+    <div class="progress tc pv1 b dt" style="flex-basis: {{ this_match_so_far }}px">
+      <span id="site-fundraiser-match-count" class="soFarText dtc v-mid">${{ this_match_so_far|floatformat:0|intcomma }} matched!</span>
+    </div>
+    <div class="final-goal tc pv1 b dt" style="flex-basis: {{ this_match_remaining }}px">
+      <span id="site-fundraiser-final-goal" class="goalText dtc v-mid">${{ this_match_remaining|floatformat:0|intcomma }} to go!</span>
+    </div>
+    {% endif %}
 </div>
+</a>
 {% endif %}
 
+</div>
 </div>
 {% endwith %}
 {% endwith %}