feat: update responsive utility classes and adjust navbar logo styles

src/css/input.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700|Roboto&display=swap');
-
 /* ubuntu-300 - latin */
 @font-face {
     font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
@@ -5564,6 +5562,16 @@
       height: calc(var(--spacing) * 24);
     }
   }
+  .md\:h-32 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 32);
+    }
+  }
+  .md\:w-32 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 32);
+    }
+  }
   .md\:h-36 {
     @media (width >= 48rem) {
       height: calc(var(--spacing) * 36);
@@ -5629,6 +5637,11 @@
       margin-top: calc(var(--spacing) * 24);
     }
   }
+  .md\:mt-20 {
+    @media (width >= 48rem) {
+      margin-top: calc(var(--spacing) * 20);
+    }
+  }
   .lg\:block {
     @media (width >= 64rem) {
       display: block;