@media only screen and (min-width : 31em) 
{
.logoflychina{width:251px; height:60px;}    
#splashScreen{top:8%; width:95%; max-width:500px; text-align:center; margin-left:auto; margin-right:auto;}

.splashtitle{ font-size: 20px; font-family: verdana,arial; color:#777777; font-style:italic;  font-weight: bold; margin:10px auto 10px auto}
.splashdetails{font-family: Tahoma, Helvetica, sans-serif, Arial; font-size: 16px; font-weight: bold; letter-spacing: 1px}

}
 
@media only screen and  (min-width : 231px) and (max-width : 30.99em) 
{
.logoflychina{width:251px; height:60px;}    
#splashScreen{ text-align:center;  top:2%; width:95%;   margin-left:auto; margin-right:auto;}

.splashtitle{ font-size: 16px; font-family: verdana,arial; color:#777777; font-style:italic;  font-weight: bold;margin:5px auto 5px auto}
.splashdetails{font-family: Tahoma, Helvetica, sans-serif, Arial; font-size: 12px; font-weight: normal; letter-spacing: 0px}
}


@media only screen and (max-width : 230px) 
{
.logoflychina{width:200px; height:auto;}
#splashScreen{ text-align:center;  top:1%; width:95%; margin-left:auto; margin-right:auto;}

.splashtitle{ display:none}
.splashdetails{ font-size: 10px; font-weight: normal; letter-spacing: 0px}
           
}