:root
	{
	--zielony:#79b730;
	--kolor-font:#515151;
	--jasny-szary:#C6C6C6;
	--ciemny-szary:#515151;
	--pomarancz:#D63A00;
	--zolty:#EDE414;
	--footer-bg:#EDEDED;
	}
@font-face {
    font-family:'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-display: swap;
}
@media all and (max-width:20000px)
	{
	html {width:100%; height:100%; background-color:white;}
	header {position:absolute; display:block; height:100px; width:100%; max-width:1200px; margin:0; top:0;}
	body {width:80%; font-family:'Tahoma', sans-serif; font-weight:400; font-size:16px; margin:auto; padding:0; color:var(--kolor-font); overflow-x:hidden; text-align:center; background-color:#f6ffeb;}
	.container {box-sizing:border-box; width:100%; padding:0 20px;}
	.container-trainers {display:flex; flex-wrap:wrap; justify-content:center; gap:30px; align-items:flex-start; box-sizing:border-box; text-align:center; width:100%; padding:0 20px;}
	.container-pools {display:flex; flex-wrap:wrap; justify-content:left; gap:30px; box-sizing:border-box; text-align:center; width:100%; padding:0 20px;}
	.logo {position:absolute; width:15%; height:auto; left:10px; top:10px;}
	.powitanie {position:absolute; right:30px; top:10px; font-family:'Tahoma', sans-serif; font-weight:600; font-size:60px; color:var(--zielony); -webkit-text-stroke: 1px white;}
	.menu-div {position:absolute; right:30px; top:100px; text-align:right; font-family:'Tahoma', sans-serif; font-weight:400; letter-spacing:1px; font-size:18px; color:white; background-color:rgba(121,183,48,0.7); padding:20px; border-radius:10px; border:1px solid white;}
	.menu-div2 {position:absolute; left:10px; bottom:10px; text-align:right; font-family:'Tahoma', sans-serif; font-weight:400; letter-spacing:1px; font-size:18px; color:white; background-color:rgba(121,183,48,0.7); padding:0 20px 0 20px; border-radius:10px; border:1px solid white;}
	.item-txt {display:flex; flex-direction:column; align-items:flex-end; margin:0; line-height:15px;}
	ul {list-style:none; padding-left:0; line-height:40px;}
	ul li {display:flex; justify-content:right; align-items:right; padding-right:0;}
	ul li::after {content:"▣"; color:var(--zolty); margin-left:15px; font-weight:100;}
	.menu-div > nav > ul > li > a:link, .menu-div > nav > ul > li > a:visited {text-decoration:none; font-family:'Tahoma', sans-serif; font-weight:400; letter-spacing:1px; font-size:18px; color:white;}
	#lista > li > a:link, #lista2 > li > div > a:link, a:visited {text-decoration:none; color:white;}
	#lista > li > a:hover, #lista > li > a:active, #list2a > li > div > a:hover, #lista2 > li > div > a:active {color:var(--zolty);}
	h1 {width:100%; font-family:'Tahoma', sans-serif; font-size:32px; text-align:center; color:var(--zielony); -webkit-text-stroke: 1px black; font-weight:600; margin:20px 0; letter-spacing:1px;}
	h2 {font-family:'Tahoma', sans-serif; font-size:24px; text-align:center; font-weight:400;}
	h3 {font-family:'Tahoma', sans-serif; font-weight:400;}

	.item {align-items:center; flex:1 1 clamp(400px, 30%, 500px); margin:0; text-align:left;}
	.item-galeria {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:0 30px; box-sizing:border-box; width:100%; gap:20px;}
	.item-galeria img {display:block; flex:0 0 auto; max-height:150px; height:auto; width:auto; object-fit:cover; border-radius:20px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.6); border:1px solid gray;}

	.image-wrapper {width:100%; aspect-ratio:1523/700; overflow:hidden; margin:0 auto 30px auto; position:relative; border-bottom:2px var(--zielony) solid;}
	.leading-img {width:100%; height:auto; position:absolute; top:0; left:0;}
	.map-wrapper {position:relative; width:100%; padding-bottom:56.25%; /* proporcja 16:9 */ height:0; overflow:hidden;}
	.info-wrapper {display:flex; align-items:flex-start; gap:10px; padding:10px;}
	.info-left {display:inline-block; width:30%;}
	.info-left > h3 {margin:0;}
	.info-right {display:inline-block; width:69%; margin:0;}
	iframe {position:absolute; top:0; left:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid gray;}

	.item > img {float:left; width:225px; height:auto; border-radius:20px; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.6); margin:0 20px 20px 0;}
	.item > iframe {min-width:400px; border:1px solid gray;}
	.baner {border-radius:20px; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.6);}
/*FOOTER*/
	footer {border-top:1px var(--zielony) solid; width:100%; min-width:100%; text-align:center; line-height:35px; padding:0; margin:0; position:relative; bottom:0; left:0; text-align:center;}
	}

@media all and (max-width:1200px)
	{
	body {width:100%;}
	.powitanie {font-size:5vw;}
	.menu-div {bottom:0; left:0; right:0; top:auto; text-align:center; font-size:1vw; border-radius:0; border:0; border-top:1px solid white;}
	.menu-div2 {left:auto; right:10px; bottom:80px;}
	#lista {display:flex; gap:4vw; padding:0; justify-content:center; align-items:center; line-height:0;}
	#lista li {display:inline;}
	#lista li::after {content:none;}
	.container {padding:0 5px;}
	.baner {width:100%; max-width:600px; height:auto; border-radius:20px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.6);}
	}