body{
	background:url(../images/header-background.png);
	background-position:center 60px ;
	 background-repeat: no-repeat;
	color:#606060;
	font-weight:normal;
}
.container{
	max-width:800px;
}
#div-logo{
	background:#FFFFFF;
	height: 62px;
}
#p-logo-centanet{
	margin:10px auto 60px;
	text-align:left;
}
#logo-centanet{
	width:140px;
	width:123px;
	height:auto;
}
#header{
	text-align:center;
}
#p-header-title{
	margin-top:10px;
}
#p-header-slogan {
    margin-top: -38px;
} 
#p-header-subtitle{
	margin-top:-20px;
	margin-bottom:20px;
}
.header-title{
	width:250px;
	height:auto;
	margin:5px auto 0px;
}
.header-subtitle{
	width: 245px;
    height: auto;
}
.header-subtitle2{
	width:200px;
	height:auto;
}
#player, #img-player{
	width:100%;
	max-width:800px;
	margin: 0 auto 5px;
}
#poweredby{
	text-align:center;
	font-size:14px;
	font-weight:lighter;
	min-height:160px;
	padding:0 0 30px;
}

#poweredby h3{
	font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.08em;
    color: #E95D4F;

}
.div-img{
	line-height:70px;
}
#logo-Microsoft{
	 /* width: 130px; */
    max-width: 150px;
    height: auto;
}
#logo-TFI{		
	width:60px;
	max-width:60px;
	height:auto;
}

#gototry{
	text-align:center;
	position:relative;
	height:55px;
	max-width:800px;
	margin:60px auto 0px;
}
#gototry-line{
	position:absolute;
	height:1px;
	background:#FF463B;
	top:27px;
	width:100%;
	z-index:-1;
}
#btn-gototry{
	position:relative;
	width:215px;
	height:55px;
	margin:0px auto;
	color:#ffffff;
	padding:15px 40px;
	background:#FF463B;
	font-size:21px;
	font-weight:normal;
	letter-spacing:0.08em;
	z-index:10;
}

#footer{
	background:url(../images/footer-seperator.png) top no-repeat;
	padding:20px;
	font-size:12px;
}
.footer-ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

/*@media (min-width: 320px) and (max-width: 480px){*/
@media (max-width: 480px){
	body{
		background-position:center 50px ;
		background-size: 250% 40%;
	}
	#div-logo{
		height: 50px;
	}
	#p-logo-centanet{
		margin:10px auto 60px;
	}
	#logo-centanet{
		width:100px;
		height:auto;
	}
	#p-header-slogan{
		margin-top:-30px;
	}
	#p-header-subtitle{
		margin-top:-20px;
	}

	.header-title{width:50%}
	.header-subtitle{width:58%}
	.header-subtitle2{width:50%}
/**/
	#logo-Microsoft{
		width: 40%;
		max-width: 150px;
		height: auto;

	}
	#logo-TFI{		
		width:18%;
		max-width:60px;
		height:auto;
	}
	
}

@media (min-width: 481px) and (max-width: 799px){
	body{
/*		background-size: 100% 40%;*/	
	}
/*	
	#div-logo{
		height: 42px;
	}
	#p-logo-centanet{
		margin:10px auto 60px;
	}
	#logo-centanet{
		width:90px;
		height:auto;
	}
	
	#p-header-slogan{
		margin-top:-8px;
	}
	#p-header-subtitle{
		margin-top:-10px;
	}
*//*	
	.header-title{width:40%}
	.header-subtitle{width:50%}
	.header-subtitle2{width:30%}
*/	
}