TEXT logo resize for responsive

Hi, i am using this beautiful template to made an architect website, but i am finding some difficult things to modify.
I was wondering to use a TEXT LOGO that is a little bit long that normal, 22 characters including space between the two words, my problem is that when resising for responsive the text remain same pixel size and does not work well in some mobile diveces, such as iPhone, iPad and similar.
Also the tex separate itself on two rows, i would like to have possibility to resize it for mobile version, is this possible?
Thanks in advice

Hi, any way to manage this request, please?
It is so strange that this is not yet provided into template.
Thanks

Hi

Simply add a css with specification for which screen width it should be resized:

Code: Select all

@media only screen and (max-width:800px) {
.gk-logo-text {
font-size: 15px;
}
}