Using Numbers in Tagline

I’ve used the snippet to adjust the “color” of the tagline:

/* Adjust the Tagline */
.navbar-wrapper .navbar h2, h2.site-description {
/* Change (red) font color */
color: #FFFFFF;
/* Change (Garamond) font family */
font-family: Open Sans, Arial;
/* Change (20px) font size */
font-size: 20px;
/* Change (19%) move to left */
padding-right: 19%;
/* Change (normal) italic-normal-oblique */
font-style: normal;
}

However, when I use “Call Us! (XXX) XXX-XXXX” it makes “Call Us!” appear in white (as expected), but the numbers remain BLACK on a mobile device (tablet or phone).

Also I want to remove the “shadow” under the tagline.

Thanks for your help.