Make site title responsive

ShawnTeoh · Mar 30, 2017 · bceeeea · bceeeea
1 parent a8af953
commit bceeeea
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/assets/css/main.sass b/assets/css/main.sass
@@ -51,13 +51,12 @@ nav
   .page-title
     font-size: 36px
     font-weight: bold
-
-nav.top-nav
-  height: 80px
-
-  .page-title
     line-height: 80px
 
+nav
+  &.top-nav
+    height: 80px
+
 // Footer
 footer.page-footer
   margin-top: 10px
@@ -88,4 +87,9 @@ main
 
   nav 
     .nav-wrapper
-      text-align: center
+      text-align: center
+
+@media only screen and (max-width: 600px)
+  nav
+    .page-title
+      font-size: 20px