.materiel-nav-w{
  padding: 26px 0 26px 0;
  background: #121212;
  color: #fff;
  text-align: center;
}
  .materiel-nav__title-w{
    margin-bottom: 40px;
  }
  .materiel-nav__content{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
        -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
        -webkit-box-align: center;
            align-items: center;
    font-size: 1.1rem;
  }
    .materiel-nav__border{
      border-right: 2px solid #fff;
    }
    .materiel-nav__item{
       padding: 0 30px;
    }
      .materiel-nav__link--active{
        padding-bottom: 6px;
        border-bottom: 2px solid #000;
      }



/* Responisve Part ----------*/

@media (max-width: 840px){
  .materiel-nav__content{
    line-height: 1.6rem;
    font-size: 1rem;
  }
}

  @media (max-width: 787px){
    .materiel-nav__content{
      font-size: .9rem;
    }
  }

    @media (max-width: 630px){
      .materiel-nav-w{
        display: none;
      }
    }