Limit max size of page to 800px

app/assets/images/guage.svg

@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200"
   height="200"
-  zoomAndPan="magnify" viewBox="0 0 1024.5 576" preserveAspectRatio="xMidYMid meet"
+  zoomAndPan="magnify" viewBox="0 0 700 576" preserveAspectRatio="xMidYMid meet"
   version="1.0">
   <defs>
     <clipPath id="a17a27a323">

app/assets/stylesheets/partials/_layout.scss

@@ -38,3 +38,7 @@
 .relative {
   position: relative;
 }
+
+.content-narrow {
+  max-width: 800px;
+}

app/views/home/index.html.erb

@@ -8,7 +8,7 @@
   </div>
 </header>
 
-<div class="container">
+<div class="container content-narrow">
   <section class="row bg-secondary text-white p-7">
     <p class="m-0">The Education Commonwealth Project works to challenge and expand the way student learning and school quality are assessed, advancing an approach to measurement and accountability that is valid, democratic, and equitable. ECP supports schools and communities with free and open-source tools, and broadly seeks to foster state- and national-level change.</p>
   </section>

app/views/layouts/_footer.html.erb

@@ -1,9 +1,9 @@
-<div class="container text-nowrap">
+<div class="container text-nowrap content-narrow">
   <footer class="row footer mt-7 row justify-content-between align-items-center">
     <div class="col">
       <div class="row align-items-center justify-content-center ">
-        <%= image_tag "logo.svg", size: "150x150", class: "col"  %> 
-        <div class="col text-center">
+        <%= image_tag "logo.svg", size: "150x150", class: "col p-0"  %> 
+        <div class="col text-center p-0">
           <p class="fw-bold">Education Commonwealth Project</p>
           <p>University of Massachusetts Lowell</p>
           <p>850 Broadway St</p>