*{
	font-family:'Play', sans-serif;
	outline: none;
}

body{

     font-family:'Play', sans-serif;
  	background: #303030 url(body-bg.png) repeat-x top left;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	 transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
}

.content{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	text-align: center;
}

.content h1{
	color:#FF8000;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 20%;
	font-size: 50px;
	text-shadow:0px 10px 10px rgba(0,0,0,.4);
	font-weight: normal;
}

.content p{
	color: #FFF;
	font-size: 20px;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 33%;
}

.content p a{
	text-decoration:none;
	color: #FF8000;
	font-size: 50px;
}

.content p a:hover{
	color: #FFF;
}

.logo{
	width: 300px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 77%;
	margin-left: -150px;
	margin-top: -150px;
}

.logo img{
	max-width: 100%;
	width: 100%;
	box-shadow: 0px 0px 0px 10px rgba(0,0,0,.4);
	border-radius: 5px;
}

footer{
	position: fixed;
	font-size: 14px;
	color: #CCC;
	text-align: center;
	display: block;
	line-height: 40px;
	bottom: 0px;
	width: 	100%;
}


/*responsive*/

@media screen and (max-width:800px){

*{
	font-family:'Play', sans-serif;
}

body{

    font-family:'Play', sans-serif;
  	background: #303030 url(body-bg.png) repeat-x top left;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	 transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
}

.content{
	position: relative;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	text-align: center;
}

.content h1{
	color:#FF8000;
	position: relative;
	width: 100%;
	text-align: center;
	top: 20%;
	font-size: 50px;
	text-shadow:0px 10px 10px rgba(0,0,0,.4);
	font-weight: normal;
}

.content p{
	color: #FFF;
	font-size: 20px;
	position: relative;
	width: 100%;
	text-align: center;
	top: 33%;
}

.content p a{
	text-decoration:none;
	color: #FF8000;
}

.content p a:hover{
	color: #FFF;
	text-decoration: underline;
}

.logo{
	width: 300px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 180%;
	margin-left: -180px;
	margin-top: -150px;
}

.logo img{
	max-width: 100%;
}

footer{
	position: fixed;
	font-size: 14px;
	color: #CCC;
	text-align: center;
	display: block;
	line-height: 40px;
	bottom: 0px;
}

}