body{
  margin: 0;
  padding: 0;
}

.imagen_nutritex{
  width: 160px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 12px;
}

/*seccion navbar*/

.navbar{

  display: flex;
  flex: 0 0 auto;

  align-items: center;
  -webkit-align-items: center;
  
  padding: 10px;
  position: relative;
  border-bottom: 1px solid lightgrey;
}

nav{
  flex: 1;
  text-align: right;
}

nav ul{
 display: inline-block;
 list-style-type: none;
}

nav ul li{
  display: inline-block;
  margin: 0 20px 0 0;
}

a{
  text-decoration: none;
}

#menuItems a{
  color: #555;
}

/* #menuItems a:hover{
  color: var(--main-active-color);
}
 */
 
.menu-icon,.menu-close{
  width: 40px;
  margin-right: 20px;
  display: none;
}

.navbar-items-hidden{
  display: none;
}

  @media only screen and (max-width:850px){
    nav ul{
        position: absolute;
        top: 50px;
        right:0;
        background: var(--main-primary-color);
        overflow: hidden;
        transition: max-height 0.5s;
        z-index: 1000000;
    }
    nav ul li{ 
        display: block;
        border-bottom: 1px solid  var(--main-secondary-color);
        transition: border 0.3s;
        margin: 0 0 0 0;
    }
    nav ul li a{ 
        color: #fff;
        display: flex;
        padding: 15px;
        align-items: center;
        justify-content: center;
        margin: 10px;
    }
    nav ul li a i{
      margin-right: 10px;
    }
    .menu-icon{
        display: block;
        cursor: pointer;
    }
    .navbar-items-hidden{
      display: initial;
    }
    #menuItems a{
      color: #fff;
    }
  }


/*fin seccion navbar*/