Увеличение размера шрифта панели навигации на маленьком экране ⇐ CSS

[Anonymous]

Я хочу увеличить размер шрифта пункта меню панели навигации на маленьком экране, например на мобильном телефоне. Обычно он работает нормально на экране настольного компьютера, но когда экран сворачивается на мобильный телефон, он также работает как обычно, но размер шрифта меню очень мал для чтения.
Для этого я попробовал код ниже, но он не сработал.
Примечание. Я использую bootstrap 4

Код: Выделить всё

#m1 {
color: darkblue;
font-weight: 450;
font-size: 1.25rem;
font-weight: bold;
@media ( min-width:375px){
font-weight:bolder;
}

}
#m1:hover {
text-decoration: underline;
text-decoration-color: red;
}
.nav-item {
list-style-type: disc;
padding: 1.1;
margin-left: .5cm;
margin-right: .0cm;
}

Код: Выделить всё

[list]
[*]
[url=index.html]Home[/url]

[*]
[url=#]About-us[/url]

[*]
[url=#]EduCare[/url]

[/list]

Пожалуйста, помогите.

Подробнее здесь: https://stackoverflow.com/questions/786 ... all-screen