Trying to fix Title Heading/Subheading

Let me preface this by saying that I am just barely starting to understand CSS – I have a general idea how at look at issues like this, but I haven’t figured out enough to get past this.

I’m currently using The Events Calendar Pro – I’ve read the Theme Guide for it, and I’m still not having much luck. All I want to do is style the Title(including background for individual events like every other page I have. I tried using the single-events.php, but I’m not just not figuring it out, so I started playing using my Custom CSS plug-in.

Example – overall Events page:
https://site.guardiank9rescueunit.com/events/

Individual Event:
https://site.guardiank9rescueunit.com/event/dog-day-at-the-garden/

This is all I’ve got so far:

.single-tribe_events .page-header {
background-image: url(/wp-content/uploads/2016/09/Sammy_Banner.jpg);
height: 300px!important;
background-color: #000000;
background-size:cover;
background-position: center;
}

These are the basic issues I can visually see:

1. I’ve got a strange border across the bottom(I’m assuming it’s on the top as well, but you can’t tell with the black header.

2. I’m wanting to do a Heading/Subheading in the same font, layout, etc.

Any help would be greatly appreciated!