@media (max-width: 768px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
    }
  
    .col-4 {
      width: 90% !important; /* Prevents squishing but keeps them side by side */
      max-width: 90% !important;
      text-align: center;
    }
  
    .col-4 ol {
      font-size: 20px !important; /* Shrinks text while keeping it readable */
    }

    #empty-ul {
        height: 0px;
    }

    #header-row {
        height: 150px;
    }
  }
  
  @media (max-width: 576px) {
    .col-4 ol {
      font-size: 18px !important; /* Shrinks text even more for small screens */
      line-height: 1.4 !important;
    }

    #empty-ul {
        height: 0px;
    }

    #header-row {
        height: 150px;
    }
  }
  

  @media (max-width: 768px) {
    .row {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
  
    .col-4 {
      width: 90% !important;
      max-width: 90% !important;
      text-align: center;
    }
  
    .col-4 ol {
      font-size: 16px !important; /* Keep text readable */
    }
  }
  
  @media (max-width: 576px) {
    .col-4 ol {
      font-size: 14px !important; /* Shrinks text slightly on very small screens */
      line-height: 1.4 !important;
    }
  }