@media screen and (min-width:1000px)
{
	/* latin-ext */
	@font-face {
	  font-family: 'Courgette';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v4/Gkr63O-aJXf4Mv4t7cBUchJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
	  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
	}
	/* latin */
	@font-face {
	  font-family: 'Courgette';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v4/BHG8ZtTfO0yYnp02--QxqltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
	}
	body
	{
		background-image: url("tlo.png");
		margin:0 !important;
	}
	body::before
	{
		position: absolute;
		content: "";
		background-image: url("prawa.png");
		width:412px;
		height:260px;
		top: 25px;
		right: 0;
		z-index:-2;
		background-size:contain;
	}
	body::after
	{
		position: absolute;
		content: "";
		background-image: url("lewa2.png");
		background-repeat:no-repeat;
		background-size:contain;
		width: 432px;
		height: 325px;
		top: 277px;
		z-index: -2;
		left: 0;
	}
	#logo
	{
		width:800px;
		margin-left:auto;
		margin-right:auto;
		margin-top: 25px;
		margin-bottom:20px;
		
		height:150px;
	}
	#logo img
	{
		float:left;
		height:120px;
		margin-left:135px;
		margin-top:30px
	}
	#lew
	{
		position: absolute;
		z-index:-1;
		width:200px;
		top:-200px;
		left:10px;
	}
	#container
	{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
	}
	#menu
	{
		width:185px;
		position:relative;
		background-color:#25b4da;
		min-height:285px;
		float:left;
		border-radius:10px;
		margin:10px 15px 10px 0;
		-webkit-box-shadow: 0px 0px 8px 5px rgba(58,198,251,1);
		-moz-box-shadow: 0px 0px 8px 5px rgba(58,198,251,1);
		box-shadow: 0px 0px 8px 5px rgba(58,198,251,1);
		padding-top:10px;
		padding-bottom:20px;
	}
	#zawartosc
	{
		font-family: 'Comic Sans MS' cursive, sans-serif; 
		text-align:center; 
		font-size:27px;
		width:785px;
		background-color:#ffffff;
		min-height:385px;
		float:left;
		border-radius:10px;
		margin:10px 0 10px 15px;
		-webkit-box-shadow: 0px 0px 8px 5px rgba(228,255,255,1);
		-moz-box-shadow: 0px 0px 8px 5px rgba(228,255,255,1);
		box-shadow: 0px 0px 8px 5px rgba(228,255,255,1);
	}
	#stopka
	{
		width:980px;
		background-color:#ffffff;
		margin-left:auto;
		margin-right:auto;
		border-radius:10px;
		padding: 10px;
		-webkit-box-shadow: 0px 0px 8px 5px rgba(228,255,255,1);
		-moz-box-shadow: 0px 0px 8px 5px rgba(228,255,255,1);
		box-shadow: 0px 0px 8px 5px rgba(228,255,255,1);
		margin-top:20px;
		font-family: 'Courgette', cursive;
	}
	#stopka h1
	{
		color:#43BFF5;
	}
	#stopka h3
	{
		color:#43BFF5;
	}
	#mapa
	{
		width:50%;
		float:left;
	}
	#dane
	{
		width:25%;
		float:left;
		padding-top:25px;

	}
	#godziny
	{
		width:25%;
		float:left;
		text-align:center;
		padding-top:55px;
	}
	iframe
	{
		margin:20px;
		width:450px;
		height:300px;
		frameborder:0;
		border:0;
	}
	#copyright
	{
		background-color:#111111;
		color:#eeeeee;
		opacity:0.8;
		text-align:center;
		height:25px;
		float:bottom;
	}
	.przycisk
	{
		width:170px;
		text-align:center;
		font-size:25px;
		color:#ffffff;
		background-color:#47d6fa;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		border-radius:10px;
		padding-top:25px;
		padding-bottom:25px;
	}
	.przycisk:hover
	{
		background-color:#58e7fb;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(82,222,243,1);
		-moz-box-shadow: 0px 0px 5px 0px rgba(82,222,243,1);
		box-shadow: 0px 0px 5px 0px rgba(82,222,243,1);
		cursor:pointer;
	}
	a
	{
		text-decoration:none;
	}
	#obrazek
	{
		max-width:700px;
		margin-bottom:10px;
		border-radius:10px;
		-webkit-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		-moz-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
	}
	#obrazek2
	{
		max-width:400px;
		margin-bottom:10px;
		border-radius:10px;
		-webkit-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		-moz-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
	}
	p
	{
		margin:25px; 
		margin-top:30px;
		line-height:125%;
		font-weight:300;
		font-size:25px;
		text-align:justify;
	}
}
@media screen and (max-width: 1000px) and (orientation:portrait)
{
	body
	{
		background-color:#BEEFFF;
		margin:0 !important;
	}
	header
	{
		background-color:#25b4da;
	}
	nav
	{
		background-color:#25b4da;
		height:11vh;
	}
	#logo
	{
		padding-top:1.5vh;
		margin:0 auto 0 auto;
		width:50%;
	}
	#logo img
	{
		width:100%;
	}
	#lew
	{
		display:none;
	}
	#container
	{
		width:100%;
	}
	#menu
	{
		width:75vw;
		margin:0 auto 0 auto;
	}
	#zawartosc
	{
		text-align:center;
		background-color:#ffffff;
	}
	h1
	{
		font-size:3vh;
		margin-bottom:5vh;
		padding-top:5vh;
	}
	#stopka
	{
		margin-top:2vh;
		font-size:3vh;
	}
	#stopka h1
	{
		color:#43BFF5;
		margin: -1vh 0;
	}
	#stopka h3
	{
		color:#43BFF5;
		margin-bottom:-1vh;
		font-size:3vh;
	}
	#mapa
	{
		margin:10vh auto 0 auto;
		width:90vw;
	}
	#kontakt
	{
		background-color:#FFFFFF;
		text-align:center;
		margin-top:4vh;
		font-size:2vh;
	}
	#dane
	{
		width:40vw;
		float:left;
		margin-left:10vw;
	}
	#godziny
	{
		width:40vw;
		float:left;
	}
	iframe
	{
		width:90vw;
		height:70vh;
		frameborder:0;
		border:0;
	}
	#copyright
	{
		background-color:#111111;
		color:#eeeeee;
		opacity:0.8;
		text-align:center;
		height:2.5vh;
		float:bottom;
		font-size:2vh;
		padding:0.5vh 0;
	}
	.przycisk
	{
		float:left;
		width:18.5vw;
		padding:2.5vh 0;
		margin:0 0.125vw;
		text-align:center;
		font-size:3vh;
		color:#ffffff;
		background-color:#47d6fa;
	}
	.przycisk:hover
	{
		background-color:#58e7fb;
		cursor:pointer;
	}
	a
	{
		text-decoration:none;
	}
	#obrazek
	{
		width:90%;
		margin-bottom:2vh;
		border-radius:5px;
		-webkit-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		-moz-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
	}
	#obrazek2
	{
		width:50%;
		margin-bottom:2vh;
		border-radius:5px;
		-webkit-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		-moz-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
	}
	p
	{
		font-weight:300;
		font-size:3vh;
		text-align:justify;
		margin:0 5% 0 5%;
		padding-bottom:2vh;
	}
}
@media screen and (max-width: 1000px) and (orientation:landscape)
{
	body
	{
		background-color:#BEEFFF;
		margin:0 !important;
	}
	header
	{
		background-color:#25b4da;
	}
	nav
	{
		background-color:#25b4da;
		height:11vh;
	}
	#logo
	{
		padding-top:1.5vh;
		margin:0 auto 0 auto;
		width:50%;
	}
	#logo img
	{
		width:100%;
	}
	#lew
	{
		display:none;
	}
	#container
	{
		width:100%;
	}
	#menu
	{
		width:75vw;
		margin:0 auto 0 auto;
	}
	#zawartosc
	{
		text-align:center;
		background-color:#ffffff;
	}
	h1
	{
		font-size:3vw;
		margin-bottom:5vh;
		padding-top:5vh;
	}
	#stopka
	{
		margin-top:2vh;
		font-size:3vw;
	}
	#stopka h1
	{
		color:#43BFF5;
		margin: -1vh 0;
	}
	#stopka h3
	{
		color:#43BFF5;
		margin-bottom:-1vh;
		font-size:3vw;
	}
	#mapa
	{
		margin:10vh auto 0 auto;
		width:90vw;
	}
	#kontakt
	{
		background-color:#FFFFFF;
		text-align:center;
		margin-top:4vh;
		font-size:2vw;
	}
	#dane
	{
		width:30vw;
		float:left;
		margin-left:20vw;
	}
	#godziny
	{
		width:30vw;
		float:left;
	}
	iframe
	{
		width:90vw;
		height:70vh;
		frameborder:0;
		border:0;
	}
	#copyright
	{
		background-color:#111111;
		color:#eeeeee;
		opacity:0.8;
		text-align:center;
		height:2.5vw;
		float:bottom;
		font-size:2vw;
		padding:0.5vh 0;
	}
	.przycisk
	{
		float:left;
		width:18.5vw;
		padding:2.5vh 0;
		margin:0 0.125vw;
		text-align:center;
		font-size:3vh;
		color:#ffffff;
		background-color:#47d6fa;
	}
	.przycisk:hover
	{
		background-color:#58e7fb;
		cursor:pointer;
	}
	a
	{
		text-decoration:none;
	}
	#obrazek
	{
		width:90%;
		margin-bottom:2vh;
		border-radius:5px;
		-webkit-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		-moz-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
	}
	#obrazek2
	{
		width:50%;
		margin-bottom:2vh;
		border-radius:5px;
		-webkit-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		-moz-box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
		box-shadow: 0px 0px 4px 3px rgba(228,255,255,1);
	}
	p
	{
		font-weight:300;
		font-size:3vw;
		text-align:justify;
		margin:0 5% 0 5%;
		padding-bottom:2vh;
	}
}