/* 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: -100px center; }
    @media only screen and (max-width: 480px) 
    {
        .ResponsiveDesign .HeaderContainer { background-position: -280px center; }
    }
    
    .ResponsiveDesign .MobileMenuContainer,
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel,
    .ResponsiveDesign ul.DropMenu { background-color: #fff9da;}
    .ResponsiveDesign ul.DropMenu li a { color: #752400; }
    
    .ResponsiveDesign .MobileMenuContainer .show-menu { color: #752400; background: url('images/menu-button.png') no-repeat 5px 5px; }
    
    .ResponsiveDesign .Diary .DiaryList .show-blog-menu { background: url('images/menu-blog-button.png') no-repeat 5px 5px; }
    .ResponsiveDesign .ContentContainer .ContentMiddle { background: #fff9da; }

}