#menu_trigger {display:none}
#checkbox_menu_trigger {display:none;}

#menu_trigger { margin:20px auto 14px auto; font-weight:bold; background-color:darkorange; color:lightyellow; text-align:center; cursor:s-resize; padding:4px; width:90%; border-radius:4px; transition:0.7s;}
#checkbox_menu_trigger:checked + label > #menu_trigger {background-color:darkred; color:darkorange; padding:7px; cursor:n-resize;}



@media only screen and (max-width:990px) {
  #menu > ul > li { margin-right: 0px; }
}


@media only screen and (max-width:850px) {
  #menu a { padding-left:11px; padding-right:11px; }
}


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

	#gora, #dol, #wraper { max-width:100%; margin:0px; }
	#dol { margin-top:10px; background:#aaa; border-radius: 1px; padding: 0px 5px; }
	#container,  #dol, #menu { /*box-sizing:border-box;*/ /*width:100%;*/ width:initial; } /* Don't use "box-sizing:border-box" with "width:100%", use "width:initial" alone instead (https://aastudio.fr/box-sizing.html) */
	#po2dstrony {width:70%}
	#menu { /*overflow:hidden;*/ max-width:85%; }
	#menu li { /*margin-right:5px*/ }

  
  #miejsce_na_menu { display:none }
  #napisik { display:none !important }
  #baner a, #baner img {float:none !important;  margin:0 !important; }
  
  #menu {position:static; max-width:initial }
  
  #menu { background:white; border-radius:20px; /*opacity:0.97;*/ }
  
  #boczny, #podstrony { width:auto; float:none; }
  #boczny , #menu_oddzialy { /*display:none;*/ margin-top:1em; opacity:1; }
  #srodek { padding:2px; float:none; }
  #podstrony{ padding:2px; border-radius:5px; margin:10px 1px; }
  
  #podstrony img{ max-width:100%; height:auto !important; }

  #podstrony table , #baner table { max-width:100%; }
  #podstrony table , #baner table { display:block; overflow-x:auto; height:auto !important; }  

  #header h1 , #header , #search_top { display:none }

  #menu_trigger:not(.takitest) {display:block; cursor:pointer;}
  #checkbox_menu_trigger:not(.takitest) {display:block; position:absolute; margin-left:-9999px;} /* taki test (przegladarki), czy dzialac bedzie nastepna linijka */
  #checkbox_menu_trigger:not(:checked) ~ #menu {/*display:none;*/ visibility:hidden; opacity:0; height:0; /*padding:0;*/ overflow:hidden;} /* bez udzialu JS i z animacja */
  #checkbox_menu_trigger:not(:checked) ~ #srodek #boczny {/*display:none;*/ visibility:hidden; padding:0; /*position:absolute;*/ opacity:0; height:0; overflow:hidden; margin:0; transition:0.7s;} /* jw */
  .keybord #checkbox_menu_trigger:focus + label > * , #m2enu_trigger:active {outline:4px solid red;} /* zrobienie "mrowek" na okolo pseudoguzika */
    
  #menu { height:auto; width:100%; /*display:block;*/ /*background-size:100% 100%;*/ }
  #menu li , #menu a { text-align:center;  }

  #menu ul > li { /*display:block;*/ /*float:none;*/ width:93%;  }
  #menu ul > li:first-child { margin-top:0px; }
  #menu ul > li > a { /*display:block;*/ }
  #menu ul li ul { margin-bottom:25px; width:90%; margin-left:auto; margin-right:auto; margin-top:auto; }
  #menu ul li:hover > ul { /*position:static;*/ }
  
  
  #menu li li:hover { /*width:auto;*/ }
  #menu a { /*font-size: 16px;*/ }
  
  #boczny {text-align:center;}
  #title_sidebar, #boczny li { width:100%; }
  #title_sidebar {background-size:98% 40px; }
  #boczny li { background: url(); }
  #boczny {border-bottom: 1px solid grey; margin-bottom:40px; }
  

  #menu , #boczny {transition:0.7s;}  /* do animacji ("powolne" pojawianie sie) */
  
  #menu_oddzialy { display:block !important}
  #menu_oddzialy h2 {margin-bottom:0}
  
  #loginA {position:static !important;}  


  .strzalkaD { display:inline !important; position:absolute; cursor:s-resize; padding:0 20% 0 10pt !important; background:none !important; color:gold; out2line:1px solid red; }
  .strzalkaG { cursor:n-resize; }
  .strzalkaD:before {content:" \2193 "}
  .strzalkaG:before {content:" \2191 "}
  .strzalkaD { line-height:42px; height:100%; } /* korekta wysokosci wybranego znaku strzalku */
 
 .zajawka_obrazek img { max-width:initial !important; } 
 
 #boczny #kalendarz .cld-title { right:unset; }
 
 .kol-1z3 , .kol-2z3 , .kol-3z3 { width: 100%; margin:0; min-height:unset; background:#eee; } 
 .kol-2z3 { padding:0; margin:5px 0; }
 .kol-1z3 { padding-left:20px;  }
  #dol {padding:0px}
  
}



@media only screen and (max-width:600px) {
  #godlo {left:-10px !important}
  #dol { line-height:normal; }
}


@media only screen and (max-width:480px) {
  .zajawka_obrazek { overflow:hidden; max-width:50%; text-align:center; display:inherit; }
  .zajawka_obrazek img { margin: auto -50%; }
  
  .zajawka_obrazek.ver2 { max-width:100% }
    
}

@media only screen and (max-width:490px) {
  #godlo {display:none}
}

@media only screen and (max-height:450px) {
  #godlo , #logo {height:100px; width:auto;}
}

@media only screen and (min-width:1300px) {
  body { font-size: 110%; line-height:30px; }
}


@media only screen and (min-width:1500px) {
  body { font-size: 120%; line-height:35px; }
  #gora, .wraper , #dol { max-width: 1467px; }
  #podstrony { margin-right: 320px; }
  #boczny { width: 280px; }
}