.nav-container {
    box-shadow: 0.5px 0px 0.8px;
    position: fixed;
    width: 100%; 
    padding: 0.85em;
   /* background-color: hsl(205, 10%, 35%); */
   background-color:#21d789; /* rgba(22, 132, 22, 0.926); */

}

.nav-container .navbar-items  {
    padding: 0.45em;
}

.header_company__name {
    color: rgb(34, 33, 33);
}



@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .nav-container .navbar-items {
      margin:0.6em 0 
    }
    .nav-container .navbar-items a {
        font-size: 0.88em;
        font-weight: 500;
    }
  }


  @media only screen and (min-width: 830px) and (max-width: 900px) {
    .nav-container .navbar-items {
        margin-left:2em 
      }
  }