@media (max-width: 70em) {
  .grid--container-sm {
    max-width: 90%;
  }
}

@media (max-width: 60em) {
  .section-leadership .grid {
    display: flex;
    flex-direction: column;
  }

  .grid--container-sm {
    max-width: 100%;
  }

  .section-estimating .grid,
  .section-project-management .grid {
    grid-column-gap: 4rem;
  }
}

/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/

@media (max-width: 52em) {
  .flex-right {
    display: block;
  }
  .section-estimating .grid,
  .section-project-management .grid {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4rem;
  }
  .card-vertical .card-body {
    text-align: center;
  }
}

/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/

@media (max-width: 38em) {
  .card-horizontal {
    flex-direction: column;
    row-gap: 1rem;
    text-align: center;
    align-items: center;
    width: 32rem;
    margin: 0 auto;
    padding: 4rem 0;
  }
  .section-estimating .grid,
  .section-project-management .grid {
    grid-column-gap: 2rem;
  }
  .card-vertical {
    padding-left: 0rem;
  }
}