// Navbar breakpoints

@media screen and ( min-width: 1024px )

.nav-menu
  background-color: rgba(0, 0, 0, 0)
  font-size: 1.125rem
  height: auto
  justify-content: space-around
  list-style: none
  margin: 0
  padding: 0 20px
  position: relative
  text-align: right
  transform: translateX(0)

  a
    transition: opacity .2s ease-in-out

.nav-menu-topbar
  display: none

.nav-link
  display: inline
  margin: 0
  margin-left: 2rem
  opacity: 1
  padding: 0

.nav-socials
  display: inline
  font-size: 1.1rem
  padding: 0 0 0 1rem
  transition: color .2s ease-in

.burger
  display: none

.mob-socials
  display: none