add +100px to lowest @media query to improve scaling
diff --git a/css/animations.css b/css/animations.css
index 1674bae..ba7e644 100644
--- a/css/animations.css
+++ b/css/animations.css
@@ -566,7 +566,7 @@
   text-align: center;
  /* color: #0080ff;*/
 }
-@media (max-width:767px) {
+@media (max-width:867px) {
   .display-3 { font-size: 4.4rem;}
   .navbar-ontop { background-color: #303030 !important;}
 }
diff --git a/neon.css b/neon.css
index 64cc986..da586d0 100644
--- a/neon.css
+++ b/neon.css
@@ -34,7 +34,7 @@
   --dark: #303030;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
-  --breakpoint-md: 768px;
+  --breakpoint-md: 868px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
   --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -461,7 +461,7 @@
   @media (min-width: 576px) {
     .container {
       max-width: 540px; } }
-  @media (min-width: 768px) {
+  @media (min-width: 868px) {
     .container {
       max-width: 720px; } }
   @media (min-width: 992px) {
@@ -740,7 +740,7 @@
   .offset-sm-11 {
     margin-left: 91.66667%; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .col-md {
     flex-basis: 0;
     flex-grow: 1;
@@ -1215,7 +1215,7 @@
     .table-responsive-sm > .table-bordered {
       border: 0; } }
 
-@media (max-width: 767.98px) {
+@media (max-width: 867.98px) {
   .table-responsive-md {
     display: block;
     width: 100%;
@@ -2919,13 +2919,13 @@
     .navbar-expand-sm .navbar-toggler {
       display: none; } }
 
-@media (max-width: 767.98px) {
+@media (max-width: 867.98px) {
   .navbar-expand-md > .container,
   .navbar-expand-md > .container-fluid {
     padding-right: 0;
     padding-left: 0; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .navbar-expand-md {
     flex-flow: row nowrap;
     justify-content: flex-start; }
@@ -4535,7 +4535,7 @@
   .d-sm-inline-flex {
     display: inline-flex !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .d-md-none {
     display: none !important; }
   .d-md-inline {
@@ -4821,7 +4821,7 @@
   .align-self-sm-stretch {
     align-self: stretch !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .flex-md-row {
     flex-direction: row !important; }
   .flex-md-column {
@@ -5048,7 +5048,7 @@
   .float-sm-none {
     float: none !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .float-md-left {
     float: left !important; }
   .float-md-right {
@@ -5395,7 +5395,7 @@
   @media (min-width: 576px) {
     .pt-6 {
       max-width: 540px; } }
-  @media (min-width: 768px) {
+  @media (min-width: 868px) {
     .pt-6 {
       max-width: 1140px; } } }
 
@@ -5614,7 +5614,7 @@
   .mx-sm-auto {
     margin-left: auto !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .m-md-0 {
     margin: 0 !important; }
   .mt-md-0,
@@ -6197,7 +6197,7 @@
   .text-sm-center {
     text-align: center !important; } }
 
-@media (min-width: 768px) {
+@media (min-width: 868px) {
   .text-md-left {
     text-align: left !important; }
   .text-md-right {