/*----------------------- HEADER -------------------------------*/
	.header{
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  }
  .header-menu .logo {width:240px;}
  header .navbar-nav .nav-item {
    padding: 0 15px;
    text-align: center;
  }  
  header .navbar-nav .nav-item .nav-link{
    font-size:1rem;
    color:#1d1d1d;
    font-weight:600;
    padding: 0;
    text-transform:capitalize;
    display: inline-block;
    letter-spacing: 0.5px;
    cursor: pointer;
  }  
  header .navbar-nav .nav-item:nth-last-child(1) {padding-right: 0; }
/*---------------------------------------- FOOTER ----------------------------------*/
  small.color-first{font-weight: 600;}
  @media only screen and (max-width:1400px){
    header .navbar-nav .nav-item .nav-link{font-size: 0.9rem}
  }  
  @media only screen and (max-width:1200px){
    header .navbar-nav .nav-item {  padding: 0 5px;}
    header .navbar-nav .nav-item .nav-link{font-size: 0.8rem}
  }
  @media only screen and (max-width:993px){
    .menuButton i {
      font-size: 1.5rem;
      color: var(--color-first);
    }
    .sideBar{
      width: 250px;
      height: 100vh;
      background:var(--color-first);
      display: block;
      box-shadow: 1px 1px 10px rgba(0,0,0,.5);
      position: fixed;
      z-index: 9999;
      top: 0;
      right: 0;
      transform: translateX(250px);
    }
    .sideBar a.navItems,.sideBar .nav-link {
      color: #fff;
    }
    .sideBar button.bg-transparent{
      font-size: 2em;
      position: absolute;
      top: 10px;
      right: 10px;
    }
    .fa.fa-times{
      color: #fff;
    }
  }
  @media only screen and (max-width:768px){ 
    .header-menu .logo { width: 200px; }
  }