From f05f6f7faeb316ddf12793614f15f8509fa5a094 Mon Sep 17 00:00:00 2001
From: Brandon Romano <BrandonRRomano@gmail.com>
Date: Mon, 12 Oct 2020 22:35:54 -0700
Subject: [PATCH] Misc website mobile polish (#648)

* Reduce top section bottom padding on mobile

* Clean up mobile branded CTA overlap
---
 website/components/branded-cta/branded-cta.module.css   | 4 ++--
 website/components/how-it-works/how-it-works.module.css | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/website/components/branded-cta/branded-cta.module.css b/website/components/branded-cta/branded-cta.module.css
index 33ff4d78aa..1ce1c063b9 100644
--- a/website/components/branded-cta/branded-cta.module.css
+++ b/website/components/branded-cta/branded-cta.module.css
@@ -9,11 +9,11 @@
     background-position: bottom 0 right -130px;
   }
 
-  @media (462px <= width < 600px) {
+  @media (438px <= width < 600px) {
     background-position: bottom 0 right -260px;
   }
 
-  @media (width < 462px) {
+  @media (width < 438px) {
     background-position: bottom 0 right -170px;
   }
 }
diff --git a/website/components/how-it-works/how-it-works.module.css b/website/components/how-it-works/how-it-works.module.css
index 15dfb812d8..6fe900975e 100644
--- a/website/components/how-it-works/how-it-works.module.css
+++ b/website/components/how-it-works/how-it-works.module.css
@@ -72,6 +72,10 @@
       & > div {
         padding-bottom: 355px;
         margin-bottom: -200px;
+        @media (--small) {
+          padding-bottom: 0;
+          margin-bottom: 0;
+        }
       }
     }