* {
	box-sizing: border-box;
}

.col-gap-1 {
  column-gap: 1rem;
}

.col-gap-2 {
  column-gap: 2rem;
}

.col-gap-3 {
  column-gap: 3rem;
}

.col-gap-3-5 {
  column-gap: 3.5rem;
}

.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-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;
}

.row-gap-8 {
  row-gap: 8rem;
}

.row-gap-9 {
  row-gap: 9rem;
}

.row-gap-10 {
  row-gap: 10rem;
}

@media (min-width: 640px) and (max-width: 1400px) {
  .wrapper-grid-1-2 {
    display: grid;
    grid-template-columns: 316px 2fr !important;	
  }
}

@media (min-width: 994px) {
  .wrapper-grid-1-2 {
    display: grid;
    grid-template-columns: 380px 2fr;	
    justify-content: center;
    align-items: center;
    /* display: flex; */
  }
  .wrapper-grid-2-even {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .wrapper-grid-podcast-list {
    display: grid;
    grid-template-columns: 200px 1fr;	
    align-items: center;
  }
  .wrapper-grid-1-fill {
    display: grid;
    grid-template-columns: 42px 1fr;	
  }
  .wrapper-grid-1-1 {
    display: grid;
    grid-template-columns: 400px 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-2 {
    display: grid;
    grid-template-columns: 3fr 469px;	
  }
  .wrapper-grid-3-1 {
    display: grid;
    grid-template-columns: 3fr calc(15.32 * 1.25em);	
  }
  .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;
  }
}