diff --git a/css/soe_regions.css b/css/soe_regions.css
index 5f23a11..f4950a8 100644
--- a/css/soe_regions.css
+++ b/css/soe_regions.css
@@ -1,16 +1,14 @@
 #digital-magazine-megamenu {
   z-index: 9999; }
-
-#digital-magazine-megamenu .container {
-  position: absolute;
-  z-index: 9999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  margin-left: auto;
-  margin-right: auto;
-  background-color: #9ca4ab; }
-
-.region-digital-magazine-megamenu {
-  width: 1170px; }
+  #digital-magazine-megamenu .container {
+    position: absolute;
+    z-index: 9999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    margin-left: auto;
+    margin-right: auto; }
+    #digital-magazine-megamenu .container .region-digital-magazine-megamenu {
+      width: 1170px;
+      padding: 30px 0; }
diff --git a/scss/components/_soe_components.scss b/scss/components/_soe_components.scss
deleted file mode 100644
index 9239dd4..0000000
--- a/scss/components/_soe_components.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@charset "UTF-8";
-
-////
-/// ROLL UP
-///
-
-@import
-  'soe_dm_megamenu'
diff --git a/scss/components/_soe_content_body_bottom.scss b/scss/components/_soe_content_body_bottom.scss
new file mode 100644
index 0000000..f393b95
--- /dev/null
+++ b/scss/components/_soe_content_body_bottom.scss
@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+////
+/// CONTENT BODY BOTTOM REGION STRUCTURE
+///
diff --git a/scss/components/_soe_content_body_lower.scss b/scss/components/_soe_content_body_lower.scss
new file mode 100644
index 0000000..4e31bd0
--- /dev/null
+++ b/scss/components/_soe_content_body_lower.scss
@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+////
+/// CONTENT BODY LOWER REGION STRUCTURE
+///
diff --git a/scss/components/_soe_dm_megamenu.scss b/scss/components/_soe_dm_megamenu.scss
index cf6a29f..58872b5 100644
--- a/scss/components/_soe_dm_megamenu.scss
+++ b/scss/components/_soe_dm_megamenu.scss
@@ -1,17 +1,25 @@
+@charset "UTF-8";
+
+////
+/// DIGITAL MAGAZINE MEGAMENU REGION STRUCTURE
+///
+
 #digital-magazine-megamenu {
   z-index: 9999;
-}
-#digital-magazine-megamenu .container {
-  position: absolute;
-  z-index: 9999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  margin-left: auto;
-  margin-right: auto;
-  background-color: $mm-background;
-}
-.region-digital-magazine-megamenu {
-  width: 1170px;
+
+  .container {
+    position: absolute;
+    z-index: 9999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    margin-left: auto;
+    margin-right: auto;
+
+    .region-digital-magazine-megamenu {
+      width: 1170px;
+      padding: 30px 0;
+    }
+  }
 }
diff --git a/scss/components/_soe_fw_middle.scss b/scss/components/_soe_fw_middle.scss
new file mode 100644
index 0000000..206f7ba
--- /dev/null
+++ b/scss/components/_soe_fw_middle.scss
@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+////
+/// FULL WIDTH MIDDLE REGION STRUCTURE
+///
diff --git a/scss/components/_soe_fw_super_hero.scss b/scss/components/_soe_fw_super_hero.scss
new file mode 100644
index 0000000..9f4444b
--- /dev/null
+++ b/scss/components/_soe_fw_super_hero.scss
@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+////
+/// FULL WIDTH SUPER HERO REGION STRUCTURE
+///
diff --git a/scss/components/_soe_regions_components.scss b/scss/components/_soe_regions_components.scss
new file mode 100644
index 0000000..31eede3
--- /dev/null
+++ b/scss/components/_soe_regions_components.scss
@@ -0,0 +1,12 @@
+@charset "UTF-8";
+
+////
+/// ROLL UP
+///
+
+@import
+  'soe_fw_super_hero',
+  'soe_content_body_lower',
+  'soe_fw_middle',
+  'soe_content_body_bottom',
+  'soe_dm_megamenu';
diff --git a/scss/soe_regions.scss b/scss/soe_regions.scss
index f24399e..a046b55 100644
--- a/scss/soe_regions.scss
+++ b/scss/soe_regions.scss
@@ -1,5 +1,4 @@
 @charset "UTF-8";
 
 @import
-  'variables/soe_regions_variables',
-  'components/soe_components'
+  'components/soe_regions_components';
diff --git a/scss/variables/_soe_dm_megamenu_colors.scss b/scss/variables/_soe_dm_megamenu_colors.scss
deleted file mode 100644
index 1114060..0000000
--- a/scss/variables/_soe_dm_megamenu_colors.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@charset "UTF-8";
-
-$mm-background: #9ca4ab;
diff --git a/scss/variables/_soe_regions_variables.scss b/scss/variables/_soe_regions_variables.scss
deleted file mode 100644
index 5309f4f..0000000
--- a/scss/variables/_soe_regions_variables.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@charset "UTF-8";
-
-////
-/// ROLL UP
-///
-
-@import
-  'soe_dm_megamenu_colors'