* {
	box-sizing: border-box;
}

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

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

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


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

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

.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: 820px) {
  .wrapper-grid-1-even {
    display: grid;
    grid-template-columns: 1fr;
  }
  .wrapper-grid-1-3 {
    display: grid;
    grid-template-columns: 25% 75%;	
  }
  .wrapper-grid-1-5 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 81%;	
  }
  .wrapper-grid-1-4 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 75%;	
  }
  .wrapper-grid-1-4-guarantee {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68%;	
  }
  .wrapper-grid-1-4-custom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 65%;	
  }
  .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-2-1-custom {
    display: grid;
    grid-template-columns: 64.867% 33.334%;
  }
  .wrapper-grid-3-7 {
    display: grid;
    grid-template-columns: 30% 65%;	
  }
  .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-3-of {
    display: grid;
    grid-template-columns: 3fr 450px;	
  }
  .wrapper-grid-7-5 {
    display: grid;
    grid-template-columns: 58.33333333% 41.66666667%;	
  }
}