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 {