Editing CSS on the header of some pages Wordpress Toolset

want to make some header text stand out better over the images that it overlays. maybe some shadowing. looking for some creativity too. simple project to start the relationship for future projects As you can see, it needs some cleaning up. Just have become too busy. example on front end is on the top of the page 1st image header [login to view URL] in the layout: <p> <p> <p> <p> <p><font color="white"><h1>[wpv-post-title]</h1> <h3 class="info"> [wpv-conditional if="( $(wpcf-property-price) ne '' )"] <span class="price">$[types field='property-price' format='FIELD_VALUE'][/types]</span>[/wpv-conditional] • <span>Property</span> • <span>[wpv-post-taxonomy type='property-type' format='name']</span> • <span>Beds: [types field="property-bedrooms" ][/types]</span> • <span>Full Baths: [types field="property-bathrooms"][/types]</span> [wpv-conditional if="( $(wpcf-number-of-3-4-bathrooms) ne '' )"] • <span>[wpml-string context="wpv-views"]3/4 Baths: [/wpml-string][types field='number-of-3-4-bathrooms' format='FIELD_VALUE'][/types][/wpv-conditional]</span> • <span>[wpv-conditional if="( $(wpcf-number-of-half-bathrooms) ne '' )"][wpml-string context="wpv-views"]1/2 Baths: [/wpml-string][types field='number-of-half-bathrooms' format='FIELD_VALUE'][/types] [/wpv-conditional]</span> </h3></font> <style> .property-header { background-image: url([types field='property-photo' size='full' url='true'][/types]) } </style> In toolsets css file: .property-header h1, .property-header .info { text-shadow: 0px 0px; } .property-header h1 { text-shadow: 0px 0px; } .property-header h1 { margin: 10% 0 0 10%; font-size: 4em; } .property-header .info { font-size: 2em; margin: 10px 0 0 10%; } @media (min-width: 768px) { .filter-list .search-header { width: 90%; min-height: 130px; text-align: left; }