From 23f29d28fd93abe92a3848fefad50e85e0b818ec Mon Sep 17 00:00:00 2001
From: Abel-Zambrano <67209686+Abel-Zambrano@users.noreply.github.com>
Date: Sun, 11 Jul 2021 13:05:16 -0700
Subject: [PATCH] Mobile header (#1914)

* Fixes #1574

* Change Alt Text for Delegate Icon on Credit page

* changed toolkit banner font to 400

* change margins for mobile screen
---
 _sass/components/_program-areas.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/_sass/components/_program-areas.scss b/_sass/components/_program-areas.scss
index 7e5aa8caf3..f10450f844 100644
--- a/_sass/components/_program-areas.scss
+++ b/_sass/components/_program-areas.scss
@@ -8,9 +8,17 @@
         flex-direction: column;
         margin-right: 5rem;
 
+        @media #{$bp-below-desktop} {
+          margin-bottom: 1.625rem;
+        }
+
         h1 {
             margin-top: 2.25rem;
             margin-bottom: 3.125rem;
+
+          @media #{$bp-below-desktop} {
+            margin-top: 2rem;
+          }  
         }
     }
 
@@ -55,6 +63,11 @@
 .program-areas-hero-svg {
     width: auto;
     height: 240px;
+
+    @media #{$bp-below-desktop} {
+      height: auto;
+      max-width: 16rem;
+    }
 }
 
 @media(max-width: 850px) {
@@ -65,7 +78,7 @@
             margin-right: 0;
 
             h1 {
-                margin-bottom: 0.4rem;
+                margin-bottom: 1rem;
             }
         }