text paragraph, styles for content page text paragraph

src/components/paragraph-text/paragraph-text-content.scss

@@ -6,30 +6,40 @@
 */
 .hy-paragraph-text.content_page.external,
 .hy-paragraph-text.field_of_science.external {
-  margin-top: 24px;
+  margin-top: 24px; //total gap between heading h2 and paragraph content is 48px
 
   @include breakpoint($narrow) {
-    margin-top: 16px;
+    margin-top: 16px; //total gap 40px
+  }
+  @include breakpoint($wide) {
+    margin-top: 32px; //total gap 56px
   }
 }
 
-.hy-paragraph-text.content_page,
-.hy-paragraph-text.field_of_science {
-  h2 {
-    // text H2 small
-    @include font-size(26px, 32px);
-    letter-spacing: -0.8px;
-    padding-bottom: 40px;
-
-    @include breakpoint($wide) {
-      // text H2 Medium size ?? also for 1200-1440 with sidebar !!!
-      @include font-size(32px, 38px);
-      letter-spacing: -1px;
+// There is a sidebar on the Content page
+.hy-paragraph-text.content_page.external.default,
+.hy-paragraph-text.field_of_science.external.default {
+  @include breakpoint($extrawide) {
+    margin-top: 32px; //total gap 56px
+  }
+  @include breakpoint($overwide) {
+    margin-top: 40px; //total gap 64px
+  }
+}
 
-      padding-bottom: 56px;
-    }
+// No sidebar on the Content page
+.hy-paragraph-text.content_page.external.wide,
+.hy-paragraph-text.field_of_science.external.wide {
+  @include breakpoint($extrawide) {
+    margin-top: 40px; //total gap 64px
   }
+  @include breakpoint($overwide) {
+    margin-top: 40px; //total gap 64px
+  }
+}
 
+.hy-paragraph-text.content_page,
+.hy-paragraph-text.field_of_science {
   h3 {
     // text H3 small
     @include font-size(22px, 28px);
@@ -116,35 +126,9 @@
       padding-top: 28px;
     }
 
-    @include breakpoint($overwide) {
+    @include breakpoint($wide) {
       padding-bottom: 16px;
       padding-top: 32px;
     }
   }
 }
-
-// There is a sidebar on the Content page
-.hy-paragraph-text.content_page.default,
-.hy-paragraph-text.field_of_science.default {
-  h2 {
-    @include breakpoint($extrawide) {
-      padding-bottom: 56px;
-    }
-    @include breakpoint($overwide) {
-      padding-bottom: 64px;
-    }
-  }
-}
-
-// No sidebar on the Content page
-.hy-paragraph-text.content_page.wide,
-.hy-paragraph-text.field_of_science.default {
-  h2 {
-    @include breakpoint($extrawide) {
-      padding-bottom: 64px;
-    }
-    @include breakpoint($overwide) {
-      padding-bottom: 64px;
-    }
-  }
-}