body class

body {	
	margin: auto;
	padding-bottom:5%;
	padding-left:0%;
	padding-right:0%;
	padding-top:5%;
	background-color:#FAE8B3;	 
	font-size: 16px;
	color: #FF9554;	
	font-weight:bold;
	max-width: 100%; 	
	width: auto;
}

For some reason that I can't work out the above has a horizontal scroll bar when viewing on a mobile. Can anyone see why please. Thanks

Hi all.

Complete CSS amateur [who knows enough to follow a tut or too]

Site at eluminated.com.au

Want to make static home page; set a full width background image for this page only and then make the black content box transparent so the text appears to be sitting on top of the image.

I know I can do this with the body_class and some CSS however it is a lot beyond my skills.

Would appreciate some assistance to styling this one page with CSS as all googling reveals this would be the easiest way

Thanks in advance
Kez