Медизапросы @media , не работает margin-left: 0px и не изменяется шрифт не меняет свойств при медиазапросе

<style>
    @media (max-width: 700px) {
        .billboard__navigation {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .billboard__menu { 
            margin-top: 40px;
            order: 2; 
        }
        .billboard__select { 
            margin-top: 30px;
            order: 1; 
        }
        .billboard__menu ul {
            display: flex;
            flex-direction: column;
            /* align-items: center; */
            margin: 0px;
        }
        .billboard__menu-item {
            margin-left: 0px;
            margin-top: 15px;
        }
        .billboard__menu ul li:first-child {
            margin-top: 0px;
        }
        .billboard__menu-item a{
            text-decoration: none;
            font-style: normal;
            font-weight: 900;
            font-size: 45px;
            line-height: 30px;
            /* or 167% */
            letter-spacing: 0.2px;
            text-transform: uppercase;
            color: #FFFFFF;
        }   
        /* .billboard__menu ul li {
            margin-left: 0px;
        }    */
    }  
</style>

<div class="billboard__navigation">
    <div class="billboard__logo-block">
        <a href=""><img src="img/header/logo.svg" alt="logo" class="billboard__logo"></a>
        <div class="billboard__logo-text">SolarBox</div>
    </div>
    <nav class="billboard__menu">
        <ul>
            <li class="billboard__menu-item"><a href="#">about us</a></li>
            <li class="billboard__menu-item"><a href="#">projects</a></li>
            <li class="billboard__menu-item"><a href="#">scp</a></li>
            <li class="billboard__menu-item"><a href="#">contact</a></li>
        </ul>
    </nav>
    <div class="billboard__select">
        <select size="1" name="select-lang">
            <option class="billboard__select-item" value="en">en</option>
            <option class="billboard__select-item" value="it">it</option>
            <option class="billboard__select-item" value="ru">ru</option>
        </select>
    </div>
</div> 

То есть это

.billboard__menu-item {
    margin-left: 0px;
    margin-top: 15px;
}

и это

.billboard__menu-item a {
    text-decoration: none;
    font-style: normal;
    font-weight: 900;
    font-size: 45px;
    line-height: 30px; /* or 167% */
}

эти два запроса не работают в .billboard__menu-item a --> font-weight: 900; font-size: 45px; не изменяются.