@media screen and (max-width: 800px)
{

    #mobileheader { display:block; max-width: 100%; }

    body { 
    height: auto; 
    min-height: 0%;
    position: relative; }
    
    div.admintable { display: none; }

    #bodydiv { width: 100%; }
    #content_obsah { float: none; width: 100%; }
    #sloupec { float: none; width: 100%; }
    
    #header { min-height: 10px; background: none; }
  
    #zahlavi { background-color: white; position: relative; width: 100%; }

    h1 {  }
    h1 span {  }
    
    #header { min-height: inherit; text-align: center; }
    #header .logo{float:none; padding: 0px 0px; }
    #header .logo img { max-width: 80%; padding: 20px 0px; }

    #menubutton { display: block; width: 100%; text-align: center; padding-bottom: 20px; }
    #menubutton li {  }
    #menubutton li img { max-width: 60px; }
    #menubutton a {  }
    
    #menu{ float: none; padding: 0px 0px 20px 0px; width: 90%; display: none; margin: 0px auto 0px auto;}
    #menu ul{}
    #menu ul li{ float:none; margin: 0px; 
    padding: 11px 10px 11px 10px; 
    border-radius: 200px;}
    #menu ul li:hover{}
    #menu ul li:nth-child(2n) { background-color: rgba(0,0,0,0.2); }
    #menu ul li a{text-decoration:none;color:white;font-size: 16px;color: #008fc6;}
    #menu ul li a:hover{text-decoration:underline;}
    #menu ul li.active a{}
    
    .struktura_layout h2 { font-size: 35px; 
    padding: 20px 20px 0px 20px; margin-bottom: 0px;
    box-sizing: border-box; 
    border: 0px; text-align: center;  }
    .struktura_layout .doprostred { max-width: 100%; margin: 40px auto; }
    .struktura_layout .doprostredh2 { max-width: 100%; margin: 40px auto; }
    .struktura_layout .tinymce_formatovani { max-width: 90%; margin: 0px auto;  }
    
    .struktura_layout_1 .tinymce_formatovani { max-width: 90%; margin: 0px auto;  }

    .struktura_layout_2 .doprostred { max-width: 100%; margin: 20px auto; }
    .struktura_layout_4 .doprostred { max-width: 100%; margin: 40px auto; }
    
    .struktura_layout_4 .box_vylet { width: 100%; box-sizing: border-box; float: left; position: relative;
    border-right: 2px solid white; }
    .struktura_layout_4 .box_vylet:nth-child(2) { 
    border-left: 2px solid white; border-right: 0px;  }
    
    
    .struktura_layout_2 .box_fotky { width: 50%; padding: 0px 3px 3px 3px; box-sizing: border-box; float: left; }
    
    .struktura_layout_5 .box_background
    {
      padding: 50px 20px; 
      background: none;
      background-color:#008fc9;
    }
    .struktura_layout_5 * { color: white; font-size: 20px; }
 
    #copyright .doprostred { padding: 20px 20px; }
 
}