.content_columns {
  display: grid;
  /* grid-template-columns: repeat(1, 1fr); */
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));/* This might not be liked so I left the old code commented if we want to revert */
  grid-auto-rows: auto;
  grid-gap: clamp(20px, 5vw, 64px);
  padding-top: clamp(10px, 3vw,  80px) ; ;
  border-top: 1px solid rgba(0, 0, 0, 0.10);

  /* @media (min-width: 560px) {
    grid-template-columns: repeat(2, 1fr);
  }

  @media (min-width: 1024px) {
    grid-template-columns: repeat(4, 1fr);
  } */
}

/* Variant Styles */
.content_columns--variant-box { /* This style is tied to child style 'box' in Single Content Columns */
  display: flex;
  padding-top: 0;
  border: 0;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;

  .content_columns__column {
    flex: 1 1 370px;
    max-width: min(370px, 100%);
  }

  .tabs & {
    margin: 40px 16px 0;
  }
}