/* CSS Document */


@media only screen and (max-width: 1580px) {
	.top{ width: 100%; height: 400px; }
	html, body { background: url(../grafika/back.jpg) no-repeat center top #000; background-size: 100%; background-position:0 400px;}
}

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

	.produkty a{ width:31%; }
	.produkt .nazwa{ padding: 10px 15px 13px; margin-top: 25px; font-size: 24px; }

}


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

}


@media only screen and (max-width: 1200px) {
	.produkty{ justify-content:space-around; }
	.produkty a{ width:40%; }
}



@media only screen and (max-width: 1100px) {
	.top{ width: 100%; height: 300px; }
	html, body { background: url(../grafika/back.jpg) no-repeat center top #000; background-size: 100%; background-position:0 300px;}
}


@media only screen and (max-width: 950px) {
	.produkty{ justify-content:space-between; }
	.produkty a{ width:47%; }
}

@media only screen and (max-width: 700px) {
	.top{ width: 100%; height: 200px; }
	html, body { background: url(../grafika/back.jpg) no-repeat center top #000; background-size: 100%; background-position:0 200px;}


	.produkty{ justify-content:center; }
	.produkty a{ width:80%; }


	.cta{ width: 95%; margin-bottom: 100px; margin-top: 0px;}
}



@media only screen and (max-width: 450px) {
	.top{ width: 100%; height: 170px; }
	html, body { background: url(../grafika/back.jpg) no-repeat center top #000; background-size: 100%; background-position:0 170px;}

	.produkty a{ width:95%; }
}



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


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

}