@media screen and (max-width: 500px) {
  /* Force columns-container to be just one column */
  .columns-container {
    column-count: 1 !important; /* override any previous value */
    max-width: 100% !important; /* override the 1200px or similar width */
    margin: 0 auto;             /* keep it centered if you like */
    padding: 0 10px;            /* optional for a little horizontal padding */
  }
  
  /* Then keep your existing mobile overrides */
  #wrapper {
      text-align: center;
      width: auto;
      padding: 0;
      margin: 0 auto;
  }
  #wrapper.redir {
      margin-top: 20px;
      width: auto;
  }
  section.col {
      width: 100%;
      margin: 0;
      float: none;
  }
  section.col div {
      width: 90%;
      margin: 0 auto;
      margin-top: 20px;
      font-size: 18px;
  }
  section.col > div:first-child {
      margin-top: 0;
  }
  img.reddit {
      float: none;
      margin: 0 auto;
  }
  .redir {
      width: auto;
  }
}