html, body{
		height:100%;
		width: 100%;
	}
	html{ 
		/** background: url(bg.jpg) no-repeat center center fixed; **/
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #333;
	}
	#wrapper{
			position: absolute;
			top: 50%;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 100%;
	}
	#content{
		display: inline-block;
		width: 100%;
		background-color: #fff;
		opacity:0.6;
		text-align: center;
		-moz-box-shadow: 6px 4px 3px rgba(0,0,0,.5);
		-webkit-box-shadow: 6px 4px 3px rgba(0,0,0,.5);
		box-shadow: 6px 4px 3px rgba(0,0,0,.5);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	h1, h2, h3{
		padding: 0px;
		margin: 0px;
	}
	h1{
		font-family: 'Saira Stencil One', cursive;
		font-size: 38px;
		padding-top: 8px;
	}
	h2{
		font-family: "Arial Black", Helvetica, sans-serif;
		font-size: 23px;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	h3{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		padding-bottom: 8px;
	}
	a{
		text-decoration: none;
		color: #000;
	}
	
	@media only screen and (min-width: 780px) {
		#wrapper{
			left: 50%;
			-moz-transform: translateX(-50%) translateY(-50%);
			-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			width: auto;
		}
		#content{
			display: block;
			padding: 2%;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			border-radius: 12px;
		}
		h1{
			font-size: 40px;
		}
		h2{
			font-size: 29px;
		}
		h3{
			font-size: 23px;
		}
	}
	
	@media only screen and (min-width: 1400px) {
		h1{
			font-size: 48px;
		}
		h2{
			font-size: 34px;
		}
		h3{
			font-size: 27px;
		}
	}