fixed photo button on desktops

static/styles.css

@@ -450,7 +450,7 @@ ul.flashes li {
 
 
 /* Media queries for responsiveness */
-@media (max-width: 768px) {
+@media (max-width: 811px) {
     section#pinner-modal {
         width: 90%;
         left: 5%;
@@ -467,4 +467,23 @@ ul.flashes li {
     nav ul {
         justify-content: center;
     }
+
+}
+
+@media (min-width: 812px) {
+    nav {
+        height: 10vh;
+    }
+    nav ul {
+        justify-content: flex-end;
+    }
+    nav ul li {
+        padding: 0 var(--spacing-md);
+    }
+    nav ul li a {
+        padding: 0.5rem 1
+    }
+    .control-button {
+        display: none;
+    }
 }