From 425bfef5e6d738a7c7c008ba39a8932e41dcdf6e Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 17 Aug 2022 11:15:54 -0400
Subject: [PATCH] Optimize subscribe form for mobile

---
 src/layouts/page/keep-what-is-yours.html | 30 ++++++++++++++++++++----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/layouts/page/keep-what-is-yours.html b/src/layouts/page/keep-what-is-yours.html
index 6c55198..4856ff9 100644
--- a/src/layouts/page/keep-what-is-yours.html
+++ b/src/layouts/page/keep-what-is-yours.html
@@ -111,14 +111,34 @@
 
     <style>
 
-      #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
-        width:69%;
+
+      @media only screen and (max-width: 576px) {
+
+        #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
+          width:100%;
+        }
+
+        #keep-email-btn{
+          width:100%;
+          float:none;
+          margin-bottom:20px;
+        }
+
       }
 
-      #keep-email-btn{
-        width:29%;
-        float:right;
+      @media only screen and (min-width: 576px) {
+
+        #SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
+          width:69%;
+        }
+
+        #keep-email-btn{
+          width:29%;
+          float:right;
+        }
+
       }
+
     </style>
 
 <!-- Start three column value props -->