diff --git a/static/images/mission.jpg b/static/images/mission.jpg
deleted file mode 100644
index 76fcf9eed..000000000
Binary files a/static/images/mission.jpg and /dev/null differ
diff --git a/static/images/red-bubble-map_mission-pg-short.jpg b/static/images/red-bubble-map_mission-pg-short.jpg
new file mode 100644
index 000000000..4c29f4db8
Binary files /dev/null and b/static/images/red-bubble-map_mission-pg-short.jpg differ
diff --git a/themes/delphi/assets/css/pages/_about.scss b/themes/delphi/assets/css/pages/_about.scss
index f49bd0dfe..725feea11 100644
--- a/themes/delphi/assets/css/pages/_about.scss
+++ b/themes/delphi/assets/css/pages/_about.scss
@@ -1,40 +1,28 @@
-
 .about-mission {
-    padding: 8rem 0;
-}
-
-.about-mission-img {
-    z-index: -1;    
-}
-.about-mission-mission {
-    color: white;
-    padding: 1em 0;
-    display: block;
-    background: rgba(#FA8C16, 0.2);
-    text-transform: uppercase;
-    letter-spacing: 3px;
+    background-image: url("../images/red-bubble-map_mission-pg-short.jpg");
+    background-size: auto;
+    height: 200px;
 }
 
-.about-mission-text {
-    color: white;
-    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
+.mission-text {
     font-weight: 600;
-    font-size: 44px;
-    line-height: 64px;
-    margin: 0;
+    font-size: 24px;
+    line-height: 36px;
 }
 
-.about-description {
-    padding: 24px;
-    margin-bottom: 3rem;
-    
-    h3 {
-        letter-spacing: 3px;
-        text-transform: uppercase;
+@media screen and (max-width: $breakpoint-medium) { 
+    .mission-text {
+        font-size: 18px;
+        line-height: 28px;
+    }
+    .about-mission {
+        height: 50px;
+    }
+    .about-description {
+        margin-top: 0px;
     }
 }
-
-@media (min-width: $breakpoint-medium) {
+@media screen and (min-width: $breakpoint-medium) {
     .about-description {
         background: white;
         border: 1px solid #D3D4D8;
@@ -43,6 +31,16 @@
     }
 }
 
+.about-description {
+    padding: 2em;
+    margin-bottom: 3rem;
+
+    h3 {
+        letter-spacing: 3px;
+        text-transform: uppercase;
+    }
+}
+
 
 .about-collaborators {
     background: #FAFAFC;
diff --git a/themes/delphi/assets/css/pages/_landing.scss b/themes/delphi/assets/css/pages/_landing.scss
index 9bed787a6..48e2ca7d6 100644
--- a/themes/delphi/assets/css/pages/_landing.scss
+++ b/themes/delphi/assets/css/pages/_landing.scss
@@ -74,12 +74,22 @@ $carousel-height:500px;
     h2 {
         font-weight: 600;
         font-size: 14px;
+        letter-spacing: 3px;
         text-transform: uppercase;
     }
     p {
-        font-weight: 600;
-        font-size: 32px;
+        font-weight: 500;
+        font-size: 28px;
+        line-height: 48px;
+        color: rgb(35, 39, 53);
     }
+
+    @media screen and (max-width: $breakpoint-small) { 
+        p {
+         font-size: 18px;
+         line-height: 32px;
+        }
+       }
     a {
         color: $global-color;
         font-weight: bold;
diff --git a/themes/delphi/assets/css/pages/_team.scss b/themes/delphi/assets/css/pages/_team.scss
index a6c384d24..8661e1e26 100644
--- a/themes/delphi/assets/css/pages/_team.scss
+++ b/themes/delphi/assets/css/pages/_team.scss
@@ -3,6 +3,21 @@
 .team-hero-image {
     width: 100%;
 }
+
 .team-member > img {
     border-radius: 5px;
 }
+
+.team-header {
+    line-height: 64px;
+    font-size: 40px;
+    padding-top: .25em;
+    padding-bottom: 1em;
+}
+
+@media screen and (max-width: $breakpoint-small) { 
+    .team-header {
+        font-size: 18px;
+        line-height: 24px;
+    }
+   }
\ No newline at end of file
diff --git a/themes/delphi/layouts/_default/about.html b/themes/delphi/layouts/_default/about.html
index ae680db1c..56f5eb5a6 100644
--- a/themes/delphi/layouts/_default/about.html
+++ b/themes/delphi/layouts/_default/about.html
@@ -1,23 +1,11 @@
 {{ define "main" }}
 
-<div class="about-mission uk-cover-container">
-    <img class="about-mission-img" src="{{ "images/mission.jpg" | relURL }}" alt="Mission image" uk-cover />
-    <div class="about-mission-mission">
-        <div class="uk-container content-grid">
-            <div class="grid-2-10">
-                Our Mission
-            </div>
-        </div>
-    </div>
-    <div class="uk-container content-grid">
-        <h1 class="grid-2-10 about-mission-text">
-            {{.Site.Params.mission}}
-        </h1>
-    </div>
+<div class="about-mission">
 </div>
-
 <div class="uk-container content-grid">
     <div class="grid-2-10 about-description">
+        <h2 class="mission-header">Delphi Research Group</h2>
+        <h4 class="mission-text">{{.Site.Params.mission}}</h4>
         {{ .Content }}
     </div>
 </div>
diff --git a/themes/delphi/layouts/_default/team.html b/themes/delphi/layouts/_default/team.html
index 62c02be1b..d7b7568c5 100644
--- a/themes/delphi/layouts/_default/team.html
+++ b/themes/delphi/layouts/_default/team.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
 <div class="uk-container">
-<h1>Thank you to our {{ len .Params.team }} members around the world, all the students, faculty, staff, and volunteers who have contributed to the COVIDcast project.</h1>
+<h1 class="team-header">Thank you to our {{ len .Params.team }} members around the world, all the students, faculty, staff, and volunteers who have contributed to the COVIDcast project.</h1>
 
 <img src="{{ (.Resources.GetMatch "map-and-pins.png").RelPermalink }}" alt="World map of team members" class="team-hero-image">