remove width constraint

src/App.vue

@@ -24,19 +24,10 @@ export default {
 @import "node_modules/bootstrap/scss/bootstrap";
 @import "node_modules/bootstrap-vue/src/index.scss";
 
-$max-body-width: 1440px;
-
 html {
   // rubber-band overscroll color and determines the scrollbar color on chrome for mac
   background-color: $primary-bg-color;
 }
-// show a light-colored scrollbar on xxl displays so that the scrollbar is visible
-// against the dark vertical bars
-@media (min-width: $max-body-width) {
-  html {
-    background-color: #000000;
-  }
-}
 
 body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -48,7 +39,6 @@ body {
 }
 
 #app {
-  max-width: $max-body-width;
   background-color: $primary-bg-color;
   margin-left: auto;
   margin-right: auto;

src/components/NavBar.vue

@@ -38,7 +38,6 @@ export default {
 <style lang="scss" scoped>
 .navbar {
   background-color: $secondary-bg-color;
-  max-width: 1440px;
   margin-left: auto;
   margin-right: auto;
 

src/components/PageHeader.vue

@@ -35,12 +35,13 @@ export default {
 .page-header {
   background-color: $secondary-bg-color;
   background-image: url(~@/assets/images/tech-bg.jpg);
-  background-position-y: -420px;
+  background-position-y: -260px;
   background-repeat: no-repeat;
   background-attachment: fixed;
   overflow: auto;
   margin-bottom: 7rem;
   margin-top: 98px;
+  background-size: cover;
 
   .title,
   .subtext,