* {
	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;
}

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

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

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

.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;
}

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

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

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

@media (min-width: 994px) {
  .wrapper-grid-1-2 {
    /* display: grid;
    grid-template-columns: 470px 2fr;	*/
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .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);
  }
  .wrapper-grid-3-1 {
    display: grid;
    grid-template-columns: 3fr 225px;	
  }
  .wrapper-grid-4-even {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 994px) {
  .wrapper-grid-4-even {
    display: block;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1080px) {
  .wrapper-grid-2-even {
    display: block;
    grid-template-columns: repeat(3, 1fr);
    padding-left: 15px;
    padding-right: 15px;
  }
}