/* tablets and desktop
@media only screen and (min-width: 768px) {
}
*/

/* phones
@media only screen and (max-width: 768px) {
}
*/

/* portrait phones 
@media only screen and (max-width: 768px) and (orientation: portrait) {
    
}
*/

@media only screen and (max-width: 768px) 
{ 
    .ResponsiveDesign .HeaderContainer { background-position: -180px center; }
    @media only screen and (max-width: 480px) 
    {
        .ResponsiveDesign .HeaderContainer { background-position: -450px center; }
    }

    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel,
    .ResponsiveDesign ul.DropMenu { background-color: black;}

}