/* CSS Document */

@media only screen and (max-width: 2000px) {
	.mainHaslo{ left: 7%; bottom: 34%; font-size: 59px; text-shadow: 4px 4px 2px rgba(0,0,0,.7);}
	.mainHaslo .l1 span{ font-size: 98px;}
	.mainHaslo .l2{ margin-left: 240px; margin-top: 20px;}

	.mainKwota{ width: 240px; height: 240px; right: 2%; top: 160px; font-size: 25px; padding-top: 75px; }
	.mainKwota span.t1{ font-size: 63px; }
	.mainKwota span.t2{ font-size: 30px; }
}


@media only screen and (max-width: 1600px) {
	.mainHaslo{ left: 7%; bottom: 34%; font-size: 48px; text-shadow: 3px 3px 2px rgba(0,0,0,.7);}
	.mainHaslo .l1 span{ font-size: 90px;}
	.mainHaslo .l2{ margin-left: 220px; margin-top: 20px;}

	.mainKwota{ width: 210px; height: 210px; right: 2%; top: 130px; font-size: 22px; padding-top: 65px; }
	.mainKwota span.t1{ font-size: 53px; }
	.mainKwota span.t2{ font-size: 25px; }


	.round1{ left: -70px; top: 40%; transform: scale(.7);}
	.round2{ right: -70px; bottom: 7%; transform: scale(1.0); }
	.round3{ left: -70px; top: 5%; transform: scale(.4); }

	.roundNews{ right: -80px; top: 100px; transform: scale(.4); }
	.roundNews2{ left: -190px; top: 70%; transform: scale(1.0); }

	.roundKontakt{ right: -80px; bottom: -10%; transform: scale(.9); }

	.logo{ left: 3%; top: 20px; padding-left: 90px; }
	.logo img{ width: 80px; top: 3px;  }
	.logo .l1{ font-size: 34px; text-shadow: 2px 2px 3px rgba(0,0,0,.4);}
	.logo .l2{ font-size: 24px; text-shadow: 2px 2px 3px rgba(0,0,0,.4); margin-top: 3px;}
	.logo .l3{ font-size: 17px; padding: 3px 5px; margin-top: 7px; }


	.kontrast-container{ right: 0px; padding: 8px 2.5% 8px; }

	.menuBar{ padding: 20px 0; padding-right: 2.5%; top: 23px; }
	.menu{ font-size: 15px; }
	.menu li{ margin-left: 40px; }
	.menu li.menu-underline{ height: 6px; width: 6px; top: 20px;}

	.header{ font-size: 47px; margin-bottom: 70px; padding: 17px 30px; padding-left: 500px; margin-left: -500px; }

	.mainCTA{ width: 300px; left: 50%; bottom: 14%; margin-left: -150px; padding: 10px 10px; border-radius: 10px; font-size: 26px; }
	.mainCTA span{ font-size: 16px; margin-top: 10px; }

	.mainContentSvg{ width: 100%; position: absolute; top: -3px; left: 0px; z-index: 1; }
	.mainContentSvg:before{ content: ''; display: block; width: 100%; height: 150px; background: #ffb72c; }
}


@media only screen and (max-width: 1400px) {
	.mainHaslo{ left: 6%; bottom: 37%; font-size: 44px; text-shadow: 3px 3px 2px rgba(0,0,0,.7);}
	.mainHaslo .l1 span{ font-size: 77px;}
	.mainHaslo .l2{ margin-left: 190px; margin-top: 20px;}

	.mainKwota{ width: 190px; height: 190px; right: 2%; top: 120px; font-size: 20px; padding-top: 59px; }
	.mainKwota span.t1{ font-size: 50px; }
	.mainKwota span.t2{ font-size: 23px; }

	.mainCTA{ width: 260px; left: 50%; bottom: 12%; margin-left: -130px; padding: 10px 10px; border-radius: 10px; font-size: 23px; letter-spacing: 0px; }
	.mainCTA span{ font-size: 14px; margin-top: 5px; }

	.newsContainer{ min-height: 400px; }
	.projektyContainer{ min-height: 400px; padding-bottom: 100px; }
	.glosujContainer{  min-height: 400px; padding-bottom: 100px; }
	.kontakt{ padding-left: 10%;  min-height: 400px;  }

	.formularz{ padding-left: 5%; margin-top: -70px;}

}


@media only screen and (max-width: 1270px) {
	
	.all{ top: 33px; }

	.center{ width: 94%; }

	.logo{ left: 2%; top: 10px; padding-left: 85px; }
	.logo img{ width: 75px; top: 3px;  }
	.logo .l1{ font-size: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,.4);}
	.logo .l2{ font-size: 24px; text-shadow: 1px 1px 2px rgba(0,0,0,.4); margin-top: 3px;}
	.logo .l3{ font-size: 17px; padding: 3px 5px; margin-top: 7px; }

	.kontrast-container{ right: 0px; padding: 6px 2% 0px; }
	.kontrast li.fontSize1{ font-size:15px;}
	.kontrast li.fontSize2{ font-size:15px;}


	.menuBar{ padding: 20px 0; padding-right: 2.0%; top: 25px; }
	.menu{ font-size: 13px; }
	.menu li{ margin-left: 35px; }
	.menu li.menu-underline{ height: 6px; width: 6px; top: 20px;}

	.header{ font-size: 43px; margin-bottom: 60px; margin-top: 25px; padding: 15px 25px; padding-left: 340px; margin-left: -300px; }

	.mainHaslo{ left: 6%; bottom: 37%; font-size: 34px; text-shadow: 2px 2px 2px rgba(0,0,0,.7);}
	.mainHaslo .l1 span{ font-size: 57px;}
	.mainHaslo .l2{ margin-left: 120px; margin-top: 10px;}

	.mainKwota{ width: 160px; height: 160px; right: 3%; top: 120px; font-size: 18px; padding-top: 49px; }
	.mainKwota span.t1{ font-size: 40px; }
	.mainKwota span.t2{ font-size: 21px; }

	.mainSvg{ width: 140%; position: absolute; bottom: -2px; left: -20%; }

	.mainCTA{ width: 240px; left: 50%; bottom: 10%; margin-left: -120px; padding: 9px 9px; border-radius: 8px; font-size: 22px; letter-spacing: 0px; }
	.mainCTA span{ font-size: 14px; margin-top: 5px; }


	.haslo1{ width: 680px; margin-left: 0px; font-size: 21px; margin-top: 40px; }
	.haslo1 span{ margin-top: 6px; padding: 8px; }

	.haslo2{ width: 680px; margin-right: 0px; font-size: 21px; margin-top: 40px;}
	.haslo2 span{ margin-top: 6px; padding: 8px; }

	.mainContentSvg{ width: 100%; position: absolute; top: -3px; left: 0px; z-index: 1; }
	.mainContentSvg:before{ content: ''; display: block; width: 100%; height: 250px; background: #ffb72c; }

	.zdecyduj span{font-size: 35px; margin-top: 60px; padding: 8px 13px; margin-bottom: 40px;}
	
	.wynikiHeader span{ font-size: 32px; top: -20px; padding: 8px 13px; margin-bottom: 40px;}


	.round3{ left: -90px; top: -19%; transform: scale(.3); }
	.round4{ right: -90px; bottom: -15%; transform: scale(.2); }

	.mainInfos{  padding: 65px 0;}
	.mainInfoKol{ width: 31%; margin-right: 3.5%; }
	.KolLast{ margin: 0px; }
	.mainInfoName{ font-size: 25px; margin-bottom: 30px; }
	.mainInfoName div{ font-size: 20px; margin-bottom: 12px;}
	.mainInfoName span.t1:after{ width: 30px; height: 30px; left: -10px; top: -4px; }
	.mainInfoTxt{ font-size: 15px; font-weight: 300; line-height: 1.5;}
	.mainInfoBut{ width: 190px; padding: 14px 16px; font-size: 15px; margin-top: 30px;}


	.roundNews{ right: -120px; top: 70px; transform: scale(.4); }
	.roundNews2{ left: -120px; top: 70%; transform: scale(.8); }

}


@media only screen and (max-width: 1070px) {
	
	.logo{ left: 2%; top: 10px; padding-left: 75px; }
	.logo img{ width: 68px; top: 3px;  }
	.logo .l1{ font-size: 27px; text-shadow: 1px 1px 2px rgba(0,0,0,.4);}
	.logo .l2{ font-size: 20px; text-shadow: 1px 1px 2px rgba(0,0,0,.4); margin-top: 3px;}
	.logo .l3{ font-size: 14px; padding: 3px 5px; margin-top: 7px; }

	.menuBar{ display: none; }
	.menuMobileClick{ display: block; right: 2%; }

	.kontrast-container{ right: 0px; padding: 8px 3% 0px; }
	.kontrast li.fontSize1{ font-size:17px;}
	.kontrast li.fontSize2{ font-size:17px;}
	.all{ top: 37px; }


	.mainHaslo{ left: 5%; bottom: 39%; font-size: 30px; text-shadow: 2px 2px 2px rgba(0,0,0,.7);}
	.mainHaslo .l1 span{ font-size: 45px;}
	.mainHaslo .l2{ margin-left: 100px; margin-top: 10px;}

	.mainKwota{ width: 135px; height: 135px; right: 3%; top: 100px; font-size: 16px; padding-top: 40px; }
	.mainKwota span.t1{ font-size: 33px; }
	.mainKwota span.t2{ font-size: 19px; }

	.mainSvg{ width: 140%; position: absolute; bottom: -2px; left: -20%; }


	.mainCTA{ width: 200px; left: 50%; bottom: 3%; margin-left: -100px; padding: 8px 8px; border-radius: 8px; font-size: 18px; letter-spacing: 0px; }
	.mainCTA span{ font-size: 14px; margin-top: 5px; }

	.zdecyduj span{font-size: 32px; margin-top: 50px; padding: 8px 13px; margin-bottom: 40px;}
	.wynikiHeader span{ font-size: 30px; top: -30px; padding: 8px 13px; margin-bottom: 20px;}

	.komunikat .hero{ padding: 10px;  font-size: 30px; }
	.komunikat .txt{ font-size: 18px; }
}


@media only screen and (max-width: 1000px) {

	.timeline{ width: 700px; margin-bottom: 50px;}

	.timeline .point .pointer{ width: 20px; height: 20px; }
	.timeline .point .pointerPast:after{ width: 200%; height: 200%; border: 2px solid #039fc5; left: -50%; top: -50%;}
	.timeline .point .pointerActive:after{ width: 200%; height: 200%; border: 2px solid #039fc5; }
	.timeline .pointL .pointer{ right: -10px; }
	.timeline .pointR .pointer{ left: -10px; }

	.timeline .point .pointLine{ width: 120px;  position: relative; }
	.timeline .pointL .pointLine.past{ width: 100px; margin-right: 20px; position: relative; }
	.timeline .pointR .pointLine.past{ width: 100px; margin-left: 20px; position: relative; }
	.timeline .point .pointLineLine{ margin-top: 9px; }
	.timeline .pointR .pointLineLine:after{ width: 20px; height: 20px; }
	.timeline .pointL .pointLineLine:after{ width: 20px; height: 20px; }
	.timeline .point .nameContainer .name{ font-size: 24px; }
	.timeline .pointL .nameContainer .name{ margin-right: 10px;}
	.timeline .pointR .nameContainer .name{ margin-left: 10px; }
	.timeline .point .nameContainer .name .data{ padding: 5px 7px; font-size: 16px; margin-top: 5px; }

	.timeline .point .nameContainer .name .i1{ width: 45px; right: -47px; top: -35px; }
	.timeline .point .nameContainer .name .i2{ width: 53px; left: -63px; top: -28px; }
	.timeline .point .nameContainer .name .i3{ width: 47px; right: -63px; top: -22px; }
	.timeline .point .nameContainer .name .i4{ width: 40px; left: -55px; top: -25px; }
	.timeline .point .nameContainer .name .i5{ width: 50px; right: -61px; top: -23px; }
	.timeline .point .pointTxt{ font-size: 14px; width: 300px; margin-top: 20px; }
	.timeline .pointL .pointTxt{ margin-right: 50px; }
	.timeline .pointR .pointTxt{ margin-left: 50px; }

	.timelineEnd{ margin-top: 40px; font-size: 14px;  width: 350px; }
	.timelineEnd .name{ font-size: 24px; }
	.timelineEnd .end{ width: 40px; height: 40px; margin-bottom: 20px;}


	.round1{ left: -100px; top: 20%; transform: scale(.6); }
	.round2{ right: -120px; bottom: 27%; transform: scale(.8); }

	.mainInfos{  padding: 55px 0;}
	.mainInfoKol{ width: 31%; margin-right: 3.5%; }
	.KolLast{ margin: 0px; }
	.mainInfoName{ font-size: 23px; margin-bottom: 30px; }
	.mainInfoName div{ font-size: 20px; margin-bottom: 12px;}
	.mainInfoName span.t1:after{ width: 30px; height: 30px; left: -10px; top: -4px; }
	.mainInfoTxt{ font-size: 15px; font-weight: 300; line-height: 1.5;}
	.mainInfoBut{ width: 190px; padding: 14px 16px; font-size: 15px; margin-top: 30px;}

	.subheader{ font-size: 25px; margin-bottom: 25px; line-height: 1.2; }
	.subheader:after{ width: 32px; height: 32px; left: -10px; top: -3px;}

	.obudzecieInfo{ font-size: 15px; padding-left: 1%; margin-bottom: 70px; padding-right: 1%; }

	.kontakt{ padding-left: 1%; padding-right: 1%; min-height: 300px; z-index: 700; }

	.newsR .txt{ color: #373737; line-height: 1.6; font-size: 15px; font-weight: 300; }


	.projektShow{  margin-bottom: 25px; width: 100%; }
	.projektShowFoto{ width: 80%; margin: auto; min-height: 15px; margin-bottom: 25px; }
	.projektShowName{ font-size: 28px; margin-bottom: 20px; }
	.projektShowName:after{ width: 32px; height: 32px; left: -11px; top: 3px; z-index: -1; border-radius: 100%; }
	.projektShowName a{ color: inherit; text-decoration: none; }
	.projektShowContent{ color: #373737; line-height: 1.6; font-size: 16px; font-weight: 300; margin-bottom: 20px; }

	.projektyWyniki{ margin-bottom: 30px; margin-top: 20px; }
	.projektyWynikiNazwa{ font-size: 23px; margin-bottom: 15px; }
	.projektyWynikiNazwa:after{ width: 32px; height: 32px; left: -11px; top: 0px; z-index: -1; border-radius: 100%; }


	.glosujKolLeft{ display: none; }
	.pageGlosuj{ background: #039fc5; }
	.roundFormularz2{ display: none; }
	.headerGlosuj{ background: #fff; color: #039fc5; }
	.glosujKol{ width: 80%; padding-left: 0px; }
	.formularz{ margin-top: 0px; padding-left: 0px;}
	.pageContentJakGlosowacR{ display: block; margin-top: 40px; padding-bottom: 50px; }
	.dowiedzsiejakglosowac{ display: block; }

}


@media only screen and (max-width: 870px) {
	
	.logo{ left: 2%; top: 10px; padding-left: 68px; }
	.logo img{ width: 60px; top: 3px;  }
	.logo .l1{ font-size: 23px; text-shadow: 1px 1px 2px rgba(0,0,0,.4);}
	.logo .l2{ font-size: 20px; text-shadow: 1px 1px 2px rgba(0,0,0,.4); margin-top: 3px;}
	.logo .l3{ font-size: 12px; padding: 3px 5px; margin-top: 7px; }

	.header{ font-size: 38px; margin-bottom: 50px; margin-top: 35px; padding: 13px 22px; padding-left: 240px; margin-left: -200px; }
	
	.mainHaslo{ left: 5%; bottom: 36%; font-size: 26px; text-shadow: 2px 2px 2px rgba(0,0,0,.7);}
	.mainHaslo .l1 span{ font-size: 37px;}
	.mainHaslo .l2{ margin-left: 100px; margin-top: 10px;}

	.mainKwota{ width: 120px; height: 120px; right: 3%; top: 90px; font-size: 14px; padding-top: 38px; }
	.mainKwota span.t1{ font-size: 30px; }
	.mainKwota span.t2{ font-size: 17px; }

	.haslo1{ width: 100%; margin-left: 0px; font-size: 16px; margin-top: 40px; }
	.haslo1 span{ margin-top: 5px; padding: 7px; }

	.haslo2{ width: 100%; margin-right: 0px; font-size: 16px; margin-top: 40px;}
	.haslo2 span{ margin-top: 5px; padding: 7px; }


	.mainInfos{  padding: 55px 0;}
	.mainInfoKol{ width: 50%; margin-right: 0%; margin-bottom: 50px; padding: 0 20px; }
	.KolLast{ margin: 0px; clear: both; margin-left: 25%; }
	.mainInfoName{ font-size: 23px; margin-bottom: 30px; }
	.mainInfoName div{ font-size: 20px; margin-bottom: 12px;}
	.mainInfoName span.t1:after{ width: 30px; height: 30px; left: -10px; top: -4px; }
	.mainInfoTxt{ font-size: 15px; font-weight: 300; line-height: 1.5;}
	.mainInfoBut{ width: 190px; padding: 14px 16px; font-size: 15px; margin-top: 30px;}

	.roundKontakt{ right: -100px; bottom: -15%; transform: scale(.6); }


	.newsContainer{ padding-bottom: 60px; min-height: 300px; }
	.news{  margin-bottom: 60px; }
	.newsL{ display: none; }
	.newsFotoR{ display: block; max-width: 400px; width: auto; margin: auto; margin-bottom: 30px; float: none; }
	.newsL img{ width: 100%; display: block; }
	.newsR{ float: left; width: 100%; }
	.newsR .data{ padding: 4px 6px; }
	.newsR .name{ font-size: 19px; margin-bottom: 17px; margin-top: 20px;}
	.newsR .name:after{  width: 24px; height: 24px; left: -6px; top: 2px; }

	.projektListaFoto{ width: 350px; margin-right: 0%; float: none; margin: auto; margin-bottom: 30px;}
	.projektListaTxt{ float: none; width: 100%; }
	.projektBut{ margin-left: 10px; border-radius: 5px; min-width: 150px; padding: 10px 20px; font-size: 15px; }
	.wynikiBut{ margin-left: 0px; border-radius: 5px; min-width: 150px; padding: 10px 20px; font-size: 15px; }

	
	.wynikiContainer{  padding-bottom: 50px; }
	.wynikiKol1{ width: 100%; padding-right: 0%; float: left; margin-top: 40px; margin-bottom: 0px; }
	.wynikiKol3{ width: 50%; padding-right: 4%; text-align: left; padding-top: 0px; }
	.wynikiKol4{ width: 50%; padding-right: 0%; text-align: left; padding-top: 0px; }
	.wynikiKolName{ font-size: 12px; margin: 0px; margin-bottom: 0px; text-align: left; color: #373737;}
	.wynikiName{ margin-bottom: 8px; }
	.pasek{ width: 92%; height: 25px; }
	.pasekWynik{ width: 8%; font-weight: 500; padding-top: 0px; padding-left: 7px; }

}


@media only screen and (max-width: 800px) {
	.timeline{ width: 94%; margin-left: auto; padding-left: 20px; }
	.timeline .line{ height: 100%; width: 3px; left: 10px; margin-left: -1.5px;}
	.timeline .lineActive{ height: 0%; width: 3px; left: 10px; margin-left: -1.5px;}

	.timeline .pointL{ position: relative; float: left; margin-left: 0%;  margin-top: 75px; width: 100%; clear: both; }
	.timeline .pointR{ position: relative; float: left; margin-left: 0%;  margin-top: 75px; width: 100%; clear: both; }
	.timeline .point .pointer{ width: 24px; height: 24px; }
	.timeline .point .pointerPast:after{ width: 200%; height: 200%; border: 2px solid #039fc5; left: -50%; top: -50%;}
	.timeline .point .pointerActive:after{ width: 200%; height: 200%; border: 2px solid #039fc5; left: 0%; top: 0%;}
	.timeline .pointL .pointer{ right: auto; left: -22px; }
	.timeline .pointR .pointer{ left: -22px; }

	.timeline .point .pointLine{ width: 120px;  position: relative; }
	.timeline .pointL .pointLine.past{ width: 100px; margin-right: 0px; margin-left: 14px; position: relative; }
	.timeline .pointR .pointLine.past{ width: 100px; margin-left: 14px; position: relative; }
	.timeline .pointL .pointLine{ float: left; }
	.timeline .pointR .pointLine{ float: left; }
	.timeline .point .pointLineLine{ width: 100%; height: 3px; background: #039fc5; margin-top: 10px; }
	.timeline .pointL .pointLineLine{ float: right; }
	.timeline .pointR .pointLineLine{ float: right; }
	.timeline .pointR .pointLineLine:after{ width: 24px; height: 24px; right: 0px; top: 0px; }
	.timeline .pointL .pointLineLine:after{ width: 24px; height: 24px; left:auto; right: 0px; top: 0px; }
	.timeline .point .nameContainer .name{ font-size: 25px; display: block;  margin: 0px; display: block; margin-left: 20px;  margin-right: 0px;}
	.timeline .pointL .nameContainer .name{ float: left; margin-right: 0px;}
	.timeline .pointR .nameContainer .name{ float: left; }
	.timeline .point .nameContainer .name .data{ padding: 5px 8px; font-size: 16px;margin-top: 5px; }

	.timeline .point .nameContainer .name .i1{ width: 45px; right:auto; top: -35px; left: 110px; }
	.timeline .point .nameContainer .name .i2{ width: 53px; left: 133px; top: -28px; }
	.timeline .point .nameContainer .name .i3{ width: 47px; right:auto; top: -22px; left: 185px; }
	.timeline .point .nameContainer .name .i4{ width: 40px; left: 185px; top: -25px; }
	.timeline .point .nameContainer .name .i5{ width: 50px; right: auto; left: 105px; top: -23px; }
	.timeline .point .pointTxt{ font-size: 15px; width: 80%; margin-top: 20px; }
	.timeline .pointL .pointTxt{ text-align: left; margin-right: 0px; margin-left: 30px; float: left; }
	.timeline .pointR .pointTxt{ text-align: left; margin-left: 30px; }

	.timelineEnd{ width: 100%; margin:0px; margin-left: -12px; padding-left: 0px; margin-top: 40px; background: #fff; text-align: left; font-size: 15px; width: 100%;}
	.timelineEnd .name{ font-size: 27px; color: #039fc5; font-weight: bold; position: relative; }
	.timelineEnd .end{ width: 40px; height: 40px; margin:0; margin-left: -18px; margin-bottom: 15px; border-radius: 100%; background: #039fc5;  }

	.zdecyduj span{font-size: 27px; margin-top: 50px; padding: 6px 10px; margin-bottom: 0px;}

	.wynikiHeader span{ font-size: 25px; top: -30px; padding: 8px 13px; margin-bottom: 0px;}

	a.plik{ display: block; margin-bottom: 20px; width: 100%; line-height: 1.3; }

	.round5{ right: -75px; bottom: -5%; transform: scale(.25); }
	.round6{ left: -110px; top: 15%; transform: scale(.25); }

	.komunikat{ padding: 25px 0; }
	.komunikatCenter{ width: 95%; margin: auto; text-align: center; }
	.komunikat .hero{ padding: 10px;  font-size: 26px; }
	.komunikat .txt{ width: 90%; }
	
}



@media only screen and (max-width: 750px) {
	
	.logo{ left: 2%; top: 7px; padding-left: 60px; }
	.logo img{ width: 50px; top: 3px;  }
	.logo .l1{ font-size: 18px; text-shadow: 1px 1px 2px rgba(0,0,0,.4);}
	.logo .l2{ font-size: 18px; text-shadow: 1px 1px 2px rgba(0,0,0,.4); margin-top: 3px;}
	.logo .l3{ font-size: 10px; padding: 3px 5px; margin-top: 4px; }
	
	.mainHaslo{ left: 5%; bottom: auto; top: 100px; font-size: 26px; text-shadow: 2px 2px 2px rgba(0,0,0,.7);}
	.mainHaslo .l1 span{ font-size: 37px;}
	.mainHaslo .l2{ margin-left: 80px; margin-top: 10px;}

	.mainKwota{ width: 120px; height: 120px; right: 3%; top: auto; bottom: 15%; font-size: 14px; padding-top: 38px; z-index: 500; }
	.mainKwota span.t1{ font-size: 30px; }
	.mainKwota span.t2{ font-size: 17px; }

	.mainBack{ padding-bottom: 70px; }
	.mainSvg{ width: 140%; position: absolute; bottom: -2px; left: -20%; padding-bottom: 70px; }
	.mainSvg:after{ display: block; content: ''; position: absolute; bottom: 2px; height: 73px; width: 100%; background: #ffb72c; }

	.mainBack.marginup{ padding-bottom: 0px; }
	.mainSvg.marginup{ width: 140%; position: absolute; bottom: -2px; left: -20%; padding-bottom: 0px; }
	.mainSvg.marginup:after{ display: none;}

	.mainContentSvg{ width: 100%; position: absolute; top: -3px; left: 0px; z-index: 1; }
	.mainContentSvg:before{ content: ''; display: block; width: 100%; height: 350px; background: #ffb72c; }

	.projektyWyniki{ margin-bottom: 40px; margin-top: 20px; }
	.projektyWynikiNazwa{ font-size: 20px; margin-bottom: 15px; }
	.projektyWynikiNazwa:after{ width: 32px; height: 32px; left: -11px; top: 0px; z-index: -1; border-radius: 100%; }
}


@media only screen and (max-width: 600px) {
		
	.mainHaslo{ left: 6%; bottom: auto; top: 100px; font-size: 23px; text-shadow: 2px 2px 2px rgba(0,0,0,.7);}
	.mainHaslo .l1 span{ font-size: 32px;}
	.mainHaslo .l2{ margin-left: 80px; margin-top: 10px;}

	.mainKwota{ width: 120px; height: 120px; right: 3%; top: auto; bottom: 15%; font-size: 14px; padding-top: 38px; z-index: 500; }
	.mainKwota span.t1{ font-size: 30px; }
	.mainKwota span.t2{ font-size: 17px; }


	.mainBack{ padding-bottom: 70px; }
	.mainSvg{ width: 240%; position: absolute; bottom: -2px; left: -120%; padding-bottom: 70px; }
	.mainSvg:after{ display: block; content: ''; position: absolute; bottom: 2px; height: 73px; width: 100%; background: #ffb72c; }


	.mainBack.marginup{ padding-bottom: 0px; }
	.mainSvg.marginup{ padding-bottom: 0px; }
	.mainSvg.marginup:after{ display: none;}


	.zdecyduj span{font-size: 27px; margin-top: 50px; padding: 6px 10px; margin-bottom: 0px;}

	.wynikiHeader span{ font-size: 23px; top: -20px; padding: 8px 13px; margin-bottom: 0px;}


	.stopka .stopkaKol{ width: 100%; text-align: left; margin-bottom: 35px;}

	.header{ font-size: 33px; margin-bottom: 40px; margin-top: 43px; padding: 10px 17px; padding-left: 220px; margin-left: -200px; }

	.roundNews2{ left: -120px; top:auto; bottom: -60px; transform: scale(.65); }

	

	.projektShow{  margin-bottom: 25px; width: 98%; }
	.projektShowName{ font-size: 23px; margin-bottom: 10px; }
	.projektShowName:after{ width: 27px; height: 27px; left: -7px; top: 3px; z-index: -1; border-radius: 100%; }
	.projektShowFoto{ width: 100%; margin: auto; min-height: 15px; margin-bottom: 25px; }

	.roundWyniki2{ display: none; }
	.roundWyniki3{ transform: scale(.6); bottom: -40px; }

	.glosujKol{ width: 100%; padding-left: 0px; }
}


@media only screen and (max-width: 550px) {
	.haslo1{ width: 100%; margin-left: 0px; font-size: 14px; margin-top: 40px; }
	.haslo1 span{ margin-top: 5px; padding: 7px; }

	.haslo2{ width: 100%; margin-right: 0px; font-size: 14px; margin-top: 40px;}
	.haslo2 span{ margin-top: 5px; padding: 7px; }

	.mainInfos{  padding: 55px 0;}
	.mainInfoKol{ width: 100%; margin-right: 0%; margin-bottom: 60px; padding: 0 20px; clear: both; }
	.KolLast{ margin: 0px; clear: both; margin-left: 0%; }
	.mainInfoName{ font-size: 23px; margin-bottom: 30px; }
	.mainInfoName div{ font-size: 20px; margin-bottom: 12px;}
	.mainInfoName span.t1:after{ width: 30px; height: 30px; left: -10px; top: -4px; }
	.mainInfoTxt{ font-size: 15px; font-weight: 300; line-height: 1.5;}
	.mainInfoBut{ width: 190px; padding: 14px 16px; font-size: 15px; margin-top: 30px;}

	.subheader{ font-size: 22px; margin-bottom: 25px; line-height: 1.2; }
	.subheader:after{ width: 26px; height: 26px; left: -7px; top: 0px;}

	.obudzecieInfo{ font-size: 15px; padding-left: 1%; margin-bottom: 70px; padding-right: 1%; }

	.projektListaFoto{ width: 100%; margin-bottom: 30px;}

	.pasek{ width: 88%; height: 25px; }
	.pasekWynik{ width: 12%; font-weight: 500; padding-top: 0px; padding-left: 7px; }
	.wynikiName{ font-size: 14px;}
	.wynikiKol1{ margin-top: 18px;}

}


@media only screen and (max-width: 500px) {
		
	.mainHaslo{ left:35px; bottom: auto; top: 115px; font-size: 21px; text-shadow: 2px 2px 2px rgba(0,0,0,.7); z-index: 500;}
	.mainHaslo .l1 span{ font-size: 30px;}
	.mainHaslo .l2{ margin-left: 60px; margin-top: 5px;}

	
	.mainCTA{ width: 160px; left: 50%; bottom: 3%; margin-left: -80px; padding: 6px 6px; border-radius: 6px; font-size: 14px; letter-spacing: 0px; }
	.mainCTA span{ font-size: 12px; margin-top: 5px; }

	.mainBack img.mainFoto{ display: none; }
	.mainBack img.mainFotoR{ display: block; }


	.haslo1{ width: 95%; margin-left: 0px; font-size: 15px; margin-top: 40px; color: #fff; line-height: 1.6; }
	.haslo1 span{ padding: 0px; display: inline; margin: 0; background: none; }
	.haslo1 br{ display: none; }

	.haslo2{ width: 95%; margin-right: 0px; font-size: 15px; margin-top: 30px; color: #fff; line-height: 1.6;}
	.haslo2 span{ margin-top: 0px; padding: 0px; display: inline; background: none; }
	.haslo2 br{ display: none; }

	.topBack{ width: 130%; position: relative; z-index: 2; margin-left: -15%; }

	.newsFotoR{ display: block; max-width: 75%; width: auto; margin: auto; margin-bottom: 20px; float: none; }

	.komunikat .hero{ padding: 10px;  font-size: 23px; margin-bottom: 15px; }
	.komunikat .txt{ font-size: 16px; width: 100%; }

	.projektLista{ position: relative; z-index: 200; margin-bottom: 55px; }
	.projektListaFoto{ width: 100%; margin-bottom: 20px;}
	.projektBut{ margin-left: 10px; border-radius: 5px; min-width: 100px; padding: 9px 15px; font-size: 14px; margin-bottom: 10px; }
	.projektListaName{ line-height: 1.4; font-size: 18px; margin-bottom: 25px; position: relative; }
	.projektListaName:after{  width: 22px; height: 22px; left: -7px; top: 2px; z-index: -1; border-radius: 100%; }

	.wynikiBut{ margin-left: 0px; border-radius: 5px; min-width: 100px; padding: 9px 15px; font-size: 14px; }

	.pageGlosuj{ top: -40px; }
}


@media only screen and (max-width: 450px) {
	.zdecyduj span{font-size: 24px; margin-top: 40px; padding: 6px 10px; margin-bottom: 0px;}

	.wynikiHeader span{ font-size: 20px; top: -20px; padding: 6px 10px; margin-bottom: 0px;}

	.timeline .pointL{ position: relative; float: left; margin-left: 0%;  margin-top: 65px; width: 100%; clear: both; }
	.timeline .pointR{ position: relative; float: left; margin-left: 0%;  margin-top: 65px; width: 100%; clear: both; }
	.timeline .point .pointLine{ display: none; }
	.timeline .point .nameContainer .name{ font-size: 24px; display: block; width: 100%; margin: 0px; display: block;  margin-top: 0px; margin-left: 20px; margin-right: 0px;}
	.timeline .pointL .nameContainer .name{ float: left; margin-right: 0px;}
	.timeline .pointR .nameContainer .name{ float: left; }
	.timeline .point .nameContainer .name .data{ padding: 5px 8px; font-size: 16px;margin-top: 5px; }

	.timeline .point .nameContainer .name .i1{ width: 40px; right:auto; top: -26px; left: 103px; }
	.timeline .point .nameContainer .name .i2{ width: 45px; left: 126px; top: -20px; }
	.timeline .point .nameContainer .name .i3{ width: 40px; right:auto; top: -16px; left: 175px; }
	.timeline .point .nameContainer .name .i4{ width: 33px; left: 177px; top: -18px; }
	.timeline .point .nameContainer .name .i5{ width: 43px; right: auto; left: 100px; top: -16px; }
	.timeline .point .pointTxt{ font-size: 15px; width: 90%; margin-top: 20px; }
	.timeline .pointL .pointTxt{ text-align: left; margin-right: 0px; margin-left: 20px; float: left; }
	.timeline .pointR .pointTxt{ text-align: left; margin-left: 20px; }
	.timelineEnd br{ display: none; }

	.header{ font-size: 29px; margin-bottom: 40px; margin-top: 43px; padding: 7px 13px; padding-left: 215px; margin-left: -200px; }

}

@media only screen and (max-width: 400px) {
		
	.mainHaslo{ left:25px; bottom: auto; top: 95px; font-size: 16px; text-shadow: 2px 2px 2px rgba(0,0,0,.7); z-index: 500;}
	.mainHaslo .l1 span{ font-size: 22px;}
	.mainHaslo .l2{ margin-left: 50px; margin-top: 5px;}

	.topBack{ width: 170%; position: relative; z-index: 2; margin-left: -35%; }
	.header{ font-size: 29px; margin-bottom: 40px; margin-top: 33px; padding: 7px 13px; padding-left: 215px; margin-left: -200px; }

	.projektyWynikiNazwa{ font-size: 18px; margin-bottom: 15px; }
	.projektyWynikiNazwa:after{ width: 27px; height: 27px; left: -8px; top: 0px; z-index: -1; border-radius: 100%; }
}

@media only screen and (max-width: 350px) {
		
	.mainHaslo{ left:20px; bottom: auto; top: 100px; font-size: 14px; text-shadow: 2px 2px 2px rgba(0,0,0,.7); z-index: 500;}
	.mainHaslo .l1 span{ font-size: 18px;}
	.mainHaslo .l2{ margin-left: 30px; margin-top: 5px;}


	.mainKwota{ width: 90px; height: 90px; right: 2%; top: auto; bottom: 23%; font-size: 10px; padding-top: 16px; z-index: 500; }
	.mainKwota span.t1{ font-size: 24px; display: block; }
	.mainKwota span.t2{ font-size: 14px; }

	.mainCTA{ width: 140px; left: 50%; bottom: 3%; margin-left: -70px; padding: 6px 6px; border-radius: 6px; font-size: 12px; letter-spacing: 0px; }
	.mainCTA span{ font-size: 12px; margin-top: 5px; }

}



@media only screen 
  and (orientation: portrait) {

}


@media only screen 
  and (max-width: 750px)
  and (orientation: portrait) {
}