/* Default: wide screens show text, hide icon */
.contact-link .contact-text { display: inline; } 
.contact-link i { display: none; }

/* Small screens: hide text, show icon */
@media (max-width: 600px) {
  .contact-link .contact-text { display: none; }
  .contact-link i { display: inline; }
}

ul.navigation li a.contact-link i.phone-icon {
  color: #6b6b6b;
  font-size: 16px;
}

ul.navigation li a.contact-link:hover i.phone-icon {
  color: #006AB6; 
}