@media (max-width: 768px) {
  .navbar .menu {
    display: none; /* Esconde o menu e os ícones de contato no mobile */
    position: absolute;
    top: 60px; /* Ajuste conforme necessário */
    right: 0;
    width: 100%;
    background: rgb(124,0,0);
    background: linear-gradient(0deg, rgba(124,0,0,1) 0%, rgba(255,0,0,1) 70%, rgba(255,0,0,1) 100%);
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
  }

  .navbar .contact {
    display: none; /* Esconde os ícones de contato no mobile */
  }

  .navbar-toggler {
    display: block; /* Mostra o botão de toggle */
    background: none;
    border: none;
    color: white !important; 
  }

  .navbar-toggler:focus {
    outline: none;
  }

  .navbar-toggler .fa-ellipsis-v {
    font-size: 24px;
  }

  .navbar .menu.show {
    display: block; /* Mostra o menu quando o botão de toggle é clicado */
  }

  .navbar .contact.show {
    display: block; /* Mostra os ícones de contato quando o menu está visível */
  }
}

/* Estilos para dispositivos maiores */
@media (min-width: 768px) {
  .navbar-toggler {
    display: none; /* Esconde o botão de toggle em telas grandes */
  }
}