Move all media query overrides at the bottom of the file

1 files changed, 18 insertions, 18 deletions

diff --git a/stylesheets/index.css b/stylesheets/index.css
index 78e9d71..74ba8b7 100644
--- a/stylesheets/index.css
+++ b/stylesheets/index.css
@@ -2,24 +2,6 @@ body {
     background: no-repeat 70% 30%/cover black url('/images/index/bg1k.jpg');
 }
 
-@media (min-width: 1024px), (min-height: 600px) {
-    body {
-        background-image: url('/images/index/bg2k.jpg');
-    }
-}
-
-@media (min-width: 2048), (min-height: 1300px) {
-    body {
-        background-image: url('/images/index/bg4k.jpg');
-    }
-}
-
-@media (min-width: 4096px), (min-height: 2700px) {
-    body {
-        background-image: url('/images/index/bgmax.jpg');
-    }
-}
-
 main {
     position: relative;
 }
@@ -52,6 +34,24 @@ a#next-concert:hover {
     font-weight: 600;
 }
 
+@media (min-width: 1024px), (min-height: 600px) {
+    body {
+        background-image: url('/images/index/bg2k.jpg');
+    }
+}
+
+@media (min-width: 2048), (min-height: 1300px) {
+    body {
+        background-image: url('/images/index/bg4k.jpg');
+    }
+}
+
+@media (min-width: 4096px), (min-height: 2700px) {
+    body {
+        background-image: url('/images/index/bgmax.jpg');
+    }
+}
+
 @media (max-aspect-ratio: 1/1) and (max-height: 600px),
        (max-aspect-ratio: 5/6) {
     body {