@media screen and (min-width: 1px) and (max-width: 360px){
#columns[data-columns]::before {content: '1 .col';}
.col {width: 100%;}		   
.gallery {margin: 1%; width: 31%;}	
.center {width: 80%; margin: 0 10% 0 10%; font-size: 1em; }	
.prawa {font-size: 1em;	}
.akapitLeftTekst {display: block; float: right; width: 80%; margin-right: 10%; margin-left: 10%;}
.akapitLeftFoto { width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.akapitRightTekst {display: block; float: right; width: 80%; margin-right: 10%;	margin-left: 10%;}
.akapitRightFoto {width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.wrapperOpis {width: 80%; margin: 2% 10% 2% 10%; font-size: 1em;  font-weight: bold;}
.bez {width: 80%; margin: 0 10% 0 10%; font-size: 1em; }
.lewa {font-size: 1em; }
aside {width: 100%;	margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 2em;	 color: #999;float: right;}	
#wrapPromo {font-size: 1em; color: #fff !important;	text-align: center;	position: absolute;	margin: 0 10% 0 10%; z-index:2;}
.tygodniaFoto {width: 100%; margin: 0 0 30px 0;}	
.artykulTygodnia {width: 100%;}		

#logo {display: block; width: 233px; height: 180px; background: url(../img/logo.png) top center no-repeat; background-size: cover; position: absolute; z-index: 10;	top: 50px; right: 0px;}

#slide3 { display: block; overflow: hidden;	background-size: cover;	background-repeat: no-repeat; height: 750px; background-position: fixed}	
#zaslepka {background-color: #000; opacity: 0.4; position: absolute; width: 100%; z-index: 1; height: 750px;}	
.slideTresc {display: block; width: 90%; height: 230px; position: absolute; z-index: 2; margin: 300px 5% 0 5%; padding-top: 20px;}
.slideFoto {display: none;}
.slideBg {-webkit-filter: inherit; -moz-filter: inherit; -o-filter: inherit; -ms-filter: inherit; filter: inherit;}
.bxSlider .tresc {display: none;}
.bxSlider .tytul {font-size: 4em; line-height: 0.8em;}
.duza .tresc {display: none;}
.mala .tresc {display: none;}
.malaDwa .tresc {display: none;}
.srednia .tresc {display: none;}
.duza {display: block; float: left;	width: 100%; margin: 0 0 2% 0; border: 0px solid #000;}
.mala {display: block; float: left;	width: 100%; margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa {display: block; float: left; width: 100%;	margin: 0 0 2% 0;border: 0px solid #000;}
.srednia {display: block; float: left; width: 100%;	margin: 0 0 2% 0; border: 0px solid #000;}
.zdjecieGrupyleft {width: 98%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 98%; border: 0px solid; margin: 0 0 1% 1%; float: right;}
.wrapper {width: 90%; margin: 0 5% 0 5%;}

.podgrupa:nth-child(odd) img {width: 100%; border: 0px solid #8773c8; margin: 0;}
.podgrupa:nth-child(even) img {width: 100%; border: 0px solid #8773c8; margin: 0;}

#menu {display: none;}
#zadzwonTeraz {display: block;}
#sliderWrap {padding-top: 0px;}

.polowa {display: block; width: 90%; float: left; padding-top: 50px; padding-bottom: 100px;}
#stopka #adres {padding-left: 5%; padding-right: 5%;}
#stopka #formularz {padding-right: 5%; padding-left: 5%;}

#zajawka h2 {padding: 20px 5% 20px 5%;}
#zajawka p {padding: 0 5% 0 5%;}

#heroFoto {width: 100%; margin-top: 100px;}
#heroFoto .wp-post-image {width: 95%;}
#heroFoto .numer {font-size: 3em; padding: 5px 15px 5px 15px; right: 10px; bottom: 0px;}
#heroStat {width: 90%; padding: 5%; margin: 50px 0 0 0; float: right;}
#heroTitle {width: 90%; margin: 50px 0 0 0 !important; font-size: 3em !important; background-color: #fff; padding-right: 20px !important; padding-bottom: 20px !important;}

}

@media screen and (min-width: 361px) and (max-width: 600px){
#columns[data-columns]::before {content: '2 .col'; }
.col {width: 50%;}		  		  
.gallery {margin: 1%; width: 23%;} 
.center {width: 80%; margin: 0 10% 0 10%; font-size: 1em;	} 
.akapitLeftTekst {display: block; float: right;	width: 80%;	margin-right: 10%; margin-left: 10%;}
.akapitLeftFoto {width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.akapitRightTekst {display: block;	float: right; width: 80%; margin-right: 10%; margin-left: 10%;}
.akapitRightFoto {width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.prawa {font-size: 1em; }
.wrapperOpis {width: 80%; margin: 2% 10% 2% 10%; font-size: 1em;  font-weight: bold;}
.bez {width: 80%; margin: 0 10% 0 10%; font-size: 1em; }
.lewa {font-size: 1em; }
aside {width: 100%;	margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 2em;	 color: #999; float: right;} 
#wrapPromo {font-size: 1em; color: #fff !important; text-align: center; position: absolute; margin: 0 10% 0 10%; z-index:2;}
.tygodniaFoto {width: 100%; margin: 0 0 30px 0;} 
.artykulTygodnia {width: 100%;} 

#logo {display: block; width: 233px; height: 180px; background: url(../img/logo.png) top center no-repeat; background-size: cover; position: absolute; z-index: 10;	top: 50px; right: 0px;}

#slide3 {display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; height: 650px;}	
#zaslepka {background-color: #000; opacity: 0.3; position: absolute; width: 100%; z-index: 1; height: 650px;} 
.slideTresc {display: block; width: 90%; height: 230px; position: absolute; z-index: 2; margin: 300px 5% 0 5%; padding-top: 20px;}
.slideFoto {display: none;}
.slideBg {-webkit-filter: inherit; -moz-filter: inherit; -o-filter: inherit; -ms-filter: inherit; filter: inherit;}
.duza .tresc {display: none;}
.mala .tresc {display: none;}
.malaDwa .tresc {display: none;}
.srednia .tresc {display: none;}
.duza {display: block; float: left;	width: 75%;	height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.mala {display: block; float: left; width: 23%;	height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa {display: block; float: left; width: 23%; height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.srednia { display: block; float: left;	width: 50%;	height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.zdjecieGrupyleft {width: 98%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 98%; border: 0px solid; margin: 0 0 1% 1%; float: right;}
.wrapper {width: 90%; margin: 0 5% 0 5%;}

.podgrupa:nth-child(odd) img {width: 40%; border: 0px solid #8773c8; margin: 0 30px 0px 0; float: left;}
.podgrupa:nth-child(even) img {width: 40%; border: 0px solid #8773c8; margin: 0 0 0px 30px; float: right;}

#menu {display: none;}
#zadzwonTeraz {display: block;}
#sliderWrap {padding-top: 0px;}

.polowa {display: block; width: 90%; float: left; padding-top: 50px; padding-bottom: 100px;}
#stopka #adres {padding-left: 5%; padding-right: 5%;}
#stopka #formularz {padding-right: 5%; padding-left: 5%;}

#zajawka h2 {padding: 20px 5% 20px 5%;}
#zajawka p {padding: 0 5% 0 5%;}

#heroFoto {width: 100%; margin-top: 100px;}
#heroFoto .wp-post-image {width: 95%;}
#heroFoto .numer {font-size: 3em; padding: 5px 15px 5px 15px; right: 30px; bottom: 0px;}
#heroStat {width: 90%; padding: 5%; margin: 50px 0 0 0; float: right;}
#heroTitle {width: 100%; margin: 30px 0 0 0 !important; font-size: 5em !important;}

}

@media screen and (min-width: 601px) and (max-width: 1099px){
#columns[data-columns]::before {content: '3 .col';}
.col {width: 33%;}		  		  
.gallery {margin: 1%; width: 12%;} 
.center {width: 80%; margin: 0 10% 0 10%; font-size: 1em;	} 
.prawa {font-size: 1em; }
.akapitRightTekst {display: block; float: left; width: 49%;	margin-right: 1%; margin-left: 10%;}
.akapitRightFoto {width: 40%; border: 0px solid; margin: 0; padding: 0; float: right;}	 
.akapitLeftTekst {display: block; float: right;	width: 49%;	margin-right: 10%; margin-left: 1%;}
.akapitLeftFoto {width: 40%; border: 0px solid;	margin: 0; padding: 0; float: left;} 
.wrapperOpis {width: 80%; margin: 2% 10% 2% 10%; font-size: 1em;  font-weight: bold;}
.bez {width: 80%; margin: 0 10% 0 10%;	font-size: 1em; }
.lewa {font-size: 1em; }
aside {width: 220px; margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 2em;  color: #999; float: right;} 
#wrapPromo {font-size: 1em; color: #fff !important; text-align: center; position: absolute; margin: 0 10% 0 10%;z-index:2;}
.tygodniaFoto {width: 50%; float: right; margin: 0 0 15px 15px;} 
.artykulTygodnia {width: 70%; padding-left: 30%;} 

#logo {display: block; width: 370px; height: 286px; background: url(../img/logo.png) top center no-repeat; position: absolute; z-index: 10;	top: 0px; right: 0px;}

#slide3 {display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; height: 450px;}	
#zaslepka {background-color: #000; opacity: 0.3; position: absolute; width: 100%; z-index: 1; height: 450px; } 
.slideTresc {display: block; width: 90%; height: 250px; position: absolute; z-index: 2; margin: 300px 5% 0 5%;}
.duza {display: block; float: left; width: 75%;	height: 550px; margin: 0 2% 2% 0; border: 0px solid #000;}
.mala {display: block; float: left; width: 23%;	height: 550px;	margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa {display: block; float: left; width: 23%; height: 550px; margin: 0 2% 2% 0; border: 0px solid #000;}
.srednia {display: block; float: left; width: 50%; height: 550px; margin: 0 0 2% 0; border: 0px solid #000;} 
.zdjecieGrupyleft {width: 40%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 40%; border: 0px solid; margin: 0 0 1% 1%; float: right;}
.wrapper {width: 90%; margin: 0 5% 0 5%;}


.podgrupa:nth-child(odd) img {width: 40%; border: 0px solid #8773c8; margin: 0 30px 0px 0; float: left;}
.podgrupa:nth-child(even) img {width: 40%; border: 0px solid #8773c8; margin: 0 0 0px 30px; float: right;}

#menu {display: none;}
#zadzwonTeraz {display: block;}
#sliderWrap {padding-top: 0px;}

.polowa {display: block; width: 90%; float: left; padding-top: 50px; padding-bottom: 100px;}
#stopka #adres {padding-left: 5%; padding-right: 5%;}
#stopka #formularz {padding-right: 5%; padding-left: 5%;}

#zajawka h2 {padding: 20px 5% 20px 5%;}
#zajawka p {padding: 0 5% 0 5%;}

#heroFoto {width: 60%;}
#heroFoto .wp-post-image {width: 90%;}
#heroFoto .numer {font-size: 5em; padding: 10px 30px 10px 30px; right: 30px; bottom: 24px;}
#heroStat {width: 90%; padding: 5%; margin: 50px 0 0 0; float: right;}
#heroTitle {width: 35%;	margin: 17px 0 0 0 !important; font-size: 4em !important;}

}

@media screen and (min-width: 1100px) and (max-width: 9999px){
#columns[data-columns]::before {content: '4 .col';}
.col {width: 25%;}	 
.gallery { margin: 1%; width: 12%;}
.center {width: 75%; margin: 0 15% 0 10%; font-size: 1em; } 
.prawa { font-size: 1em; }
.akapitLeftTekst {display: block; float: right; width: 44%; margin-right: 15%; margin-left: 1%;}
.akapitLeftFoto {width: 40%; border: 0px solid; margin: 0; padding: 0; float: left;}
.akapitRightTekst {display: block; float: left; width: 49%; margin-right: 1%; margin-left: 10%;}
.akapitRightFoto { width: 40%; border: 0px solid; margin: 0; padding: 0; float: right;}	
.wrapperOpis {width: 75%; margin: 2% 15% 2% 10%; font-size: 1em; font-weight: bold; }
.bez {width: 75%; margin: 0 15% 0 10%;	font-size: 1em; }
.lewa {font-size: 1em; }
aside {width: 360px; margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 2em;  color: #999; float: right;} 
#wrapPromo {font-size: 1em; color: #fff !important; text-align: center; position: absolute; margin: 0 10% 0 10%; z-index:2;}
.tygodniaFoto {width: 50%; float: right; margin: 0 0 15px 15px;}
.artykulTygodnia {width: 70%; padding-left: 30%;}
#slide3 {display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; height: 350px;}	
#zaslepka {background-color: #000; opacity: 0.3; position: absolute; width: 100%; z-index: 1; height: 350px;} 
.slideTresc {display: block; width: 65%; height: 250px; position: absolute; z-index: 2; margin: 300px 0 0 5%;}
.duza {display: block; float: left; width: 75%; height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.mala {display: block; float: left; width: 23%; height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa { display: block; float: left; width: 23%; height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.srednia { display: block; float: left; width: 50%; height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.zdjecieGrupyleft {width: 40%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 40%; border: 0px solid; margin: 0 0 1% 1%; float: right;}
.wrapper {width: 1140px; margin: auto;}

.podgrupa:nth-child(odd) img {width: 20%; border: 0px solid #8773c8; margin: 0 30px 0px 0; float: left;}
.podgrupa:nth-child(even) img {width: 20%; border: 0px solid #8773c8; margin: 0 0 0px 30px; float: right;}

#trigger4 {display: none;}
#zadzwonTeraz {display: none;}

#logo {display: block; width: 370px; height: 286px; background: url(../img/logo.png) top center no-repeat; position: absolute; z-index: 10;	top: 0px; left: 0px;}
	
.polowa {display: block; width: 29%; float: left; padding-top: 50px; padding-bottom: 100px;}
#stopka #adres {padding-left: 20%; padding-right: 1%;}
#stopka #formularz {padding-right: 20%; padding-left: 1%;}

#zajawka h2 {padding: 20px 0 20px 0;}

#heroFoto {width: 45%;}
#heroFoto .wp-post-image {width: 100%; right: 30px; bottom: 24px;}
#heroFoto .numer {font-size: 5em; padding: 10px 30px 10px 30px; right: 30px; bottom: 24px;}
#heroStat {width: 35%; padding: 5%; margin: 50px 0 0 0; float: right;}
#heroTitle {width: 50%;	font-size: 5em !important;}

}



/* *********************************************************************************** */
/*    tutaj style ktore nie wymagaja skalowania                                        */
/* *********************************************************************************** */

.wrapper {position: relative;}

.col {min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; float: left;}
.container {width: 100%; padding-bottom: 30px;}

.podgrupa img {width: 100%; border: 0 none; vertical-align: middle; margin: auto; border-radius: 25px;}
.podgrupa {display: block; width: 100%; border: 0px dotted #CCC;	padding: 0; margin: 15px 0 0 0; overflow: hidden;}
.podgrupa .tytul {display: block; font-family: "Anton", Verdana, Geneva, sans-serif; font-size: 2em; color: #000; text-transform: uppercase; margin: 0; padding: 3% 0 0 0;}
.podgrupa .tresc {display: block; font-size: 1.2em; color: #333;}
.podgrupa a {text-decoration: none; opacity: 1; transition:ease-in-out 0.3s;}
.podgrupa a:hover {opacity: 0.5; transition:ease-in-out 0.3s;}

.podgrupaZawodnicy img {width: 100%; border: 0 none; vertical-align: middle; margin: auto;}
.podgrupaZawodnicy {
	display: block; 
	width: 86%; 
	border: 0px solid #666;	
	margin: 15px auto 0 auto; 
	overflow: hidden; 
	padding: 2%;
	text-align: center;
	-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	}
.podgrupaZawodnicy .tytul {display: block; font-family: "Anton", Verdana, Geneva, sans-serif; font-size: 2em; color: #283c65;; text-transform: uppercase; margin: 0; padding: 50px 0 0 0; line-height: 1.1em;}
.podgrupaZawodnicy .tresc {display: block; font-size: 1.2em; color: #999;}
.podgrupaZawodnicy .numer {display: block; font-size: 5em; color: #39649C; font-family: "Anton", Verdana, Geneva, sans-serif;}
.podgrupaZawodnicy .pozycja {display: block; font-size: 1.2em; color: #999; padding: 30px 0 20px 0;}
.podgrupaZawodnicy a {text-decoration: none; opacity: 1; transition:ease-in-out 0.3s;}
.podgrupaZawodnicy a:hover {opacity: 0.5; transition:ease-in-out 0.3s;}


#hex_footer {display: block; float: right; height: 33px; padding: 5px 0 0 0; width: 180px;}
#hex_footer a {text-decoration: none; color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em;}
#hex_footer a:hover {opacity: 0.5;}
#hex_footer a span {padding: 10px 0 0 0; display: block; float: left;}
#hex_footer a img {float: left; margin-left: 10px;}

#politykaPrywatnosci {display: block; float: left; width: 150px; height: 33px; padding: 10px 0 0 0;}
#politykaLink {color: #F90;	font-size: 0.8em; text-decoration: none;}
#politykaLink:hover {color: #fff !important;}