Icons not appearing

I took off adblock, still nothing.

Here is my CSS:

/******************* PAGE Contacts *******************/

.contact-info { list-style:none; padding:0; margin:0;
font-size:0.9em; }

.contact-info a { display:block; min-height:20px; background-repeat:no-repeat; background-size:20px 20px; padding:0 0 0 30px; }

.contact-info li.text a { background-image: url('../img/imessage.png'); }

.contact-info li.phone a { background-image: url('../img/phone.png'); }

.contact-info li.mail a { background-image: url('../img/mail.png'); }

.contact-info li.twitter a { background-image: url('../img/twitter-wrap.png'); }

Here is my .html: <section>
<h3> Contact Details </h3> <ul class="contact-info"> <li class="text"> <a href="sms:6262468538"> Instant Message</a></li> <li class="phone"><a href="tel:626-246-8538"> 626-246-8538</a></li> <li class="mail"><a href="mailto:wongdustin529@gmail.com"> wongdustin529@gmail.com</a></li> <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=Dustinyoreyes"> Twitter: Dustinyoreyes</a></li>
</ul> </section>