Changing Size of Sidebar In Journal Lite

So I wanted to make the sidebar smaller in Journal Lite. It just extends out too far. So I modified these values below, and nothing changed. I cleared cache, tried firefox, chrome, and IE. Nothing changed. Still too big. Any help would be appreciated.

This is the change made to styles.css

/* Front Page Content */
.front-page .front-page-slider-widget,
.front-page .front-page-sidebar .widget {
float: none;
background: rgba(255, 255, 255, 0.93);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
}

.front-page .front-page-sidebar .widget {
width: 50%;
padding: 3%;
}

.front-page .front-page-slider-widget {
margin: 0 0 40px;
}

.front-page .front-page-slider-widget h3.widget-title {
margin: 0;
padding: 1em 0;
text-align: center;
}

.front-page .front-page-sidebar .widget h3.widget-title {
margin: 0 0 1em;
padding: 0;
text-align: center;
}

/* Sidebar */
.widget{
float: left;
width: 60%;
margin-top: 40px;
font-family: ‘Arvo’, serif;
}

h3.widget-title {
text-transform: uppercase;
font-family: serif;
font-size: 20px;
font-weight: normal;
}