Church Demo Header 2 Additional Font

Hi. I’d like to change the font of the additional text on the Church Demo Header Type 2. I’d also wanted to change the height of this header and found CSS from another topic that included that change as well as font changes for the text. My size and style edits work. If I pick a google font like the below, this doesn’t work and instead a generic sans-serif is chosen. If I don’t specify sans-serif, then the default seems to be a serif font, regardless what font-style I’ve chosen. I also found if I use an old fashioned font like Verdana between the quotes, the CSS text changes to green, but the font change still doesn’t happen. Hope this is clear. Thanks for your help!

#header-inner.nav-type-2 #logo {
padding: 0px 0 !important;
}
.hb-site-tagline {
font-family: “Bad Script”, sans-serif !important;
font-style: italic;
color: #ff0000;
font-size: 35px;
}