@charset "UTF-8";

@media screen and (max-width: 1000px) {
  .about-container {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto;
    gap: 20rem !important;
  }
  .about-tools {
    padding-bottom: 70rem !important;
  }
  .collab-banner {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto;
    gap: 20rem !important;
  }
  .collab {
    padding-bottom: 70rem !important;
  }
  .community {
    padding: 30rem !important;
    padding-bottom: 40rem !important;
  }
  .community a {
    right: 20rem !important;
    bottom: 20rem !important;
  }
  .banner {
    padding: 20rem !important;
    text-align: center !important;
  }
  h3 {
    flex-direction: column !important;
    gap: 5rem !important;
  }
}