add container-xl to single page to reduce margins on larger screens

Author: Erik2609

assets/scss/_common.scss

@@ -1172,4 +1172,10 @@ $accent: #FF4081;
     top: 80px;
     z-index: 1000;
   }
+}
+
+@media (min-width: 1500px) {
+  .container-xl {
+    max-width: 1430px;
+  }
 }

themes/bigspring-light/layouts/_default/single.html

@@ -28,10 +28,10 @@ <h2 class="mb-4" style="color: #005aa7;">{{ .Title }}</h2>
 {{ else }}
 {{ partial "page-header.html" . }}
 <section class="section">
-  <div class="container">
+  <div class="container container-xl">
     <div class="row">
       {{ if .Params.quick_navigation.links }}
-      <div class="col-lg-4 col-12 mx-auto">
+      <div class="col-lg-3 col-12 mx-auto">
         <div class="content quicklinks-mobile-sticky-top">
           <div class="container-fluid mt-5 p-0">
             <h3>{{.Params.quick_navigation.title}}</h3>
@@ -59,7 +59,7 @@ <h3>{{.Params.quick_navigation.title}}</h3>
           </div>
         </div>
       </div>
-      <div class="col-lg-8 col-12 mx-auto">
+      <div class="col-lg-9 col-12 mx-auto">
         <div class="content">{{ .Content }}</div>
       </div>
       {{ else }}