@media (max-width: 768px) {
    body p, body li, body h2 {
      font-size: 18px !important; /* Slightly smaller text for better readability */
      line-height: 1.4 !important;
    }
  
    .container {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  }
  
  @media (max-width: 576px) {
    body p, body li, body h2 {
      font-size: 16px !important; /* Keep text small for readability */
      line-height: 1.3 !important;
      text-align: left !important; /* Center all text */
    }
  
    .row {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
  
    .col-md-7, .col-md-5 {
      width: 90% !important; /* Full width for columns */
      max-width: 90% !important;
      text-align: center !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    img.featurette-image {
      display: block;
      margin: 10px auto; /* Center images */
      max-width: 80%; /* Prevent images from being too large */
    }
  }