Как в svg управлять размером viewBox в зависимости от ширины вьюпорта браузера?

Question

[marginBottom]

Есть лого с текстом, например такое


Первым делом, я задал логотипу max-width: 100%, чтобы не превышал ширину родителя.
Скрываю текст "WordPress" с помощью media queries в зависимости от ширины вьюпорта (only screen and (max-width: 768px)), но ширина вьюбокса от этого меньше не становится. Можно ли заадаптивить лого без js и без дополнительного укороченного файла?

codepen.io/anon/pen/rywmVq

Answer 1

[Anna_BS]

Используйте две svg
а про viewBox почитайте