reducing h2 font size for small and medium 2rem for small 2.5rem for medium

diff --git a/css/app.css b/css/app.css
index e9dfc0e..7e124ee 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7532,6 +7532,14 @@ h2 {
   color: #2c296d;
   letter-spacing: 0.07em; }
 
+@media only screen and (max-width: 40em) {
+  h2 {
+    font-size: 2rem; } }
+
+@media only screen and (min-width:40.063em) and (max-width:64em) {
+  h2 {
+    font-size: 2.5rem; } }
+
 h3 {
   color: #f48f22; }
 

diff --git a/scss/_structure.scss b/scss/_structure.scss
index c4d22a0..398993d 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -26,6 +26,15 @@ h2 {
     color: $purple;
     letter-spacing: 0.07em;
 }
+@media #{$small-only}{
+    h2 {
+        font-size: 2rem;
+    }
+}@media #{$medium-only}{
+    h2{
+        font-size: 2.5rem;
+    }
+}
 h3 {
     color: $orange;
 }