Merhaba arkadaşlar

responsive bir site de mobil için 1 adet h1, masaüstü görünüm için 1 adet h1 olmak üzere 2 adet h1 var. Kullanım açısından sorun çıkar mı?

<div class="visible-sm visible-xs" style="margin-top:-20px;">
<h1 style="font-size:3em;text-shadow:1px 1px 1px #FFFFFF;">TTTTTTTTTTTTT</h1>
<h2 style="text-shadow:1px 1px 1px #FFFFFF;font-size:1.6em;padding-bottom:20px;margin-top:-10px;">XXXXXX</h2>
</div>

<div class="hidden-sm hidden-xs">
<h1 style="font-size:5em;text-shadow:1px 1px 1px #FFFFFF;">TTTTTTTTTTTTT</h1>
<h2 style="text-shadow:1px 1px 1px #FFFFFF;font-size:2.1em;padding-bottom:20px;">XXXXXX</h2>
</div>