1 files changed, 18 insertions, 11 deletions

diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index 58bac7f..fc4991a 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -21,17 +21,17 @@
 
         h1 {
             color:     fn.foreign-color(--heading, --strong);
-            font-size: fn.global-dim(--font-size --900);
+            font-size: fn.global-dim(--font-size --400);
         }
 
         h2 {
             color:     fn.foreign-color(--heading, --strong);
-            font-size: fn.global-dim(--font-size --600);
+            font-size: fn.global-dim(--font-size --300);
         }
 
         h3 {
             color:     fn.foreign-color(--heading, --strong);
-            font-size: fn.global-dim(--font-size --300);
+            font-size: fn.global-dim(--font-size --200);
         }
 
         h4 {
@@ -65,14 +65,21 @@
             color:     fn.foreign-color(--heading, --light);
         }
 
-        @include iro.bem-elem('primary') {
-            background-image: linear-gradient(
-                to top,
-                transparent .15em,
-                fn.foreign-color(--heading, --bg) .15em,
-                fn.foreign-color(--heading, --bg) .6em,
-                transparent .6em
-            );
+        @include iro.bem-modifier('display') {
+            h1 {
+                color:     fn.foreign-color(--heading, --strong);
+                font-size: fn.global-dim(--font-size --900);
+            }
+    
+            h2 {
+                color:     fn.foreign-color(--heading, --strong);
+                font-size: fn.global-dim(--font-size --600);
+            }
+    
+            h3 {
+                color:     fn.foreign-color(--heading, --strong);
+                font-size: fn.global-dim(--font-size --300);
+            }
         }
     }
 }