move media queries to bottom of file

themes/lumbung-theme/static/css/main.css

@@ -812,6 +812,25 @@ footer a:hover {
     text-decoration: underline;
 }
 
+/* about styles */
+
+#about-img {
+    width: 50%;
+    height: auto;
+    display:block;
+    margin:auto;
+}
+
+
+/* single page styles */
+.single header {
+    flex-direction: column;
+    margin-bottom: 4rem;
+}
+
+.single .h-entry img {
+    object-fit: contain;
+}
 
 /* mobile styles */
 
@@ -930,41 +949,3 @@ footer a:hover {
         padding: 0;
     }
 }
-
-/* about styles */
-
-#about-img {
-    width: 50%;
-    height: auto;
-    display:block;
-    margin:auto;
-}
-
-
-/* single page styles */
-.single header {
-    flex-direction: column;
-    margin-bottom: 4rem;
-}
-
-.single .h-entry img {
-    object-fit: contain;
-}
-
-.lumbung-radio-player {
-    display: flex;
-    color: var(--sounds-dark);
-    border: 1px solid var(--sounds-dark);
-    background: var(--sounds-light);
-    font-style: italic;
-    width: fit-content;
-    padding: 1rem;
-    gap: 1rem;
-    justify-content: center;
-    align-items: center;
-    position: fixed;
-    bottom: 2rem;
-    right: 2rem;
-    cursor: pointer;
-}
-