Problem mit mediaqueries

[fozzyozzy]

Hallo Leute ich bin neu hier.

Ich habe ein großes Problem mit Schriftgrößen in mediaqueries und hoffe mir kann hier jemand diesbezüglich einmal Hilfestellung geben.

Nun zum Problem:
Ich habe außerhalb meiner Media-Queries einen Div#Container erstellt.
In diesem Dic#Container befindet sich Text. Dem <p></p>Tag habe ich eine ID zugewiesen z.B. so:

<div id="teamname"><p id="typogross" class="typoklein">...das ist ein Beispiel</p></div>

Die Klasse .typoklein befindet sich in allen Media-Queries immer mit unterschiedlichen Schriftgrößen. Leider wird aber immer nur die Schriftgröße z.B. von:

@media (min-width: 320px) and (orientation: Portrait ) {
    .typoklein {
        font-size: 1em;
    }
}

ausgegeben.
Ich habe auch schon versucht allen verschiedenen Schriftgrößen den Befehl !important zu verpassen nur das funktioniert auch nicht.

Ich hoffe ihr könnt mir helfen und bedanke mich im voraus.