Some spacing adjustments

styles/_footer.scss

@@ -3,7 +3,7 @@
 .xrpl-footer {
   >:first-child {
     border-top: 1px solid white;
-    padding: 100px 48px 48px 48px;
+    padding: 54px 48px 48px 48px;
   }
 
   .absolute_bottom_footer {

styles/_helpers.scss

@@ -99,10 +99,6 @@
 .mb-40 {
   margin-bottom: 10rem;
 }
-.my-40 {
-  margin-top: 10rem;
-  margin-bottom: 10rem;
-}
 .mb-49 {
   margin-bottom: 12.25rem;
 }
@@ -128,6 +124,9 @@
 .top-10 {
   top: 2.5rem;
 }
+.last-section {
+  margin-bottom: 100px;
+}
 
 /*  TEXT HELPERS */
 .va-middle {

styles/_landings.scss

@@ -176,7 +176,10 @@
   border-bottom: none;
 }
 
-
+.marketing-wrapper {
+  margin-top: 10rem;
+  margin-bottom: 6rem;
+}
 
 
 .landing .card .card-img-top {

styles/_top-nav.scss

@@ -42,6 +42,14 @@
         font-weight: 700;
         box-shadow: inset 0 -1px 0 0 #000;
       }
+
+      @include media-breakpoint-only(lg) {
+        padding: 1rem 1.15rem;
+
+        &.github-edit {
+          padding-left: 40px;
+        }
+      }
     }
     // Buttons in top nav
     .btn-outline-secondary {

tool/template-calculator.html

@@ -254,7 +254,7 @@
   </div>
 
   <div class="container my-20">
-    <section class="row mb-49">
+    <section class="row last-section">
       <div class="col-sm-7 col-sm-offset-5">
         <h4>{% trans %}Breaking Down Individual Transactions{% endtrans %}</h4>
         <p>{% trans %}Looking at individual transactions below, compare how a single transaction across each form of currency equates to KWh, gallons of gas and C02 emissions.{% endtrans %}</p>

tool/template-explore-businesses.html

@@ -18,7 +18,7 @@
 {% block main %}
   <div id="page-business-bg">
     <img id="page-business-top" src="assets/img/backgrounds/bg-business-top.png">
-    <div class="container my-40 marketing-wrapper">
+    <div class="container marketing-wrapper">
       <section class="row mb-50">
         <div class="col-md-4 d-flex flex-column-reverse justify-content-end">
           <h1 class="mb-10">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h1>

tool/template-explore-exchanges.html

@@ -17,7 +17,7 @@
 
 {% block main %}
 <div id="page-exchanges-bg">
-  <div class="container my-40 marketing-wrapper">
+  <div class="container marketing-wrapper">
     <section class="row mt-40 mb-40">
       <div class="col-lg-4 d-flex flex-column-reverse justify-content-end mb-10">
         <h1>{% trans %}XRP Is Traded on More Than 100 Markets and Exchanges Worldwide{% endtrans %}</h1>
@@ -31,7 +31,7 @@
       </div>
     </section>
 
-    <section class="mb-50 row">
+    <section class="row last-section">
       <h5 class="ml-3 mb-3">{% trans %}Top Exchanges, according to CryptoCompare (as of August 2020):{% endtrans %}</h5>
       <div class="w-100"></div>
       <div class="d-flex flex-wrap w-100">

tool/template-home.html

@@ -16,7 +16,7 @@
 {% block breadcrumbs %}{% endblock %}
 
 {% block main %}
-  <div class="container my-40 marketing-wrapper">
+  <div class="container marketing-wrapper">
 
     <section class="row">
       <h6 class="section-marker" id="home-hero-marker">{% trans %}Scroll Down{% endtrans %}</h6>
@@ -105,7 +105,7 @@
       </div>
     </section>
 
-    <section class="row mb-50">
+    <section class="row last-section">
       <h6 class="section-marker">{% trans %}Sustainability{% endtrans %}</h6>
       <div class="col-sm-4 offset-sm-1 text-center">
         <img class="mw-100" src="./img/green/green-graphic.png">

tool/template-learn-history.html

@@ -17,7 +17,7 @@
 
 {% block main %}
   <div id="page-history-bg">
-    <div class="container my-40 marketing-wrapper">
+    <div class="container marketing-wrapper">
       <img id="page-history-top" src="assets/img/backgrounds/bg-history-top.png">
       <section class="row mt-40 mb-40">
         <div class="col-sm-4 mb-10">

tool/template-learn-impact.html

@@ -88,7 +88,7 @@
           </div>
       </section>
 
-      <section class="row mb-20">
+      <section class="row last-section">
         <h6 class="section-marker">{% trans %}What Makes XRP and the XRP Ledger Green?{% endtrans %}</h6>
         <div class="col-md-4 mb-10 text-center">
           <img class="mw-100 mt-20" src="./img/green/green-graphic@2x.png">

tool/template-learn-overview.html

@@ -224,7 +224,7 @@
         </div>
       </section>
 
-      <section class="mb-50">
+      <section class="last-section">
         <h6 class="section-marker">{% trans %}XRP Community{% endtrans %}</h6>
         <div class="row">
           <div class="col-md-6 offset-md-1 order-1 order-md-2 mb-10 text-center">

tool/template-learn-uses.html

@@ -16,7 +16,7 @@
 {% block breadcrumbs %}{% endblock %}
 
 {% block main %}
-  <div class="my-40 marketing-wrapper">
+  <div class="marketing-wrapper">
     <div class="container">
       <section class="row mb-20">
         <div class="col-md-4 d-flex flex-column-reverse justify-content-end">
@@ -82,7 +82,7 @@
       </div>
     </section>
 
-    <section class="row mb-50">
+    <section class="row last-section">
       <h6 class="section-marker">{% trans %}Trading{% endtrans %}</h6>
       <div class="col-md-4 offset-md-1 order-1 order-md-2 mb-10 text-center">
         <img class="mw-100" src="./img/uses/inst-trading.png">