table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom:1;
}

		
		img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
#content {position: relative;
max-width: 400px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
padding:7% 7% 8%;
background: white; 
-moz-box-shadow: 0 0 20px black; 
-webkit-box-shadow: 0 0 20px black; 
box-shadow: 0 0 20px black; }	

		
#content section {
	background:white;
	border: 1px solid black;
	margin-bottom:8%;
	margin-left:auto;
    margin-right:auto;
	padding:6% 6% 7%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:3px;
	box-shadow:0 0 15px rgba(0,0,0,.05);
}



#content section h1 {
	font-size: 1.4em;
	margin-bottom:.2em;
}

#content section p {
	margin-top:0;
	margin-bottom:.2em;
}
		@media screen and (min-width: 400px) {


#content {position: relative;
max-width: 400px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background: white; 
-moz-box-shadow: 0 0 20px black; 
-webkit-box-shadow: 0 0 20px black; 
box-shadow: 0 0 20px black; }	
}
#content section {
padding:4% 4% 5%;
-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

}
@media screen and (min-width: 600px) {

#content {
	margin-top:40px;
padding:20px 20px 21px;
}
#content section {
padding:20px 20px 21px;
}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}