/* 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 .PageContainer { margin: 5px; }
    .ResponsiveDesign .PageHeader .LogoField { display: none; }
    
    .ResponsiveDesign .MobileMenuContainer .show-menu { color: #666; background-image: url('images/menu-button.png'); }
    
    .ResponsiveDesign .NavigatorContainer { border-bottom: 0; }
    
    .ResponsiveDesign ul.DropMenu { background-color: white; border-bottom: 1px solid #666; }
    .ResponsiveDesign ul.DropMenu li a,
    .ResponsiveDesign ul.DropMenu li li a,
    .ResponsiveDesign ul.DropMenu li li li a { color: #a64000; }
    .ResponsiveDesign ul.DropMenu ul li:hover,
    .ResponsiveDesign ul.DropMenu ul li.sfhover { background: none; }

    .ResponsiveDesign .Diary .DiaryList .GroupByMonth .LevelOneDate,
    .ResponsiveDesign .Diary .DiaryList .GroupByYear .LevelOneDate,
    .ResponsiveDesign .Diary .DiaryList .GroupByYear .LevelTwoDate,
    .ResponsiveDesign ul.DropMenu li a.expandable,
    .ResponsiveDesign ul.DropMenu li a.parent { background-image: url('/resources/functions/images/downarrow-gray.png'); }

    .ResponsiveDesign .PageHeader { height: auto; overflow: initial; }
    .ResponsiveDesign .PageHeader .HeaderField { border-bottom: 1px solid #666; padding: 10px 5px; }
    .ResponsiveDesign .PageHeader .HeaderField h1 { padding: 0; }
    
    .ResponsiveDesign .PageFooter { border-top: 1px solid #666; padding: 10px 5px; }

    .ResponsiveDesign .ContentContainer { padding-bottom: 10px; }

    .ResponsiveDesign .MainPage .NewsHeader { margin-top: 10px; }

    .ResponsiveDesign .TextLayout1 .RightColumn .ParagraphContainer * { font-size: 9pt; }

    .ResponsiveDesign .TextLayout2 .RightColumn { padding-top: 15px; }
    .ResponsiveDesign .TextLayout2 .InlineImageContainer { margin-left: 5px; }
    .ResponsiveDesign .TextLayout2 .InlineImageContainer .ParagraphContainer * { font-size: 9pt; }

    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell { width: 140px; margin: 5px; }

    .ResponsiveDesign .Diary .DiaryList .show-blog-menu { background-image: url('images/menu-blog-button.png'); }
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel { border-top: 1px solid #666; border-bottom: 1px solid #666; }
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel * { font-family: Verdana, Sans-serif; font-weight: normal; }

    .ResponsiveDesign .Contact .RightColumn .ImageContainer,
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer { margin-bottom: 10px; }

    .ResponsiveDesign .ImageGallery .Gallery1 .GalleryCell { width: 130px; margin: 4px; }

    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImageCell,
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImageCell { margin-bottom: 10px; }

    .ResponsiveDesign .ImageGallery .Slide1 .ImageContainer img,
    .ResponsiveDesign .ImageGallery .Slide2 .ImageContainer img,
    .ResponsiveDesign .ImageGallery .Slide3 .ImageContainer img { width: 100%; }

}