My headings are not center

Can you please tell how to fix my center alignment.
this template is stressing my brain

<p style=”text-align: center;”>[align_center][title type=”extra-large” color=”#000000″]Finally A Better Way of Detailing[/title][spacer height=”10px”]</p>
 
1. I can not read the text my on image sliders on my Iphone six and my Ipad
2. there is a grey block above my home page slider on my ihpone.
3. My visual composer is doubling up my text