.page-subpages {
    margin-top: 32px;
    margin-bottom: -32px;
    background: orange;
    background: var(--noventi-gradient);
    padding: 20px 0 80px;

    font-family: 'Frutiger', sans-serif;
    font-size: 20px;
    line-height: 1.6;
    font-weight: bold;

    header {
        text-align: center;
        color: #FFF;
        padding: 20px 0;


    }

    .inner {
        border: 1px dotted #FFF;
        border-width: 1px 0;
        padding: 20px 0;
        display: grid;
        grid-template-columns: 1fr;


        @media (min-width: 960px) {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }

    ul {
        padding-inline: 20px;
        max-width: calc(960px + 40px);
        list-style: none;
        margin: 0 auto;
        column-count: 1;
/*
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(unquote("min(300px, 100%)"), 1fr));
*/
        /*@media (min-width: 600px) {
            column-count: 2;
        }

        @media (min-width: 960px) {
            column-count: 3;
        }*/
    }

    a {
        color: #FFF;
    }
}