@media (min-width: 768px){
    .brand h1{
        font-size:28px;
    }

    .menu-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media (min-width: 1024px){
    .main-content{
        padding-top:32px;
    }

    .menu-grid{
        grid-template-columns:1fr 1fr 1fr;
    }

    .card{
        padding:32px;
    }
}

@media (min-width: 768px){
    .brand h1{
        font-size:28px;
    }

    .menu-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media (min-width: 1024px){
    .main-content{
        padding-top:32px;
    }

    .menu-grid{
        grid-template-columns:1fr 1fr 1fr;
    }

    .card{
        padding:32px;
    }
}