Child not override parent selector site-description

Hi,

I’m a wordpress beginner and don’t know much about CSS. I’ve created a child theme of Arcade Basic and I’m trying to override the id selector #site-description. I’m just trying to change the font and it’s not working. I have over stuff in my child Style sheet which is working fine.

/*
Theme Name: Arcade Basic Child
Template: arcade-basic
*/

@import url(“../arcade-basic/style.css”);

/* =Theme customization starts here
————————————————————– */

/* =Remove page title
————————————————————– */
.page .entry-title {
display: none;
}

————————————————————– */

/* =change site description font size on front page
————————————————————– */
#site-description {
margin: 0;
font-size: 30px;
line-height: 1;
color: #fff;
}

Any idea ? Maybe I’m missing something.

Thanks.