.u-footer-menu {


    ul.menu {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 5px;

        li {
            margin: 0;
            padding: 0;
            list-style: none;

            a {
                &.is-active {
                    color: var(--color-secondary);
                }
            }
        }
    }



    // 768
    @media screen and (min-width: 768px) {}

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

        ul.menu {
            flex-direction: row;
            gap: 20px;
        }

    }

    // 1248
    @media screen and (min-width: 1248px) {}

    // 1440
    @media screen and (min-width: 1440px) {}

    // 1600
    @media screen and (min-width: 1600px) {}

    // 1920
    @media screen and (min-width: 1920px) {}

    // HOVER
    @media (hover: hover) {}

}