* {
	box-sizing: border-box;
}

.col-gap-3 {
  column-gap: 3rem;
}

.col-gap-4 {
  column-gap: 4rem;
}

.col-gap-5 {
  column-gap: 5rem;
}

.col-gap-6 {
  column-gap: 6rem;
}

.col-gap-7 {
  column-gap: 7rem;
}


.row-gap-3 {
  row-gap: 3rem;
}

.row-gap-4 {
  row-gap: 4rem;
}

.row-gap-5 {
  row-gap: 5rem;
}

.row-gap-6 {
  row-gap: 6rem;
}

.row-gap-7 {
  row-gap: 7rem;
}

@media (min-width: 800px) {
  .wrapper-grid-2-even {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }  
  .wrapper-grid-2-1 {
    display: grid;
    grid-template-columns: 66.667% 33.334%;	
  }
  .wrapper-grid-3-even {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }  
}