@media only screen and (max-width: 768px) {
	#caly_blok {
			font-size:9px; /* 9px - wartość, na podstawie której będzie obliczana wartość jednostki "em" dla właściwości CSS potomków tego elementu #caly_blok */
			text-align:left;
			width:100%; 
			/*background-color: #225588;*/
			min-width:300px;
			max-width:768px; 
	}
	
	#naglowek {
			  
	}
	
			#nagl_lewy {
			clear:both;
			width:100%;
			}
			#nagl_srodek {
			clear:both;
			width:0;
			visibility: hidden;
			}
		  
			#nagl_prawy {
			clear:both;
			width:100%;
			}
	
	
	#lewy {
		clear:both;
		width:0;
		margin:0;
		display: none;
		visibility: hidden;
	}
	
	#srodek {
		clear:both;
		float: none;
		width: 100%;
		margin: 0;
		padding: 2em;
	}
	
	#prawa {
		clear:both;
		float: none;
		width: 100%;
	}
	
	.artykol {
		padding: 3em;
		margin:0;
		border-radius: 1em;
		font-size:12px;
		text-align: left;
	}
	
	#menu > li, #menu > li:first-child, #menu > li:first-child + li, #menu > li:first-child + li + li, #menu > li:first-child + li + li + li, #menu > li:first-child + li + li + li + li, #menu > li:first-child + li + li + li + li + li, #menu > li:first-child + li + li + li + li + li + li {
        display:block;
		clear:both;
		width:90vw;
    }
	/*ukrycie elementów dla wersji mobilnej*/
	.mob {
		display:none;
		visibility:hidden;
	}
	/*pokazanie elementów dla wersji mobilnej*/
	.mobilne {
		display:block;
		visibility:visible;
	}
	
	#menu-mobilne{
		display:block;
		position: absolute;
		top:10px;
		right:30px;
		z-index:100;
		font-size:2em;
		width:40px;
      color:#666666;
	  text-shadow: 0 0 3px #888888, 0 0 5px #dddddd;
	}
	h1, h2 {
		font-size: 1.2em;
	}
	
	.active {
		display:block;
		visibility:visible;
		
	}
/*koniec warunku screen dla mobile*/	
}