/* main-icons-grid.mobile.css - Mobile-specific icon grid styles */

@media (max-width: 800px) {
  .main-icons-grid {
    display: grid;
    grid-template-columns: repeat(2, 90px);
    grid-auto-flow: row;
    gap: 1rem;
    justify-content: center;
    justify-items: center;
    align-items: stretch;
    width: 100%;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
  }
  .main-icon-box {
    width: 90px;
    height: 90px;
    padding: 0;
    margin: 0 0.2rem;
  }
  .main-icons-grid .main-logo {
    max-width: 70%;
    max-height: 70%;
    height: auto;
    margin: auto;
    display: block;
  }
}