Schrift auf Startseite für Mobiltelefone kleiner

Nach Tests habe ich herausgefunden, dass auf meiner Startseite folgende Klasse angepasst werden muss:

.uk-heading-large

damit die Schrift verändert werden kann (in Größe, Form usw.)
Das muss nun aber nur für Mobiltelefone geändert werden.
Bisher habe ich das mit der Angabe:

@media (max-width: 768px)
{
.class
{parameter:value;     
}


}

realisieren können, aber hier funktioniert das irgendwie nicht mit dem ".uk-heading-large".

Habt Ihr bitte irgendwelche Hilfestellungen für mich?
lG

hat niemand eine Idee, warum hier :

@media (max-width: 768px)
    {
    .uk-heading-large > h1
    {
font-size:15px;     
    }
    }

nicht funktioniert?

lG

AAAAH habe den Link zur Seite nicht drin.... keine Ahnung, wo der verloren gegangen ist. Danke für den Hinweis !
Nachdem ich ihn nicht mehr in den Startpost einfügen kann, nun also hier:
http://54208082.swh.strato-hosting.eu/

Worum geht es genau? Auf dem Startbildschirm steht in großer, fetter Schrifft "Praxis für Kurzzeit-Coaching und Hypnose". Diese und die Zeilengrößen müssen bei Mobiltelefonen viel kleiner werden.

Hatte aufgrund der bisher nicht erhaltenen Antworten (nun weiß ich auch wieso) auch im alten Joomla-Forum den thread zusätzlich geöffnet und werde deshalb auch den Link dazu hier setzen, wie gewünscht:
Crosspost unter:
http://www.joomlaportal.de/joo…estalten.html#post1614620

hatte es doch längst bearbeitet und nachgereicht Aber danke für den erneuten Hinweis--- hast wohl schneller geantwortet, als ich es sehen konnte

dieser Code am ENDE der custom.css hat geholfen. Anscheinend hatte ich einen Fehler in meiner Anweisung, denn ich hatte dasselbe schon versucht. Aber nun geht es ja;

@media (max-width: 768px)
 {
 .uk-heading-large {
 font-size: 22px;
 line-height: 40px;
 }
 }