@media (max-width: 960px) {
  .nav {
    grid-template-columns: auto 1fr auto;
  }

  .controls {
    justify-self: end;
  }

  .main-nav {
    display: none;
  }

  .menu-toggle {
    display: inline-flex;
  }
}

@media (max-width: 640px) {
  .features { grid-template-columns: 1fr; }
  
}

