@font-face
{
font-family: Hero-Light ;
src: url('Hero-Light.otf');
}

body {
	background-color: #f5b0e5;
	font-size: 42px;
	color:#ffffff;
}



header {
	padding: 2em;
	margin:1em auto;
	background: none;
	text-align: center;
	line-height: 0;
	width: 90%
}



/*Tam gdzie rosną poziomki*/

@media only screen and (max-width: 1700px) {
	body {
		font-size:33px;}
	}

@media only screen and (max-width: 1500px) {
	body {
		background-image: url(tlo2.jpg);
		}
	}
@media only screen and (max-width: 1200px) {
	body {
		font-size:27px;}
	}
@media only screen and (max-width: 1100px) {
	body {
		background-image: url(tlo3.jpg);
		}
	#transbox {
		width: 95%;
		}
	#pro60 {
		width: 75%;
		}
	#pro80 {
		width: 90%;
		}
	article p {
		width: 90%;
		}
	}	
@media only screen and (max-width: 820px) {
	body {
		font-size:21px;}
	}
@media only screen and (max-width: 700px) {
	body {
		font-size:20px;}
	}
@media only screen and (max-width: 500px) {
	body {
		font-size:16px;}
	}
@media only screen and (max-width: 310px) {
	body {
		font-size:14px;}
	}*/