#offcanvas {
  background: rgba(248, 248, 248, .9);
}

#offcanvas .nav-link {
  padding: .8rem;
  border-bottom: solid 1px #eee;
  font-size: 1rem;
  font-weight: 500;
  color: #444;
}

#offcanvas .nav-item:last-child .nav-link {
  border: none;
}

#offcanvas .nav-link:hover,
#offcanvas .nav-link:focus,
#offcanvas .nav-link.active {
  text-decoration: none;
  color: var(--bs-dark-blue);
}

#offcanvas .navigation.menu--social-media .nav {
  justify-content: center;
}

#offcanvas .navigation.menu--social-media .nav .nav-link {
  border: none;
  font-size: 2rem;
  padding: .8rem;
}