fix style order (media query's)

musician/static/musician/css/default.css

@@ -51,7 +51,7 @@ a:hover {
 }
 
 #sidebar-btn {
-    display: block;
+    display: none;
     width: fit-content;
     transition-duration: 200ms;
     transition-property: left;
@@ -327,25 +327,10 @@ td:hover .roll-hover {
     visibility: visible;
 }
 
-@media (min-width: 576px){
-    .card-deck .card {
-        flex: 1 0 40%;
-        margin: 15px;
-    }
-
-    #sidebar-btn {
-        display: none;
-    }
-}
-
 @media (min-width: 1350px){
     .card-deck .card {
         flex: 1 0 0%;
     }
-
-    #content {
-        margin-left: 280px;
-    }
 }
 
 @media (max-width: 800px){
@@ -364,4 +349,14 @@ td:hover .roll-hover {
     #sidebar-toggle:checked ~ #sidebar-btn {
         left: 277px;
     }
-}
+    #sidebar-btn {
+        display: block;
+    }
+}
+
+@media (min-width: 576px){
+    .card-deck .card {
+        flex: 1 0 40%;
+        margin: 15px;
+    }
+}