/* CSS Document */



@media only screen and (max-width: 1250px) {
	.container{ width: 90%; }
	.tytul{ font-size: 36px; margin-top: 10px; margin-bottom: 20px; }

	.left{ width: 40%;}
	.right{ width: 60%; padding-left: 5%; }
}


@media only screen and (max-width: 900px) {
	.container{ width: 92%; padding-top: 40px; }
	.tytul{ font-size: 36px; margin-top: 10px; margin-bottom: 20px; }

	.left{ width: 400px; float: none; margin: auto; margin-bottom: 30px;}
	.right{ width: 100%; padding-left: 0%; }
	.form{ width: 100%; }
}

@media only screen and (max-width: 500px) {
	.left{ width: 100%; float: none; margin: auto; margin-bottom: 30px;}
}


@media only screen 
  and (orientation: portrait) {
  	.opty{ margin-top: 60px; margin-bottom: 60px; }
}


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