#x-logo{
	font-size:50px;
}
@media(max-width:500px){
/*it is for mobile phone screen and tablet*/	
#x-logo{
	font-size:40px;
}

@media(max-width:350px){
/*apply upto this value then change*/	
#x-logo{
	font-size:30px;
}


}