adjusting #discoverkzoo lens from being cut off

diff --git a/css/app.css b/css/app.css
index 19ea9d4..fde9b8d 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7597,7 +7597,16 @@ a#big-lens h1 {
       margin-bottom: -5px; } }
   @media only screen and (max-width: 580px) {
     a#big-lens h1 {
-      font-size: 3.4375rem; } }
+      font-size: 3.4375rem;
+      margin-bottom: -5px; } }
+  @media only screen and (max-width: 460px) {
+    a#big-lens h1 {
+      font-size: 1.875rem;
+      margin-bottom: -5px; } }
+  @media (min-width: 460px) and (max-width: 580px) {
+    a#big-lens h1 {
+      font-size: 2.5rem;
+      margin-bottom: -5px; } }
 
 #social2 {
   display: block;

diff --git a/scss/_structure.scss b/scss/_structure.scss
index 2f49bf2..c4d22a0 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -56,7 +56,17 @@ a#big-lens h1 {
     }
     @media only screen and (max-width: 580px) {
         font-size: rem-calc(55);
+        margin-bottom: -5px;
+    }
+    @media only screen and (max-width: 460px){
+        font-size: rem-calc(30);
+        margin-bottom: -5px;
+    }
+    @media (min-width: 460px) and (max-width: 580px){
+        font-size: rem-calc(40);
+        margin-bottom: -5px;
     }
+   
 }
 #social2 {
        display: block;