@media (min-width: 240px) and (max-width: 479px) {
  .main_nav {
    display: none;
  }
  .toggler {
    display: block;
  }
  .images_grid {
    grid-template-columns: 1fr;
  }
  .person_grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .main_nav {
    display: none;
  }
  .toggler {
    display: block;
  }
  .images_grid {
    grid-template-columns: 1fr;
  }
  .person_grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .main_nav {
    display: none;
  }
  .toggler {
    display: block;
  }
  .images_grid {
    grid-template-columns: 1fr;
  }
  .person_grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}