I would like to format the h1 in the header of this page: http://www.honestmotion.com/video-marketing/. I want to change the padding so that the text is positioned properly on my BG image. The vertical alignment is set to Top. It needs to come down a little (maybe 30px). I tried this but it doesn't work:

    #page-header-bg h1 {
        padding-top: 50px !important;
    } 

I also tried changing it only for mobile and it also didn't work:

@media only screen and (min-width: 375px) and (max-width: 667px) /*and (-webkit-min-device-pixel-ratio: 2)*/ {
    #page-header-bg[data-parallax="1"] h1 {
        padding-top: 50px !important;
    }
}

It is not working. I added that code, and I see it inline but it is having no affect: http://www.honestmotion.com/video-marketing/. I can\'t seem to make any changes to the style.