@media only screen and (max-width: 900px) {
    #bar-menu-button {
        display: inline;
    }
    :root {
        --title:40px;
        --h1: 30px;
        --h2: 20px;
        --normal: 14px;
    }
    #button-enter, .submit-connect {
        display: none;
    }
    #container {
        padding-top: 150px;
        margin-left: 5%;
        margin-right: 5%;
    }
    .main-page-ul ul li{
        line-height: 30px;
        font-size: 16px;
    }
    .main-page-ul ul li::before{
        font-size: 18px;
    }
    footer, header {
        margin-right: 5%;
        margin-left: 5%;
        width: 90%;
    }
}