/* MENU */

.menu {
    list-style: none;
}

.menu li {
    font-size: 2rem;
}

.menu li.m--in-progress {
    color: var(--grey);
}


@media screen and (min-width: 1024px) {

    .menu {
        /* display: grid;
        grid-template-columns: repeat(7, auto);
        grid-template-rows: repeat(5, auto);
        width: 50%; */
        display: inline-grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        grid-column-gap: 1.875rem;
    }
    
    .menu li {
        font-size: 1.25rem;
        line-height: 1;
        text-align: center;
    }
    
    .menu li:first-child {
        grid-column-start: 1;
        grid-row-start: 1;
    }
    
    .menu li:nth-child(2) {
        grid-column-start: 2;
        grid-row-start: 3;
    }
    
    .menu li:nth-child(3) {
        grid-column-start: 2;
        grid-row-start: 4;
        margin-top: .25rem;
    }
    
    .menu li:nth-child(4) {
        grid-column-start: 3;
        grid-row-start: 2;
    }
    
    .menu li:nth-child(5) {
        grid-column-start: 4;
        grid-row-start: 1;
    }
    
    .menu li:nth-child(6) {
        grid-column-start: 4;
        grid-row-start: 7;
    }
    
    .menu li:nth-child(7) {
        grid-column-start: 5;
        grid-row-start: 4;
        margin: .25rem 0;
    }
    
    .menu li:nth-child(8) {
        grid-column-start: 5;
        grid-row-start: 5;
    }
    
    .menu li:nth-child(9) {
        grid-column-start: 6;
        grid-row-start: 5;
    }
    
    .menu li:last-child {
        grid-column-start: 7;
        grid-row-start: 5;
    }

}