/* CSS Document */

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



	.mystic{ text-align: center; margin: 70px 0 30px 0; }
}

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


}

@media only screen and (max-width: 1380px) {
	
	.center{ width:95%; margin:auto; position:relative; }
	


	.produkt .nazwa{ bottom: 47px; padding: 0 10px; font-size: 24px; }
	.produkt .cena{ bottom: 12px; padding: 0 10px; font-size: 24px; }
	.produkt .spec{ width: 150px; height: 55px; padding: 7px; left: -65px; top: 40%; font-size: 17px; }
}


@media only screen and (max-width: 1210px) {
	.produkt .spec{ width: 130px; height: 50px; padding: 5px 8px; left: -55px; top: 40%; font-size: 16px; }
}

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

	.top{ height: 195px; }
	.logo{ left: 0px; width: 180px; }
	.logo{ display:none; }

	.produkt .nazwa{ bottom: 47px; padding: 0 10px; font-size: 21px; }
	.produkt .cena{ bottom: 12px; padding: 0 10px; font-size: 21px; }
	.produkt .spec{ width: 130px; height: 50px; padding: 5px 8px; left: -55px; top: 40%; font-size: 15px; }
	.produkt:after{ padding-top: 132%;}

	.cta{ margin-bottom: 100px; }
}


@media only screen and (max-width: 870px) {
	.produkt .nazwa{ bottom: 40px; padding: 0 10px; font-size: 18px; }
	.produkt .cena{ bottom: 12px; padding: 0 10px; font-size: 18px; }
	.produkt .spec{ width: 130px; height: 45px; padding: 4px 10px; left: -55px; top: 40%; font-size: 14px; }
	.produkt:after{ padding-top: 135%;}	

}

@media only screen and (max-width: 770px) {
	
	
	.produkt{ width: 48%; margin: 0 1% 2%; }

	.produkt .nazwa{ bottom: 47px; padding: 0 10px; font-size: 24px; }
	.produkt .cena{ bottom: 12px; padding: 0 10px; font-size: 24px; }
	.produkt .spec{ width: 130px; height: 50px; padding: 5px 8px; left: -55px; top: 40%; font-size: 16px; }
	.produkt:after{ padding-top: 132%;}	

	.cta{ width: 70%; margin-top: 20px;}
}


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



	.produkt .nazwa{ bottom: 40px; padding: 0 10px; font-size: 18px; }
	.produkt .cena{ bottom: 12px; padding: 0 10px; font-size: 18px; }
	.produkt .spec{ width: 130px; height: 50px; padding: 5px 8px; left: -55px; top: 40%; font-size: 15px; }
	.produkt:after{ padding-top: 136%;}	
}


@media only screen and (max-width: 500px) {
	
	.produkt{ width: 98%; margin: 0 1% 4% 1%; }
	.produkt .nazwa{ bottom: 47px; padding: 0 10px; font-size: 24px; }
	.produkt .cena{ bottom: 12px; padding: 0 10px; font-size: 24px; }
	.produkt .spec{ width: 130px; height: 50px; padding: 5px 8px; left: -48px; top: 40%; font-size: 16px; }
	.produkt:after{ padding-top: 127%;}

	.cta{ width: 100%; margin-top: 20px;}
	
}


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

	.top{  height: 120px; position: relative; }
	.logo{  width: 110px;  }

}

@media only screen and (max-width: 440px) {
	
	.cta{ font-size: 22px; padding: 12px;}
}


@media only screen and (max-width: 380px) {
	.produkt:after{ padding-top: 132%;}
	.produkt .nazwa{ bottom: 42px; padding: 0 10px; font-size: 21px; }
	.produkt .cena{ bottom: 12px; padding: 0 10px; font-size: 21px; }
}

@media only screen 
  and (orientation: portrait) {
	
  
}


@media only screen 
  and (max-device-width: 550px)
  and (orientation: portrait) {

}