/* BURGER
.menu-on .burger span:nth-child(1), .menu-on .burger span:nth-child(3) { animation-duration: 0.75s }

.menu-on .burger span:nth-child(1) {
  animation-name: top-spin;
  transform: translateY(12px) rotate(45deg) }

.menu-on .burger span:nth-child(2) { opacity: 0 }

.menu-on .burger span:nth-child(3) { 
  animation-name: bottom-spin;
  transform: translateY(-15px) rotate(-45deg) }

  @keyframes top-spin {
    0% { transform: translateY(0px) rotate(0deg) }
    25% { transform: translateY(12px) rotate(45deg) }
    100% { transform: translateY(12px) rotate(-135deg) }}

  @keyframes bottom-spin {
    0% { transform: translateY(0px) rotate(0deg) }
    25% { transform: translateY(-15px) rotate(-45deg) }
    100% { transform: translateY(-15px) rotate(135deg) }} */