CSS for Page Title on full-width Featured Image

Hi. I've put in my custom js and functions code to implement showing the page title on the featured image. But for some reason my full image is not showing (not the right height) and CSS for it is not working. I have the CSS so the page title is #fff but it is staying black and the text-transform and padding/margin isn't working either. I've tried using !important but that doesn't help.

I've used this on another site with no problem but for some reason I can't get it to work on this new site in development. You can see where I'm trying it at http://ded.1c1.myftpupload.com/florida-medical-marijuana-attorney/

Here is the current CSS that I'm using:

/* Relocating Entry Title below Header
--------------------------------------------- */

.entry-header-wrapper {
padding: 80px 0;

}

.entry-header-wrapper .entry-title {
margin-bottom: 0;

}

.entry-header-wrapper h1 {
color: #fff;
margin-top: 200px;
text-transform: uppercase;
}

@media only screen and (max-width: 1023px) {

.entry-header-wrapper .wrap
padding-left: 5%;
padding-right: 5%;
}

Any help figuring this out would be appreciated. Thank you!