@media (max-width: 1400px) {
  .projects {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

@media (max-width: 1000px) {
  .projects {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  #close {
    width: 3rem !important;
    height: 3rem !important;
    margin-top: 0.3rem;
    margin-right: 0.3rem;
  }

  #croix {
    height: 3rem !important;
    top: 0;
  }

  #croix:after {
    height: 3rem !important;
  }
}

@media (max-width: 600px) {
  .projects {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  #about {
    grid-column: span 8 !important;
  }

  #filter-menu {
    grid-column: span 8 !important;
  }

  #about-toggle {
    position: relative;
  }

  .project-text {
  }

  .projects svg {
    max-height: 46vw;
  }

  #header-projects {
    margin-bottom: 0;
  }
}

@media (max-width: 400px) {
  .thumbnail-container {
    height: fit-content !important;
  }
  .projects li {
    margin-right: 0;
  }
}