Widget title sizes

I’m trying to accomplish different sizes on my footer widget titles and my other widget titles. this is my custom css:

.widget-title {
font-size: 46px; !important;

}

.footer-widget-area .widget-title {
font-size: 26px !important;
}

But it does’nt work.

My site is: http://defencelab.se

please advise

Hello there,

It should have been working with this:

.footer-widget-area .widget-title {
  font-size: 26px !important;
} 

Where did you apply it?
Could you confirm if a group of code where it resides in is error free? You can check it here.

Regards,
Kharis

Thanks, but what I solved it another way with a plugin.