#napis_menu { display:none }
#checkbox_menu_trigger { display:none }
#menu2 { display:none }


@media screen and (max-width: 1200px) {
#lewa { float: none; display:block; }
#prawa { float: none; width:initial; vertical-align:top;}
#boczna { float: none; display:block; }

#boczna {display:none; }
#menu2 { display: block }
}


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

  b2ody {background-color: #f7f7c6 !important;  }
  
  #rama {table-layout: fixed; }
  #lewa, #prawa { display:block; margin:auto; }
  #prawa { border-top:1px solid grey; border-left:5px solid transparent; border-right:6px solid transparent; min-width:0;} 
  #tresc {padding:0px !important}
  #tresc table { table-layout: fixed; }
  #tresc img { width:auto; max-width:100%; height:auto !important; }
  /* #rama td {display:block} */

  .menu ul { display:none }
  .menu li.z_podmenu a {cursor:pointer}
  .menu { /*display:none;*/ margin:auto; }
  #lewa {width:auto !important; }
  #menu2 { display: block }


  #napis_menu:not(.takitest) { display:block; margin:10px 6px 14px 4px; font-weight:bold; background-color:red; /*cu2rsor:pointer;*/ cursor:ns-resize; padding:5px; border:1px solid lightgray;}
  #napis_menu:hover { color:orange }
  
  #checkbox_menu_trigger:not(.takitest) { display:block; position:absolute; margin-left:-9999px; }
  #checkbox_menu_trigger:not(:checked) ~ div { display: none;  } /* wyswietlenie/schowanie menu bez udzialu JS */
  #checkbox_menu_trigger:focus + label > * {outline:1px dotted gray; color:darkorange;} /* zrobienie "mrowek" na okolo pseudoguzika */
  
  /* problem */
  #ch3eckbox_menu_trigger + label:focus ~ ul { display: block; } /* to powoduje problem, gdy checkbox_menu_trigger ma display:none  - raz sie otworzy, ale potem sie nie zamknie, bo chyba caly czas jest fokus */


  #godlo img{ /*dis2play:none; flo2at:left; po2sition:absolute; marg2in-left:-138px;*/ height:56px; }
  #godlo { display:none; /*flo2at:left;*/ position:absolute; margin-left:-142px; /*he2ight:56px;*/ }
    
  address { font-size:smaller }
  
  .AlaMinWidth {width:0px !important; height:0px !important;}
  
  #napis_PRZEDSZKOLE { display:none; width:100% !important; height:auto !important; /*position:absolute;*/ top:0; left:0;}
  #logo , #logo_bw , #boczna {display:none; }
  #napis_PRZEDSZKOLE_Ukr { display:block !important; margin-bottom:7px;}
      
}


@media screen and (max-width: 400px) {
  .cssbuttonstoggler { display:none !important; }
  .glidecontent .zajawka_obrazek { display:none; }
  #godlo_Ukr { display:none }
  #godlo { display:unset; }
}