Posicionamento de elementos

Galera, bom dia. Peguei uns templates prontos e estou implementando, porém cheguei nessa parte, já tentei de várias formas e não consigo desenvolver. Segue a parte do HTML no css, qual seria a melhor forma? e como faço para alinhar o contéudo no círculo, e subir para que ele fique metade no header e metade na minha section.

<section class="contact container">

        <div>
            <div><img class="img-contact" src="img/tel.png"></div>

            <p>+12 3456-78900</p>
            <p>+12 3456-78900</p>
        </div>
        <div>
            <div><img class="img-contact" src="img/email.png"></div>

            <p>osti.rdp@gmail.com</p>
            <p>osti.rdp@gmail.com</p>
        </div>
        <div>
            <div><img class="img-contact" src="img/website.png"></div>

            <p>cleitonosti.com</p>
            <p>cleitonosti.com</p>
        </div>
        <div>
            <div><img class="img-contact" src="img/address.png"></div>

            <p>
                123, Main Street, </br>Your City, New York 789456
            </p>
        </div>
    </section>

Segue o que eu quero:

http://imgur.com/xSfLHtF