collapsed navbar background color

behaviour of minimum screen size

css/index.css

@@ -1,6 +1,6 @@
 body, html {
     height: 100%;
-
+    scroll-behavior: smooth;
     /*font-family: Calibre, "San Francisco", "SF Pro Text", -apple-system, system-ui, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", Arial, sans-serif;*/
 }
 
@@ -15,57 +15,77 @@ body, html {
     color: white;
 }
 
-.lightOpacity{
+.lightOpacity {
     opacity: 0.6;
 }
 
-.bigText{
+.bigText {
     transition-delay: 200ms;
     font-family: 'Helvetica Neue', fantasy;
     -webkit-font-smoothing: antialiased
     /*    todo here!*/
 }
 
-#preTitle{
+#preTitle {
     opacity: 0.8;
+    color: #fffd80;
 }
 
 /* screen larger than 600px -- desktop */
 @media screen and (min-width: 601px) {
-    #section1{
+    .tile {
+        min-height: 500px;
+    }
+
+    #section1 {
         padding-top: 200px;
     }
 
-    #preTitle{
+    #preTitle {
         font-size: 35px;
     }
+
     #titleText {
         font-size: 80px;
     }
-    #subTitleText{
+
+    #subTitleText {
         font-size: 50px;
     }
-    #meaningFullSentence{
+
+    #meaningFullSentence {
         width: 40%;
     }
 }
 
 /* Screen smaller than 600px -- mobile */
 @media screen and (max-width: 600px) {
-    #section1{
+    /*background color of collapsed navbar*/
+    .navbar-nav {
+        background: #311E25;
+    }
+
+    .tile {
+        min-height: 300px;
+    }
+
+    #section1 {
         padding-top: 100px;
     }
 
-    #preTitle{
+    #preTitle {
         font-size: 15px;
     }
+
     #titleText {
         font-size: 30px;
     }
-    #subTitleText{
+
+    #subTitleText {
         font-size: 20px;
     }
-    #meaningFullSentence{
+
+    #meaningFullSentence {
         width: 100%;
         font-size: 13px;
     }