.grid-1-col-2-rows {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  justify-content: start;
  justify-items: start;
  align-content: center;
  align-items: center;
  gap: 3.6rem;
  width: 100%;
}

.grid-2-cols-1-row {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-content: center;
  justify-items: center;
  align-content: start;
  align-items: start;
  gap: 10.4rem;
  width: 100%;
  max-width: 120rem;
  padding: 0 2.4rem;
}

@media (min-width: 768px) {
  .grid-2-cols-1-row {
    grid-template-columns: 1.25fr 1fr;
    grid-template-rows: 1fr;
    gap: 2.4rem;
    padding: 0 2.4rem;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .grid-2-cols-1-row {
    gap: 3.6rem;
  }
}

@media (min-width: 1280px) {
  .grid-2-cols-1-row {
    padding: 0;
  }
}

.grid-3-cols-1-row {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  gap: 3.6rem;
  width: 100%;
  max-width: 120rem;
  padding: 0 2.4rem;
}

@media (min-width: 768px) {
  .grid-3-cols-1-row {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    align-content: stretch;
    align-items: stretch;
    gap: 2.4rem;
    padding: 0 2.4rem;
  }
}

@media (min-width: 1024px) {
  .grid-3-cols-1-row {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    align-content: stretch;
    align-items: stretch;
    gap: 3.6rem;
    padding: 0 2.4rem;
    margin: 0 auto;
  }
}

@media (min-width: 1280px) {
  .grid-3-cols-1-row {
    padding: 0;
  }
}

.grid-3-cols-infinite-rows {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  gap: 3.6rem;
  width: 100%;
  padding: 0 2.4rem;
}

@media (min-width: 768px) {
  .grid-3-cols-infinite-rows {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    align-content: stretch;
    align-items: stretch;
    gap: 2.4rem;
    padding: 0 2.4rem;
  }
}

@media (min-width: 1024px) {
  .grid-3-cols-infinite-rows {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 3.6rem;
    padding: 0 2.4rem;
    margin: 0 auto;
  }
}

@media (min-width: 1280px) {
  .grid-3-cols-infinite-rows {
    padding: 0;
  }
}

.contact-grid-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3.6rem;
  width: 100%;
}

.contact-grid-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10.4rem;
}

@media (min-width: 768px) {
  .contact-grid-left {
    grid-column: 1;
  }

  .contact-grid-right {
    grid-column: 2;
    gap: 7.2rem;
  }
}