Can anyone help me align the headline "Everyone is an entrepreneur." " Maximize your connections to the left"? It looks decent on desktop but since its responsive it is outside the margin on mobile.
<div class="bx-splash" style="position: relative; height: 337px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url('http://trepchat.com/templates/base/images/professional stretched.gif');">
<div class="bx-splash-txt" style="position: absolute; z-index: 2px; bottom: 30px; width: 100%; height: 96px;">
<br /><br /><br /><br /><br /><br /><br /><div class="bx-splash-txt-l1" style="font-size:36px; padding-left: 640px;">Everyone is an entrepreneur</div>
<div class="bx-splash-txt-l2 bx-def-font-grayed" style="font-size: 14px; padding-left: 642px;">Maximize your connections.</div>
<div class="bx-splash-action bx-def-padding-sec-topbottom" style="position: absolute; top: 0px; right: 25px;"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><button class="bx-btn bx-btn-primary" primary="" onclick="window.open ('join.php','_self');">Join</button> <button class="bx-btn" style="margin-left: 10px;" onclick="showPopupLoginForm(); return false;">Login</button></div>
</div>
</div>
<p><br /><br /><br /><br /></p>
<hr><center><b>WHY JOIN TREPCHAT?</b></center>
<div style="padding-left: 20px;">
<p><b>1. IT'S FREE!</b> Become a member and and enjoy all of the features of one of the world's most innovative websites for free!</p>
<p><b>2. BE CREATIVE.</b> TrepChat is a true place where you can share your creative ideas with others and exploit them.</p>
<p><b>3. UNIQUE FEATURES.</b> Explore a world of unique social features to expand your business opportunities such as forum, video chat rooms, files, blogs, white board, and rating.</p>
</div>
</hr>