@media (max-width: 850px) {

  .navbar {
    flex-direction: column;
    align-items: center; /* Optional: align stacked links to the right */
    width: 100%;
    gap:0px
  }

  .topnav {
    flex-direction: column;
    align-items: center;
    padding-top: 2%;
    padding-bottom: 2%;
  }

  .topnav a {
    padding: 4px 4px;
  }
  .box {
    margin-left: 2%;
    margin-right: 2%;
    width: auto;
  }
  .box:nth-child(odd) {
    margin-left: 2%;
    margin-right: 2%;
  }
  .box:nth-child(even) {
    margin-left:  2%;
    margin-right: 2%;
  }





}