How do I make headers all uppercase on mobile nav - Motion Theme

The headers on my mobile nav do not match the Desktop headers on navigation. What would the code be to fix this so it matches across, capitalized and bold headers?

Below is my preview site: https://43ms74auwfmcnnqj-55480647737.shopifypreview.com

Hello There,

Admin go to online store → themes → actions → edit code
Find Asset >theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 767px) {
a.mobile-nav__link{
text-transform: uppercase;
}
.mobile-nav__item .mobile-nav__faux-link, .mobile-nav__item a:not(.megamenu__promo-link) {
text-transform: uppercase;
}
}