body { font-family: "Roboto", sans-serif; }

#contact a { font-size: 2rem; line-height: 38px; }
#contact a img.icon { max-width: 24px; float: left; margin-right: 5px; }

@media (min-width: 320px) { #contact a { font-size: 1.2rem; line-height: 24px; } #contact a img.icon { max-width: 24px; float: left; margin-right: 5px; } }
@media (min-width: 576px) { #contact a { font-size: 1.4rem; line-height: 24px; } #contact a img.icon { max-width: 24px; float: left; margin-right: 5px; } }
@media (min-width: 768px) { #contact a { font-size: 1.5rem; line-height: 30px; } #contact a img.icon { max-width: 30px; float: left; margin-right: 5px; } }
@media (min-width: 992px) { #contact a { font-size: 1.7rem; line-height: 34px; } #contact a img.icon { max-width: 34px; float: left; margin-right: 5px; } }
@media (min-width: 1200px) { #contact a { font-size: 1.8rem; line-height: 36px; } #contact a img.icon { max-width: 36px; float: left; margin-right: 5px; } }
@media (min-width: 1400px) { #contact a { font-size: 2rem; line-height: 38px; } #contact a img.icon { max-width: 38px; float: left; margin-right: 5px; } }