Styling Widgets

Ok, I seem to making some ground with styling my headers but was hoping that somebody might be able to help me style my widgets.

Currently in my widget.css, I have this code for the widget h3

.cat-widget h3 {
	position: relative;
	display: block;
	width: 292px;
	height: 35px;
	padding-left: 32px;
	line-height: 35px;
	background: url(img/widget_header.png) no-repeat;
}

Now I have 8 widgets on my home page, please view https://www.fuximagazine.com

If the id in the page source is;

<div class="cat-widget" id="Film">

	<h3><a href="https://www.fuximagazine.com/category/film/" title="Film">Film</a><a href="#minimize" class="minimize"></a><a href="#close" class="close"></a></h3>
	<div class="container">

How do I write the css so that it targets the ‘Film’ widget? using the body class function if nessessary.

Thanks