personalizing header and nav

Author: RubyFore

_config.yml

@@ -2,7 +2,7 @@
 title: Ruby Fore
 email: your-email@domain.com
 url: https://example.github.io
-description: Statistics M.Sc. 
+description: Bioinformatic data specialist, MSc in statistics, experienced programmer 
 
 # Color settings (hex-codes without the leading hash-tag)
 color:

_includes/css/grayscale.css

@@ -80,7 +80,7 @@ a:focus {
 .bar-custom .navbar-brand .navbar-toggle {
     padding: 4px 6px;
     font-size: 16px;
-    color: #fff;
+    color: rgb(88, 89, 90);
 }
 
 .navbar-custom .navbar-brand .navbar-toggle:focus,
@@ -89,7 +89,7 @@ a:focus {
 }
 
 .navbar-custom a {
-    color: #fff;
+    color: rgb(88, 89, 90);
 }
 
 .navbar-custom .nav li.active {
@@ -110,7 +110,7 @@ a:focus {
     background-color: rgba(255,255,255,.3);
 }
 
-/*@media(min-width:767px) {
+@media(min-width:767px) {
     .navbar {
         padding: 20px 0;
         border-bottom: 0;
@@ -123,21 +123,21 @@ a:focus {
 
     .top-nav-collapse {
         padding: 0;
-        background-color: rgba(153, 157, 160);
+        background-color: rgb(9, 10, 10);
     }
 
     .navbar-custom.top-nav-collapse {
         border-bottom: 1px solid rgba(255,255,255,.3);
     }
-}*/
+}
 
 .intro {
     display: table;
     width: 100%;
     height: auto;
     padding: 100px 0;
     text-align: center;
-    color: #fff;
+    color: rgb(185, 189, 192);
     background: url(/img/IMG_3378.jpg) no-repeat bottom center scroll;
     background-color: {{ site.color.primary-dark }};
     -webkit-background-size: cover;
@@ -159,7 +159,6 @@ a:focus {
 }
 
 .brand-heading {
-    color: rgb(153, 157, 160);
     text-align: center;
 }
 .intro .intro-body .intro-text {
@@ -172,7 +171,7 @@ a:focus {
 @media(min-width:767px) {
     .intro {
         height: 60%;
-        padding: 0;
+        padding: 10;
         background-position: 25% 68%;
 
     }

_includes/header.html

@@ -7,7 +7,7 @@
                 <div class="row">
                     <div class="col-md-8 col-md-offset-2"> 
                         <h1 class="brand-heading">{{ site.title }}</h1>
-                        <!---<p class="intro-text">{{ site.description }}<br>--->
+                        <p class="intro-text">{{ site.description }}<br>
                         <a href="#about" class="btn btn-circle page-scroll">
                             <i class="fa fa-angle-double-down animated"></i>
                         </a>

_includes/nav.html

@@ -19,7 +19,7 @@
                         <a class="page-scroll" href="#about">About</a>
                     </li>
                     <li>
-                        <a class="page-scroll" href="#download">Download</a>
+                        <a class="page-scroll" href="#resume">Resume</a>
                     </li>
                     <li>
                         <a class="page-scroll" href="#contact">Contact</a>