Change width of columns & overlay

Hello

I’m working on this site “www.davidsport.be” and i have a little problem with the contact page.
I’ve worked with two columns and an overlay but there seems to be a problem with the width of both. This is the code i’ve used:

<div style=”width: 50%; padding: 0 10pt 0 0; float: left;”>

<div class=”overlay”>
<h3><i class=”fa fa-phone”></i> Telefoon</h3>
<span style=”color: #ffffff;”>059/27 78 58</span>
<h3><i class=”fa fa-location-arrow”></i> Adres</h3>
<span style=”color: #ffffff;”>Nieuwpoortsesteenweg 29</span>
<span style=”color: #ffffff;”> 8470 Gistel</span>
<span style=”color: #ffffff;”> Belgi?</span>
<h3><i class=”fa fa-calendar”></i> Openingsuren</h3>
<span style=”color: #ffffff;”>Maandag: 13.00-18.00</span>
<span style=”color: #ffffff;”> Dinsdag-vrijdag: 8.30-18.00</span>
<span style=”color: #ffffff;”> Zaterdag: 8.30-18.00</span>
<span style=”color: #ffffff;”> Zondag: Gesloten</span>
<h3><i class=”fa fa-envelope-o”></i> Email</h3>
<span style=”color: #ffffff;”>[email protected]</span>
<h3><i class=”fa fa-facebook-official”></i> Facebook</h3>
<span style=”color: #ffffff;”>David sport</span>
</div>

</div>

<div class=”overlay”>

<h3><i class=”fa fa-comments”></i> Contact</h3>
<span style=”color: #ffffff;”>Heb je een vraag of heb je ons advies nodig? Contacteer ons dan gerust via volgend formulier.</span>

[contact-form][contact-field label="Naam" type="name" required="1"/][contact-field label="E-mail" type="email" required="1"/][contact-field label="Reactie" type="textarea" required="1"/][/contact-form]
</div>

</div>

Thnx