@media screen and (max-width: 540px) {
  /*==============================
    Menu de navegação
==============================*/

  /* toggle menu mobile */
  .navbar-toggler {
    padding: 10px;
    margin: 5px;
  }

  .navbar-toggler i {
    display: block;
    width: 30px;
    height: 2px;
    margin: 5px 0;
    background-color: #fff;
  }

  /* navbar collpase */
  .navbar {
    background: linear-gradient(
      to bottom,
      rgb(0 0 0 / 70%) 16%,
      rgba(25, 25, 25, 0.5) 83%,
      rgba(255, 255, 255, 0) 101%
    );
  }

  .navbar-nav .nav-item {
    padding: 0;
  }

  .navbar .collapse {
    padding-top: 20px;
    transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}