@media screen and (max-width: 768px) {
  .nav-links {
    display: none;
    flex-direction: column;
    width: 100%;
  }

  .navbar.responsive .nav-links {
    display: flex;
  }

  .nav-links a {
    text-align: center;
    padding: 1rem;
    border-top: 1px solid #575757;
  }

  .icon {
    display: block;
  }
}