.contentpage-two-columns {
    display: flex;
    flex-direction: column;
  }
  
  .contentpage-two-columns_wrapper {
    display: grid;
    grid-template-columns: 1.75fr 1.25fr;
    gap:4rem;
    max-width: 80rem;
    padding: 32px;
    box-sizing: border-box;
    width: 100%;
    align-self:center;
  }
  
  @media (min-width: 1024px) {
    .contentpage-two-columns_wrapper {
      flex-direction: row;
      flex-wrap: wrap;
      padding: 75px 32px;
    }
    .contentpage-two-columns_main {
      width: 100%;
    }
    .contentpage-two-columns_sub {
      width: 100%;
    }
    .contentpage-two-columns_footer {
      width: 100%;
    }
    .contentpage-two-columns_full_width {
      width: 100%;
    }
}

.contentpage-two-columns {
    display: flex;
    flex-direction: column;
}
  
.contentpage-two-columns_wrapper {
    display: grid;
    grid-template-columns: 1.75fr 1.25fr; /* Two-column layout for wider screens */
    gap: 4rem;
    max-width: 80rem;
    padding: 32px;
    box-sizing: border-box;
    width: 100%;
    align-self: center;
}

@media (max-width: 1024px) {
    /* Switch to a single column layout under 1024px */
    .contentpage-two-columns_wrapper {
        grid-template-columns: 1fr; /* One column layout */
        padding: 32px; /* Adjust padding if necessary */
    }
    .specify-grid a, .specify-grid button, button {
        box-sizing: border-box;
        min-width: 25ch;
    }
}
}

@media (min-width: 1024px) {
    .contentpage-two-columns_wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 75px 32px;
    }
    .contentpage-two-columns_main,
    .contentpage-two-columns_sub,
    .contentpage-two-columns_footer,
    .contentpage-two-columns_full_width {
        width: 100%; /* Ensure full width utilization for all children */
    }
}