diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index f15ef6d1942e5755bd12d4e0b908c56dd04ae538..b155e7290e660e347bf488c090ce4e741af44c88 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -298,45 +298,44 @@ body > header {
   margin-left: .5rem;
 }
 
-#progressbar {
-    height: 1.8em;
+.fundraiser-top-text {
+  background: #F0FFB8;
+  margin-top: -.5rem;
 }
-
-#progressbar .ui-widget-header {
-    background: rgb(206, 31, 31);
+.fundraiser-top-text p {
+  font-size: 110%;
+  font-style: italic;
+  text-align: center;
 }
-
 #siteprogressbar .goalText {
-    color: #557733;
-    font-size: 10pt;
+  color: #557733;
 }
 #siteprogressbar .soFarText {
-    font-size: 10pt;
-}
-#siteprogressbar .progress {
-    background: #577632;
-}
-@media all and (max-width: 600px) {
-  .goalText {
-      font-size: 8pt;
-  }
-  .soFarText {
-      font-size: 8pt;
-  }
+  color: white;
 }
 #siteprogressbar .progress {
-    background: #577632;
-}
-#siteprogressbar .middle-goal {
-    background: #d0d0d0;
+  background: linear-gradient(var(--khaki-green), #84a377, var(--khaki-green));
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  border-top-left-radius: 16px;
+  border-bottom-left-radius: 16px;
+  border: 1px solid #3f4439;
 }
-
 #siteprogressbar .final-goal {
-    background: #eeeeee;
+  border-top-right-radius: 16px;
+  border-bottom-right-radius: 16px;
+  border: 1px solid #9bac88;
+  border-left: none;
 }
-
-#fundraiser-percentage {
-    text-align: center;
+#siteprogressbar .progress.matched {
+  border-top-right-radius: 16px;
+  border-bottom-right-radius: 16px;
+}
+#siteprogressbar {
+  background: linear-gradient(var(--washed-green), white, var(--washed-green));
+  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
+  line-height: 1.3;
+  border-radius: 16px;
 }
 
 #container #mainContent {
@@ -654,21 +653,6 @@ dd {
     margin: 0 0 1.5em 2em;
 }
 
-.fundraiser-top-text {
-    background: #F0FFB8;
-    padding: .2em .7em;
-}
-.fundraiser-top-text * {
-    margin: .5em auto;
-    max-width: 70em;
-    width: 95%;
-}
-.fundraiser-top-text p {
-    font-size: 110%;
-    font-style: italic;
-    text-align: center;
-}
-
 /* Fallback elements created by conservancy.js when no video source is
    supported. */
 div.small-right, div.medium-right {