Логотип не масштабируется, как исправить? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Всем привет друзья! Вот какая проблема. Делаю сайт на стандартном шаблоне protostar, есть один косячок, который не знаю, как правильно поправить. 
Когда я зажимаю ctrl и кручу колесико мышки, тем самым я меняю масштаб страницы сайта в браузере.
Так вот, мой логотип (Png) остается на месте т.е. его размер не меняется, не масштабируется! Хочется чтобы он масштабировался так же, как и все остальное, какие параметры посоветуете?
Вот 100% масштаб:

Если покрутить колесико и увеличить масштаб:

Вот если нажать "просмотреть код элемента" и тащить окно за край, получается так, что все группируется а логотип уменьшается:

Так, вроде разобрался) Может кому сгодится:

.brand{
display:block;
max-width:600px; (сколько - на ваше усмотрение)