/*Create a media query for small screen */
@media screen and (min-width: 320px) {
    div.homepage {
        margin-bottom: 3rem;
    }

    ::marker {
        background-color: #1cc1c5;
        color: #1cc1c5;
        font-size: 18px;
    }

    #block-navigationprincipale-2 > ul.menu > li::marker {
        content: "•";
    }

    #block-navigationprincipale-2 > ul > li > ul.menu {
        display: flex;
        flex-direction: column;
        list-style-type: disc;
        padding-left: 20px;
        visibility: visible;
        opacity: 1;
    }

    #block-navigationprincipale-2 > ul.menu {
        display: flex;
        flex-direction: column;
        list-style-type: disc;
        padding-left: 20px;
    }

    #block-navigationprincipale-2 > ul.menu::after {
        content: "";
        display: none;
    }

    #block-navigationprincipale-2 > ul > li > ul.menu {
        display: flex;
        flex-direction: column;
        list-style-type: disc;
        padding-left: 20px;
        visibility: visible;
        opacity: 1;
    }

    #block-navigationprincipale-2 > ul.menu > li {
        padding-left: 20px;
    }

    #block-navigationprincipale-2 > ul.menu > li a {
        padding-bottom: 0px;
        padding-top: 0px;

    }

    #block-pieddepage-2 > ul {
        display: flex;
        flex-direction: column;
        list-style-type: disc;
        padding-left: 20px;
        visibility: visible;
        opacity: 1;
        float: left;
    }

    #block-pieddepage-2 > ul > li > a {
        color: #666666;
        text-decoration: none;
    }

    #block-pieddepage-2 > ul > li > a:hover {
        color: #666666;
        text-decoration: underline;
    }

    #block-pieddepage-2 > ul > li > a:after {
        content: '';
        display: none;
    }

    #block-pieddepage-2 > ul > li {
        height: 20px;
    }
}

.rnm_container .menu--footer .menu li a,
.rnm_container .menu--main .menu li a {
    font-size:14px;
}
