CSS to change List View Title and view width

I have two questions:

I am trying to change the CSS of the Header title of the main events page listview. I want to change the font to a TT font that I uploaded to my theme as well as the size and color. First of all, I don’t seem to have the correct class selector.

The CSS that I have used is below which changes the h1 settings on all pages. I just want the h1 on this page to be affected.

#tribe-events h1 {
font-size: 64px;
font-family: Broadway1;
color: #ffffff;
text-transform: uppercase;
text-shadow: 2px 2px #000;
}

Second of all, the font that I want (I uploaded it directly to my theme and called it Broadway1) doesn’t seem to be loading with this CSS. How can I adjust the font-family line to point to the font that is in the theme?

And my second question is how do I reduce the margins of the main content box? The content box is smaller than all of the main content boxes on my site. I want the box to be as wide as the ad banner at the top of the page with the content inside the box having the same left and right padding as it does currently.

The page I need help with: [log in to see the link]