[SOLVED] How to downsize the article title font on cellphon

Hi, i am using the "modern" template for design on www.webs2go.be/ontwerp/labea1
On smartphone, the article title fonts are kind of "big".
How can I downsize the title fonts please?
I have added to css/custom.ccc the following, but it does not seen to work with this css,...

/* Small Screen */
@media (max-width: 768px) {
h1, uk-article-title,
font-size: 10% !important;
line-height: 1.2em !important;
}

Thanks for any help

Try this

/* Small Screen */
@media (max-width: 768px) {
h1.uk-article-title {font-size: 1.2em !important; line-height: 1.2em !important;}
}

Thanks, but this one did not seem to work.
I solved the problem with a reply that you gave on an other person who had the same problem.
I added the following, and this solved it for me,
/* Small Screen */
@media (max-width: 768px) {
h1 {
font-size: 120% !important;
line-height: 1.3 !important;
}
h2,
h3,
h4,
h5,
h6 {
font-size: 16px !important;
line-height: 1.4 !important;
}
}

Problem solved.