@media (min-width:1920px) {

		#galeriaGlowna {
			margin: 0 auto;
			min-width: 1900px;
			width: 1900px;
			max-width: 1900px;
		}

}

@media (max-width:699px) {



	.podstrona img { max-width: 90% !important; height: auto !important; }

  	body {
		font-size: 16px;
	}

	h1 {
		font-size: 36px;
		margin: 30px 0px 30px 0px;
	}
	h2 {
		padding: 80px 0 10px 0;
		margin: 0px 10px 50px 10px;
		font-size: 30px;
	}

		.section5 .boks {
			display: block;
			margin: 0 0 40px 0;
			font-size: 14px;
			font-weight: 300;
			color: #444444;
			position: relative;
		}

			.section5 .boks > .boks > img {
				width: auto;
				height: 40px;
			}

		.section5 .cytat2 {
			height: 250px;
			max-width: 100%;
		}

			.section5 cytat2 .szerokoscStrony {
				width: 50%;
				max-width: 50%;
				height: 250px;
				background: #CCC;
			}

				.section5 .okruszki {
					display: table-cell;
					max-width: 50%;
					height: 250px;
				}

			.section5 .okruszki > h1,
			.section5 .okruszki > h2 {
				font-size: 20px;
				/* text-shadow: 1px 0px 30px #000;*/
				margin: 0 10px 10px 10px;
			}

			.okruszki > h1 {
				text-shadow: 1px 0px 30px #000;
			}

			.section5 .okruszki > img {
				max-width: 40px;
			}


		.section6 .wstep {
			padding: 0 20px;
			font-size: 14px;
		}

		#per-slide-template {
			margin: 20px 0 0 0;
			padding: 20px 0;
			display: block;
		}

			#per-slide-template a,
			#per-slide-template div {
				display: inline-block;
				font-size: 12px;
				margin: 5px;
			}

				#galeriaGlowna > div > a {
					width: 50%;
				}

	.section7 {
		margin-bottom: 0px;
	}

		.section7 h2 {
			margin-bottom: 30px;
		}

		.section7 .boks {
			margin: 0 0 0 0;
		}

			.section7 .boks > .loga {
				float: left;
			}

				.section7 .boks > .loga > .element {
					margin: 0px;
					max-width: 40% !important;
				}

					.section7 .boks > .loga > .element > img {
						max-width: 100%;
					}

				.section8 #omnie .boks h2 {
					display: block;
					width: 100%;
					font-size: 30px;
					margin: 70px 0 20px 0;
				}

				.section8 #omnie .boks > .tekst {
					text-align: center;
					font-size: 16px;
					padding: 0 20px 30px 20px;
					line-height: 1.5em;
				}

		.section8 #liczby {
			display: block;
			min-width: 100% !important;
			padding: 0;
		}

			.section8 #liczby > div {
				display: block;
				text-align: center;
				min-width: 90% !important;
				margin: 20px auto;
			}

				.section8 #liczby > div h3 {
					font-size: 40px;
				}

				.section9 .boks > div > img,
				.section9 .boks > div > div {
					display: block;
					font-size: 26px;
					margin: 0 auto;
					padding: 5px 0;
				}

		.section9 h2 {
			margin-bottom: 20px;
		}

		.section9 .boks {
			margin: 30px auto 40px auto;
		}

				#footer.podstrona {
					margin: 40px 0 0 0;
				}

					#footer > div > div {
				  		font-size: 14px !important;
					}

	.galeriaNawigacja {
		display: block;
		padding: 20px;
	}

		.galeriaNawigacja > a {
			padding: 0 7px;
		}

		.galeriaNawigacja img {
			height: 20px;
		}




}

@media all and (max-width:1220px) {

	.mobile, .mobile2 { display: block; }

	#header {
		width: 100%;
		height: 60px !important;
	}

	#header.active {
		height: 60px !important;
	}

		#header #top {
			display: block;
			height: 60px !important;
		}

		#header #logo {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 4000;
			display: block;
			max-width: 100%;
			min-width: auto;
			width: auto;
			text-align: left;
			height: 60px !important;
			padding-left: 10px;
		}

		#header.active #top {
			height: 60px !important;
		}

			#header #logo > img {
 				height: 50px !important;
				margin: 5px 0;
			}

			#header.active #logo img {
				height: 50px;
				margin: 5px 0;
			}

			.okruszki > h1,
			.okruszki > h2 {
				font-size: 26px;
				margin: 0 20px 30px 20px;
			}

			.okruszki > h1 {
				text-shadow: 5px 5px 20px #000;
			}

			.okruszki.glowna > div,
			.okruszki.cytat2 > div {
 				font-size: 20px;
			}

			.okruszki.glowna > div {
				text-shadow: 5px 5px 20px #000;
			}

	.szerokoscStrony {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		position: relative;
	}

	.szerokoscStrony.polityka {
		width: auto;
		padding: 0 20px;
	}

		.section5 .boks {
			display: block;
			width: auto;
		}

			.section5 .ciemnica > .element {
				background-size: cover;
			}

			.section5 .okruszki > h1,
			.section5 .okruszki > h2 {
				padding-top: 20px;
			}

				#galeriaGlowna > div > a > .boksObrazek,
				#galeriaPodstrona > div > a > .boksObrazek,
				#galeriaGlowna > div > a:hover > .boksObrazek,
				#galeriaPodstrona > div > a:hover > .boksObrazek {
					display: none;
				}

				.section7 .boks > .loga > .element {
					margin: 0px;
				}

			.section8 #omnie .boks {
				display: block;
				text-align: center;
			}

				.section8 #omnie #szerszyBoks {
					background: transparent;
				}

					.section8 #omnie .boks > .tekst {
						display: block;
						min-width: auto;
						width: auto;
						max-width: 100%;
					}

					.section8 #omnie .boks > .foto {
						display: block;
						min-width: auto;
						width: auto;
						max-width: 100%;
						text-align: center;
						background: transparent;
					}

						.section8 #omnie .boks > .foto img {
							display: block;
							margin: 0 auto;
							max-width: 80%;
						}

		.section9 .boks {
			display: block;
		}

			.section9 .boks > div {
				display: block;
				width: 100%;
				text-align: center;
				padding: 10px 0;
			}

					#footer > div {
				  		display: block;
						padding: 20px 0;
					}

					#footer > div > div {
				  		display: block;
						width: 100%;
						text-align: center;
						font-size: 18px;
					}

					#footer > div > div:first-of-type {
						text-align: center;
					}

	.galeriaNawigacja.stopka {
		display: block;
		padding-bottom: 0;
	}

		.galeriaOpis {
			display: block;
			width: 100%;
		}

			.galeriaOpis > .foto {
				display: block;
				width: 100%;
			}

				.galeriaOpis > .foto > img {
					max-width: 100%;
				}

			.galeriaOpis > .tekst {
				display: block;
				width: auto;
				padding: 0 20px 20px 20px;
				font-size: 18px;
			}

				.galeriaOpis > .tekst > h2 {
					margin: 40px 0 20px 0;
					padding-top: 0;
					padding-bottom: 20px;
				}


		.section9 .szerokoscStrony {
			padding-left: 20px;
			padding-right: 20px;
			width: auto;
		}



		/* KOD MENU RWD */


	  #header #cssmenu {
	    width:100%;
	    height:auto !important;
		 display: block;
	    float:none;
	    text-align:right !important;
	    border-top: 0px solid #007dc5;
		 border-bottom: 0px solid #007dc5;
		 position: absolute;
		 z-index: 3000 !important;
		 top:5px;
		 right: 0;
	  }

			#header.active #cssmenu {
	    		height:auto !important;
				margin: 0;
				padding: 0;
				text-align: center;
		 		top:5px;
			}

	  #cssmenu #menu-button {
	  	padding: 15px 15px;
		margin-top: 0px;
	  	cursor:pointer;
		display: block;
		float: right;
	  }

	  #header.active #cssmenu #menu-button {
	  		margin-top:0;
	  }

	  #cssmenu > ul > #menu-button img{
	  	margin-left:-20px;
	  }

	  #cssmenu > ul > li > a {
	  color:#2d2d2d;
	  }

	  #cssmenu ul ul{
	  padding: 0px;
	  background-color: #f4f4f4;
	  }

	  #cssmenu ul ul li a {
	  text-transform: none;
	  }


	  #cssmenu .submenuArrow,
	  #cssmenu #indicatorContainer {
	    display: none;
	  }
		#cssmenu > ul {
	  		position: relative;
			top: 5px;
			right: 0;
			z-index: 3000 !important;
	    	height: auto;
	    	width: 100%;
	    	display: block;
	  }

	  #header.active #cssmenu > ul {
	  	top: 0px;
	  }

	  #cssmenu > ul > li {
	    float: none;
		 border-bottom:1px solid #e0e0e0;
		 background: #fff;
		 opacity: 1;
	  }

	  #cssmenu > ul > li:first-of-type {
		 border-top:1px solid #e0e0e0;
	  }
	  #cssmenu li,
	  #cssmenu > ul > li {
	    display: none;
	  }
	  #cssmenu ul ul,
	  #cssmenu ul ul ul,
	  #cssmenu ul > li:hover > ul,
	  #cssmenu ul ul > li:hover > ul {
	    min-width: auto;
	    width: auto;
	    max-width: 100%;
		 position: relative;
	    left: 0;
	    top: 0;
		 text-align: center;
	    padding-left: 0;
	  }

	  #cssmenu ul .has-sub::after {
	    display: none;
	  }
	  #cssmenu ul li a {
	    font-weight: 300;
	    padding: 16px 20px !important;
	    text-transform: uppercase;
		 font-size: 16px;
	  }
	  	#cssmenu > ul > li > a {
			margin: 0;
			background: transparent;
			color: #888888;
			font-weight: 400;
	  	}

					#cssmenu > ul > li:hover,
					#cssmenu > ul > li.active,
					#cssmenu > ul > li.aktywny {
						background: #ca1d60;
					}

					#cssmenu > ul > li:hover > a,
					#cssmenu > ul > li.active > a,
					#cssmenu > ul > li.aktywny > a {
						color: #fff;
					}


	  #cssmenu ul ul li a {
	    font-weight: 300;
	    border: 0;
	    background: none;
	    width: 100%;
	    padding: 8px 35px;
		 color: #2d2d2d;
		 text-align: center;
	  }
	  #cssmenu ul ul li:hover > a {
	    background: none;
	    color:#68b646;

	  }
	  #cssmenu ul ul ul a {
	    padding: 8px 50px;
	  }
	  #cssmenu ul ul ul ul a {
	    padding: 8px 65px;
	  }
	  #cssmenu ul ul ul ul ul a {
	    padding: 8px 80px;
	  }
	  #cssmenu ul ul ul ul ul ul a {
	    padding: 8px 95px;
	  }
	  #cssmenu > ul > #menu-button {
	    display: block;
	    cursor: pointer;

	  }
	  #cssmenu #menu-button > a {
	    padding: 14px 20px;
	  }
	  #cssmenu > ul.open > li,
	  #cssmenu > ul.open > li {
	    display: block;
	  }
	  #cssmenu > ul.open > li#menu-button > a {
	    color: #2d2d2d;
	    border-bottom: 1px solid #fff;
	  }

	  #cssmenu ul.open #menu-button::after,
	  #cssmenu ul.open #menu-button::before {
	    border-color: #4e4e4e;
	  }

	  #cssmenu > ul > li > ul > li {
	  		display: inline-block;
			width: auto;
			margin: 0;
			padding: 0 10px 0 0;
		 	/* white-space: nowrap;*/
	  }

	  #cssmenu > ul > li.desktop {
	  		display: none !important;
	  }

	  #cssmenu > ul > li.mobile {
	  		display: block;
	  }

	  #cssmenu > ul > li > ul > li.desktop {
	  		display: none !important;
	  }

		  #cssmenu > ul > li > ul > li > div {
			padding: 0;
			margin: 0;
		  }

			  #cssmenu > ul > li > ul > li > div > a {
				padding: 10px;
				margin: 0;
			  }


	/* KOD MENU RWD */

}