nav investigation

assets/css/partials/_site-header.scss

@@ -17,13 +17,12 @@
   .site-header__inner{
     width: 100%;
     height: 100%;
-    // border-bottom: 1px solid var(--color-bg);
-    // transition: border-color ease-in .5s;
+
 
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: var(--gap);
+    gap: calc(var(--gap)*0.25);
   }
 
 
@@ -36,8 +35,11 @@
 
 
   #site-title {
-    flex-grow: 2;
-    // opacity: 0;
+    position: relative;
+    top: -3px;
+
+    width: 140px;
+
     svg{
       width: 100px;
       @media #{$small}{
@@ -46,27 +48,30 @@
     }
   }
 
-  .header__title-page{
-    display: none;
-    flex-grow: 2;
-    text-align: left;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-transform: uppercase;
-    font-size: var(--fs-small);
-    line-height: 2;
-   
-  }
 
-  ul{
-    list-style-type: none;
-    display: flex;
-    align-items: center;
-    gap: var(--gap); 
-    text-transform: uppercase;
-    font-weight: 500;
-  }
+   #nav-highlight, 
+   #nav-investigation{
+      flex-grow: 2;
+      ul{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+         gap: var(--gap); 
+           list-style-type: none;
+               
+      }
+    }
+    #nav-highlight ul{
+         font-weight: 500;
+          text-transform: uppercase;
+     
+    }
+
+
+    #nav-investigation{
+      display: none;
+    }  
+
 
 
   #theme-toggle{
@@ -85,8 +90,10 @@
 
   #lang-toggle{
     display: flex;
-    gap: 1ch;
-    button{
+    gap: 0.75ch;
+    padding-right: 1.5ch;
+    a{
+      font-size: var(--fs-small);
       font-weight: 500;
     }
     button:disabled{ color: var(--color-txt-light); }