Tiny Forge Child Theme Stops Updating Changes

Hello,
I’m using the tiny forge child theme. The 1st change worked fine. It eliminates the drop shadow of the images.

However, whatever code I add after that does not take effect. I’ve updated the changes and see the new codes in the style.css sheet. But the changes are not taking place.

If you look at the codes of my website:

The first code is to get rid of the drop shadows of the images. That worked fine.

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);

The next three sets of codes which are suppose to resize the logo for mobile viewing, change font size of category widget, and get rid of the lines on top and bottom of menu. They DO NOTHING.

#site-logo-image {
    max-width: 100%;
}#site-logo {
display: inline;
}

.widget-area .widget h3 {
    margin-bottom: 0rem;
}
.widget-title {
    color: #FC9F00;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.2;
    text-transform: uppercase;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
border: none;
}

ANyone as any idea what I did wrong?

Thanks in advance,

http://www.vietnamesecinemablog.com