/* 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) 
{ 

    body.ResponsiveDesign { padding: 0; }

    img { border: 2px solid white; }

    .ResponsiveDesign .BackgroundContainer { position: static; min-width: initial; }
    .ResponsiveDesign .ContentContainer { padding-bottom: 10px; }
    
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel *,
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu li a { color: white; text-align: left; }
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu ul { background: none; }

    .ResponsiveDesign .PageContainer .PageHeader { padding: 5px; padding-top: 40px; height: auto; }
    .ResponsiveDesign .PageContainer .PageHeader h1 { padding: 5px 0; }

    .ResponsiveDesign .MainPage .NewsContainer .NewsHeader { margin-top: 10px; }
    .ResponsiveDesign .MainPage .NewsContainer .NewsHeader .ParagraphContainer,
    .ResponsiveDesign .MainPage .NewsContainer .NewsItem { margin-left: 0; width: auto; margin-bottom: 10px; }
    .ResponsiveDesign .MainPage .NewsContainer .NewsHeader .ParagraphContainer { padding: 0; }

    .ResponsiveDesign .TextLayout1 .RightColumn { width: 205px; padding-left: 5px; border: 0; }
    .ResponsiveDesign .TextLayout1 .RightColumn .ParagraphContainer * { font-size: 9pt; }

    .ResponsiveDesign .TextLayout2 .RightColumn { margin-top: 15px; }
    .ResponsiveDesign .TextLayout2 .InlineImageContainer * { font-size: 9pt; }
    .ResponsiveDesign .TextLayout2 .InlineImageContainer .ImageContainer { margin-right: 0; }

    .ResponsiveDesign .ImageGallery1 .FunctionTable { width: auto; max-width: 480px; margin: 20px auto; }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell { width: 130px; margin: 3px; }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ParagraphContainer  { padding: 5px; margin: 0; }

    .ResponsiveDesign .Diary .RightColumn { border-left: 0; }

    .ResponsiveDesign .Contact .RightColumn { border-left: 0; }
    .ResponsiveDesign .Contact .RightColumn .ImageContainer a img { border: 2px solid white !important; }

    .ResponsiveDesign .ImageGallery .Gallery1 .GalleryCell img, 
    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryImageCell img, 
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryImageCell img, 
    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImageCell img, 
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImageCell img { border-width: 2px; }

    .ResponsiveDesign .ImageGallery .Gallery1 .GalleryCell { width: 135px; }
    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryTextCell { margin-left: 130px; }
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryTextCell { margin-left: 60px; }
    .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%; border: 0; }

}