Rename legal_page layout to page container

this way it is broader applicable, blogs & pods will also use this layout

_layouts/page_container.html

@@ -2,7 +2,7 @@
 layout: page
 ---
 
-<section style="padding-top: 10rem; padding-bottom: 10rem;" id="legal-page">
+<section style="padding-top: 10rem; padding-bottom: 10rem;" id="page-container">
   <div class="items-center h-full">
     <div class="container mx-auto px-8 sm:px-0 flex">
       <div class="max-w-screen-lg mx-auto px-4 sm:px-6 lg:flex">

_layouts/post.html

@@ -1,5 +1,5 @@
 ---
-layout: page
+layout: page_container
 title: "Blog"
 heading: "Blog"
 subheading: "Announcements and things we'd like to share"

_sass/_page_container.scss

@@ -1,4 +1,4 @@
-#legal-page content {  
+#page-container content {
   p {
     padding-top: 1.8rem;
     color: #898989;
@@ -30,9 +30,15 @@
   }
 
   h2 {
+    font-size: 1.875rem;
     padding-top: 4rem;
     font-weight: 800;
-    font-size: 1.875rem;
+  }
+
+  h3 {
+    font-size: 1.2rem;
+    padding-top: 1rem;
+    font-weight: 800;
   }
 
   ul {

assets/css/main.scss

@@ -2,4 +2,4 @@
 ---
 
 @import "global";
-@import "legal_pages";
+@import "page_container";

privacy/index.md

@@ -1,5 +1,5 @@
 ---
-layout: legal_page
+layout: page_container
 title: Privacy Policy
 heading: Privacy Policy
 ---

terms/index.md

@@ -1,5 +1,5 @@
 ---
-layout: legal_page
+layout: page_container
 title: Terms of Service
 heading: Terms of Service
 ---