mobile styling for section headers. (#77)

* carousel fix * carousel fix * Update styles.css * buttons * review comments * Update styles.css
hlxsites · Jan 17, 2024 · d1f1d73 · d1f1d73
1 parent c06788d
commit d1f1d73
Showing 1 changed file with 24 additions and 17 deletions.
diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css
@@ -428,23 +428,7 @@ main .section > .default-content-wrapper > h2 {
   font-weight: 900;
   color: var(--tan);
   padding: 38px 15px;
-  font-size: 45px;
-}
-
-main .section > .default-content-wrapper > h2 ::before {
-  content: 'decor';
-  color: transparent;
-  background: url('../icons/decorleft.png') center no-repeat;
-  background-size: contain;
-  margin-right: 15px;
-}
-
-main .section > .default-content-wrapper > h2 ::after {
-  content: 'decor';
-  color: transparent;
-  background: url('../icons/decorright.png') center no-repeat;
-  background-size: contain;
-  margin-left: 15px;
+  font-size: 25px;
 }
 
 main .button-container {
@@ -497,6 +481,26 @@ main .button-container .button:hover {
   h1 {
     font-size: 35px;
   }
+
+  main .section > .default-content-wrapper > h2 {
+    font-size: 35px;
+   }
+
+  main .section > .default-content-wrapper > h2 ::before {
+    content: 'decor';
+    color: transparent;
+    background: url('../icons/decorleft.png') center no-repeat;
+    background-size: contain;
+    margin-right: 15px;
+  }
+
+  main .section > .default-content-wrapper > h2 ::after {
+    content: 'decor';
+    color: transparent;
+    background: url('../icons/decorright.png') center no-repeat;
+    background-size: contain;
+    margin-left: 15px;
+  }
 }
 
 @media screen and (min-width: 900px) {
@@ -520,6 +524,9 @@ main .button-container .button:hover {
     background-color: var(--grey-background);
   }
 
+  main .section > .default-content-wrapper > h2 {
+   font-size: 45px;
+  }
 }
 
 @media screen and (min-width: 1200px) {