Adding Shadow to Site Title and Changing Font Type

Hey guys, I was wondering if you could help me add shadow to the main title text of my website. I already tried editing some “,title” containing code to fit the specific text-shadow characteristics of <text-shadow: 2px 2px 5px rgba(149, 150, 150, 1);>

Here is my website . The CSS I think I need to alter is here:

.header-content {
float: left;
padding: 35px 28px;
position: relative;
width: 956px;
}
.site-title {
font-family: “Roboto Condensed”, Arial, Helvetica, sans-serif;
font-size: 48px;
font-weight: bold;
line-height: 100%;
margin: 0;
max-width: 740px;
position: relative;
width: 100%;
z-index: 50;
}
.site-description {
color: #888888;
font-family: “Roboto Condensed”, Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 100%;
margin: 10px 0 0;
max-width: 740px;
position: relative;
width: 100%;
z-index: 50;
}
.site-title a {
color: #649300;
text-decoration: none;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
-o-transition: color 1s ease;
-ms-transition: color 1s ease;
transition: color 1s ease;
}
.site-title a:hover {
color: black;
}

——-

I’d love to know which specific code I need to alter to create shadow. Or maybe the code I typed atop is incorrect?

And what code must I alter to change the font type? I was thinking about making it a more sleeker text type.