/*body { font-family: Arial, 'Microsoft Sans Serif', Verdana; line-height:18px; }*/
body { font-family: 'Segoe UI', 'Trebuchet MS',Arial,Tahoma,Verdana; line-height:18px; }

#nav a { display: block;}
#nav a:hover, #nav a:focus, #nav a:active { padding: 16px 6px !important;}


@media only screen and (max-device-width : 600px), screen and (max-width:600px) 
{
.headUp{font-size: 20px;}
.headDown{font-size: 16px;}
}

@media only screen and (max-device-width : 403px), screen and (max-width:403px) 
{
.headUp{font-size: 18px;}
.headDown{font-size: 16px;padding-top:5px;}
}

@media only screen and (max-device-width : 370px), screen and (max-width:370px) 
{
.headUp{font-size: 17px;line-height:17px;text-shadow: -1px -1px 1px #fff, 1px 1px 1px #333;}
.headDown{font-size: 13px;line-height:15px;text-shadow: -1px -1px 1px #fff, 1px 1px 1px #333;}
}
 
 @media only screen and (max-width:317px) 
{
    .headUp{font-size:13px; text-shadow:none;}
    .headDown{font-size:13px; text-shadow:none;}
    
    
 }