diff --git a/package.json b/package.json
index a208727..b612750 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "werkbot-framewerk",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "A framework of css and javascript that Werkbot uses as a foundation to build our websites.",
   "main": "js/form.js",
   "directories": {
diff --git a/sass/elements/typography/elements/_h1.scss b/sass/elements/typography/elements/_h1.scss
index 050bdf6..dd96f06 100644
--- a/sass/elements/typography/elements/_h1.scss
+++ b/sass/elements/typography/elements/_h1.scss
@@ -18,7 +18,8 @@ $element-h1-properties: $default-element-h1-properties !default;
   $element-h1-properties: recursive-map-merge($default-element-h1-properties, $element-h1-properties);
 }
 
-h1{
+h1,
+.fw-heading-1{
   color: getThemeProperty(color, $element-h1-properties);
   font-family: getThemeProperty(fontFamily, $element-h1-properties);
   font-weight: getThemeProperty(fontWeight, $element-h1-properties);
diff --git a/sass/elements/typography/elements/_h2.scss b/sass/elements/typography/elements/_h2.scss
index 75bc1ad..7327557 100644
--- a/sass/elements/typography/elements/_h2.scss
+++ b/sass/elements/typography/elements/_h2.scss
@@ -18,7 +18,8 @@ $element-h2-properties: $default-element-h2-properties !default;
   $element-h2-properties: recursive-map-merge($default-element-h2-properties, $element-h2-properties);
 }
 
-h2{
+h2,
+.fw-heading-2{
   color: getThemeProperty(color, $element-h2-properties);
   font-family: getThemeProperty(fontFamily, $element-h2-properties);
   font-weight: getThemeProperty(fontWeight, $element-h2-properties);
diff --git a/sass/elements/typography/elements/_h3.scss b/sass/elements/typography/elements/_h3.scss
index 5a3c537..50c14a4 100644
--- a/sass/elements/typography/elements/_h3.scss
+++ b/sass/elements/typography/elements/_h3.scss
@@ -18,7 +18,8 @@ $element-h3-properties: $default-element-h3-properties !default;
   $element-h3-properties: recursive-map-merge($default-element-h3-properties, $element-h3-properties);
 }
 
-h3{
+h3,
+.fw-heading-3{
   color: getThemeProperty(color, $element-h3-properties);
   font-family: getThemeProperty(fontFamily, $element-h3-properties);
   font-weight: getThemeProperty(fontWeight, $element-h3-properties);
diff --git a/sass/elements/typography/elements/_h4.scss b/sass/elements/typography/elements/_h4.scss
index 15e0c3f..24459e5 100644
--- a/sass/elements/typography/elements/_h4.scss
+++ b/sass/elements/typography/elements/_h4.scss
@@ -18,7 +18,8 @@ $element-h4-properties: $default-element-h4-properties !default;
   $element-h4-properties: recursive-map-merge($default-element-h4-properties, $element-h4-properties);
 }
 
-h4{
+h4,
+.fw-heading-4{
   color: getThemeProperty(color, $element-h4-properties);
   font-family: getThemeProperty(fontFamily, $element-h4-properties);
   font-weight: getThemeProperty(fontWeight, $element-h4-properties);
diff --git a/sass/elements/typography/elements/_h5.scss b/sass/elements/typography/elements/_h5.scss
index ef88397..8e44a9e 100644
--- a/sass/elements/typography/elements/_h5.scss
+++ b/sass/elements/typography/elements/_h5.scss
@@ -18,7 +18,8 @@ $element-h5-properties: $default-element-h5-properties !default;
   $element-h5-properties: recursive-map-merge($default-element-h5-properties, $element-h5-properties);
 }
 
-h5{
+h5,
+.fw-heading-5{
   color: getThemeProperty(color, $element-h5-properties);
   font-family: getThemeProperty(fontFamily, $element-h5-properties);
   font-weight: getThemeProperty(fontWeight, $element-h5-properties);
diff --git a/sass/elements/typography/elements/_h6.scss b/sass/elements/typography/elements/_h6.scss
index 89f7e98..38769b2 100644
--- a/sass/elements/typography/elements/_h6.scss
+++ b/sass/elements/typography/elements/_h6.scss
@@ -18,7 +18,8 @@ $element-h6-properties: $default-element-h6-properties !default;
   $element-h6-properties: recursive-map-merge($default-element-h6-properties, $element-h6-properties);
 }
 
-h6{
+h6,
+.fw-heading-6{
   color: getThemeProperty(color, $element-h6-properties);
   font-family: getThemeProperty(fontFamily, $element-h6-properties);
   font-weight: getThemeProperty(fontWeight, $element-h6-properties);
diff --git a/sass/elements/typography/elements/_p.scss b/sass/elements/typography/elements/_p.scss
index f835a50..a4c9943 100644
--- a/sass/elements/typography/elements/_p.scss
+++ b/sass/elements/typography/elements/_p.scss
@@ -20,7 +20,8 @@ $element-p-properties: $default-element-p-properties !default;
   $element-p-properties: recursive-map-merge($default-element-p-properties, $element-p-properties);
 }
 
-p{
+p,
+.fw-p{
   color: getThemeProperty(color, $element-p-properties);
   font-family: getThemeProperty(fontFamily, $element-p-properties);
   font-weight: getThemeProperty(fontWeight, $element-p-properties);