styling text size/positioning of Fullscreen Slider H2 on mobile devices

Hi there,
If you visit my page gazinginward.com on a mobile device you will see that the h2 text is quite small (and in conflict with the image).
I would like to style it with the following in my style.css, but it seems to be overridden somewhere and I’m not seeing how to modify it. Can you please advise. Thanks so much.

/* for iPhone */
@media only screen and (max-width: 479px) {

	/*increase size/reposition full screen home caption*/
	.responsive #top .slideshow_caption h2 {
    	font-size: 40px !important;
    	position: relative;
    	top: 90px;
	}
	
}

• This topic was modified 6 years, 9 months ago by theonlykieran.