Center copyright note only on large screens

diff --git a/notes/static/notes/style.css b/notes/static/notes/style.css
index 8af1866a1c8a4279cc8f2bc5e1a986bd3d04c3a8..8336f03291616409428b6e1d898146b91c9555cc 100644 (file)
--- a/notes/static/notes/style.css
+++ b/notes/static/notes/style.css
@@ -24,19 +24,27 @@ footer {
     background-color: #212529;
 }
 
+footer ul {
+    list-style-type: none;
+    margin-left: 0;
+    padding-left: 0;
+}
+
+/* Large screens */
 @media screen and (min-width: 600px) {
     footer div#footer-left {
         text-align: right;
     }
-}
 
-footer ul {
-    list-style-type: none;
-    margin-left: 0;
-    padding-left: 0;
+    footer #copyright {
+        text-align: center;
+        margin-top: 2em;
+    }
 }
 
-footer #copyright {
-    text-align: center;
-    margin-top: 2em;
+/* Small screens */
+@media screen and (max-width: 600px) {
+    footer #copyright {
+        margin-top: 2em;
+    }
 }
\ No newline at end of file