body{

	    font-family: "Titillium Web", sans-serif;
	}

.content p{
	    font-family: "Titillium Web", sans-serif;
	    font-size: 2.8vmax;
	color:#cecece;
	text-align:center;
	margin: 0px;
}

label{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-size: 2vmax; color:#ccc;}

.content{
	text-align:center;
	padding:20px 0px 0px 0px;
}
.content a{
	color:#cecece;
	    font-family: "Titillium Web", sans-serif;
}
.content a:hover{
	color:#e2001a;
}
.logo{
	text-align:center;

}
.logo h1{
	font-size:2em;
}
.logo h1 a{
	font-size:1em;
}

.copy-right p a{
	background:none;
	color:#e2001a;
	padding:0px 0px 5px 0px;
	font-size:0.9em;
}
.copy-right p a:hover{
	color:#666;
}
/*------responive-design--------*/
@media screen and (max-width: 1366px)	{
	.content {
		padding: 58px 0px 0px 0px;
	}
}
@media screen and (max-width:1280px)	{
	.content {
		padding: 58px 0px 0px 0px;
	}
}
@media screen and (max-width:1024px)	{
	.content {
		padding: 58px 0px 0px 0px;
	}

	.copy-right p{
		font-size:0.9em;
		
	}
}
@media screen and (max-width:640px)	{
	.content {
		padding: 58px 0px 0px 0px;
	}
	.content p {
		font-size: 1.3em;
	}
	.copy-right p{
		font-size:0.9em;
	}
}
@media screen and (max-width:460px)	{
	.content {
		padding:20px 0px 0px 0px;
		margin:0px 12px;
	}
	.content p {
		font-size:0.9em;
	}
	.copy-right p{
		font-size:0.8em;
	}
}
@media screen and (max-width:320px)	{
	.content {
		padding:30px 0px 0px 0px;
		margin:0px 12px;
	}
	.content a {
		padding:10px 15px;
		font-size:0.8em;
	}
	.content p {
		margin: 18px 0px 22px 0px;
	}
}