Drop shadow on the floating text

Can anyone tell me how to add drop shadows on the text that floats on an image? I am not what you would call a power user for CCS. 
I think that this: text-shadow: 2px 4px 3px rgba(0,0,0,0.5);

is what I need to add but exactly where do I do that? 

THANKS!!

/* BG COLOR HEADER*/
 .transparent-header.has-banner-image #header #desktopNav .folder
.folder-child-wrapper {
background-color: rgba(33, 45, 48, .75);
}

.title-nav-wrapper {padding: 15px 80px;}

.parallax-item[data-url-id='sunday'] .title-desc-wrapper .title-desc-inner { display: none !important; }

#page {padding: 10px;}

.parallax-item[data-url-id='current-series'] .title-desc-wrapper .title-desc-inner { display: none !important; }

 #collection-56594531e4b0c6e18e3febac .title-desc-wrapper .title-desc-inner {
display: none !important;}

#collection-56594531e4b0c6e18e3febac .title-desc-wrapper.has-main-image   {
   min-height: 350px;}

#collection-56ba965ba3360ce1d09c9075 .title-desc-wrapper .title-desc-inner {
display: none !important;}

#collection-56ba965ba3360ce1d09c9075 .title-desc-wrapper.has-main-image   {
   min-height: 325px;}
 

Can you share the website URL, page, and password (if applicable) where you're trying to apply this effect? Thanks!

http://iamrc.org
is the site and page. 

Try adding this Custom CSS:

.title--description-alignment-center .title-desc-wrapper .page-title {
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.5);
}

Let me know if that help!

Fantastic Ziggy!! Thank you!!

Can I push my luck and ask if I can do that same thing to the "menu text" along the top of the page? 

You may want to adjust the pixel values to suit the smaller text size:

.main-nav ul li a, .main-nav ul li a:visited {
    text-shadow: 2px 4px 3px rgb(0 0 0 / 50%);
}

I hope that works, can you mark my post as the solution and give me a thumbs up if it does?

Where do I place that Ziggy? 

Place in custom CSS below the previous.

Hope that helps! Can you mark the solution and give a thumbs up? Thanks!

I am getting the message in the CSS editor:

Error Evaluating Function 'rgb':Color Functions Take Numbers As Parameters

Try this instead:

.main-nav ul li a, .main-nav ul li a:visited {
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.5);
}

15 minutes ago, Ziggy said:

Try this instead:

.main-nav ul li a, .main-nav ul li a:visited {
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.5);
}

 

That worked great!  Thank you sir!