Improve CSS code

static/style.css

@@ -18,7 +18,6 @@ body, form {
 
 h2 {
   color: #2f5188;
-  font-size: 1.3em;
 }
 
 nav {
@@ -29,29 +28,11 @@ nav {
   top: 0;
   left: 0;
   height: 16.66vw;
-  z-index: 2;
   font-size: 8vw;
   display: flex;
   flex-direction: row;
 }
 
-nav > * {
-  display: inline-block;
-  width: 16.66vw;
-  height: 16.66vw;
-  cursor: pointer;
-  color: white;
-}
-
-nav > *:not(:nth-child(1)) {
-  border-left: 1px solid #3b68b0;
-  padding-top: 4vw;
-}
-
-nav > :nth-child(1) > img {
-  margin: 1vw;
-}
-
 #langPicker {
   display: block;
   text-align: right;
@@ -270,7 +251,6 @@ textarea, input[type="text"] {
 @media (min-width: 992px) {
   nav {
     flex-direction: column;
-    width: 7vw;
     min-height: 100vh;
     font-size: 3vw;
   }
@@ -347,6 +327,20 @@ textarea, input[type="text"] {
     margin: auto;
   }
 
+  nav > * {
+    width: 16.66vw;
+    height: 16.66vw;
+  }
+
+  nav > *:not(:nth-child(1)) {
+    border-left: 1px solid #3b68b0;
+    padding-top: 4vw;
+  }
+
+  nav > :nth-child(1) > img {
+    margin: 1vw;
+  }
+
   div#step3 > .fontpicker {
     max-height: 150px;
     overflow-x: auto;