모바일에서 타이틀이 밑으러 내려가는데 잘안되네요

<div id="logo">
            <a href="<?php echo G5_SHOP_URL ?>"><img src="<?php echo G5_IMG_URL ?>/ST_logo.png" alt="전세계통합 정책몰"></a>
        </div>
        <div class="title2">
            <a href="<?php echo G5_SHOP_URL ?>"><h1>전세계통합 정책몰</h1></a>
        </div>

/* 상단 레이아웃 */
#hd {position:relative;background:#212020}
#hd h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#hd #logo a{display:block;text-align:left;padding:15px;height:55px;vertical-align:top}
#hd #logo img {float:left;margin-left:70px;max-height:100%;width:auto;vertical-align:top}

.title2 {float:left;width:250px;vertical-align: middle;}
.title2 a{
    color: #fff;
    vertical-align: middle;
}