Je tiens à préciser que !important doit être utilisé de manière proactive, c'est à dire que l'on souhaite bloquer la valeur d'une propriété d'une réécriture future (dans le cadre d'une libraire par exemple) et non de manière réactive, comme c'est le cas dans ce problème. Il est préférable de revoir la structure css dans ce cas.
Comme l'a dit deadC3LL, l'ordre d'importation a une importance, le dernier écrit est le plus prioritaire. Il en va de même dans le fichier. Il est donc important de commencer un fichier css par des sélecteurs généraux pour finir par les plus sélectifs.
Enfin, il est imoprtant de modifier les MEMES sélecteurs lorsque l'on souhaite faire une réécriture de valeurs. Par exemple, on fixe une taille à une classe .container dans le menu.css, il est nécessaire de réutiliser cette classe (et non une autre) si l'on souhaite modifier sa taille dans le fichier responsive.css.
just me