Hi everyone!
I have added an SVG to my splash page: thelazydogcreates.co
It looks fine on desktop and tablet, but the SVG on mobile is too small. I'd like to increase the size on mobile.
I'm not very familiar with code, so any help would be much appreciated. This is the code I have in place currently, pulled from Adobe Illustrator:
<div style="text-align:center;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="70%" height="70%" viewBox="0 0 670 200" xml:space="preserve" preserveAspectRatio="xMinyMin slice">
<style type="text/css">
.st0{fill:#222222;}
</style>
<path class="st0" d="M377.48,80.85h6.67l-7.73-8.1l-11.86-3.77l-14.5-16.01l-15.82-11.3l-0.19,6.78l-27.49-3.39l12.27,10.57
l8.26,9.15l-12.81,9.28l0.88,10.16l-28.38,21.29l14.88,10.92h18.83l15.44-6.98l1.32,2.47l-12.81,21.09l2.07,13.23l5.62-7.58
l5.12,19.02l5.84-13.18l39.17-27.87l4.52-16.76L377.48,80.85z M293.69,107.62l-3.1-2.14l3.01-2.26l1.44,0.17l0.69,3.53
L293.69,107.62z M327.96,85.25l-3.18,0.98l-2.44-2.27l0.5-2.18L328.7,82L327.96,85.25z"/>
</svg>
</div>