html{

}

body{
	background:#fff;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height:1.4em;
	color:black;
	margin:0px;
	padding:0px;
}

a{
	text-decoration:none;
}

a img{
	border:none;
}

.inner{
	box-sizing:border-box;
	width:1200px;
	margin:0px auto;
}

#header{
	background:#131759;
	color:white;
}

#header .inner{
	padding:15px 0px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:1600px;
}

#header ul{
	margin:0px;
	padding:0px;
	list-style:none;
	display:flex;
}

#header ul li{
	padding:0px 25px;
}

#header ul li:first-child{
	padding-left:0px;
}

#header ul li:last-child{
	padding-right:0px;
}

#header ul li a{
	color:white;
	text-decoration:none;
}

#header ul li a:hover{
	text-decoration:underline;
}

#photo{
	line-height:0px;
}

#photo img{
	width:100%;
}

#info{
	background:#131759;
	color:white;
	display:flex;
	overflow:hidden;
	font-size:35px;
	line-height:59px;
	padding: 0px;
	align-items:stretch;
	justify-content:space-around;
	justify-content:space-evenly;
}

#info span{
	display:inline-block;
	padding:20px 70px;
	position:relative;
}

#info span.red{
	-ms-transform: skewX(-30deg); /* IE 9 */
    -webkit-transform: skewX(-30deg); /* Safari */
    transform: skewX(-30deg);
    background:#D12F23;
}

#info span.red strong{
	display:inline-block;
	-ms-transform: skewX(30deg); /* IE 9 */
    -webkit-transform: skewX(30deg); /* Safari */
    transform: skewX(30deg);
}

#tekst{
	padding-top:80px;
	padding-bottom:50px;
}

#tekst h3{
	font-size:40px;
	font-weight:normal;
	margin:0px;
	padding-bottom:30px;
	line-height:1.1em;
	text-transform:uppercase;
}

#tekst .sidebyside{
	display:flex;
}

#tekst .sidebyside img{
	max-width:100%;
	text-align:center;
}

#tekst .sidebyside>div{
	width:50%;
}

#tekst ul{
	list-style:none;
}

#tekst ul li{
	list-style-image: url(../images/ptaszek.png);
}

#tekst_cennik{
	color:white;
	background:#131759 url(../images/tlo.jpg) 50% 50% no-repeat;
	background-size:cover;
	font-size:18px;
	line-height:1.4em;
}

#tekst_cennik .inner{
	padding:50px 0px;
}
#tekst_cennik h2{
	font-size:26px;
	line-height:1.1em;
}
#tekst_cennik h3{
	font-size:21px;
	line-height:1.1em;
}

#baner{
	text-align:center;
	padding-top:150px;
	padding-bottom:100px;
}

#baner img{
	max-width:100%;
}

#tekst_kontakt{
	
}

#tekst_kontakt h3{
	text-align:center;
	padding-bottom:60px;
	font-size:40px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0px;
}

#footer{
	background:#242424;
	color:white;
	font-size:23px;
	line-height:1.4em;
}

#footer .inner{
	padding:70px 0px;
	text-align:center;
}

#footer h2{
	margin:0px;
	padding-bottom:20px;
	font-size:30px;
	line-height:1.1em;
	text-transform:uppercase;
	font-weight:normal;
}	

#footer p.logo{
	margin:0px;
	padding-top:50px;
}

#footer a{
	color:white;
	text-decoration:none;
}	

@media all and (min-width: 1920px) {

}

@media only screen and (max-width: 1700px) {
	#info{
		font-size:30px;
		line-height:49px;
	}
	
	#info span{
		padding:20px 60px;
	}
}

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

	
	#tekst_cennik .inner{
		padding:30px 1%;
	}
}

@media only screen and (max-width: 1600px) {
	#header .inner{
		width:auto;
		margin:0px 5px;
	}
	
	#header .inner{
		padding-left:10px;
		padding-right:10px;
	}
	
	#info{
		font-size:28px;
		line-height:49px;
	}
	
	#info span{
		padding:20px 50px;
	}
}

@media only screen and (max-width: 1400px) {
	#info{
		font-size:20px;
		line-height:39px;
	}
	
	#info span{
		padding:15px 30px;
	}
	
}

@media only screen and (max-width: 1200px) {
.inner{
		width:auto;
		margin:0px 5px;
	}
}

@media only screen and (max-width: 1000px) {
	body{
		font-size:16px;
		line-height:1.4em;
	}
	
	#header ul li a{
		font-size:21px;
	}
	
	#info{
		font-size:18px;
		line-height:39px;
	}
	
	#info span{
		padding:15px 25px;
	}
}

@media only screen and (max-width: 1000px) {
	#info{
		flex-direction:column;
	}
	
	#info span{
		text-align:center;
		padding:10px 0px;
		display:block;
	}
	
	#info span.red, #info span.red strong{
		-ms-transform: none; /* IE 9 */
    	-webkit-transform: none; /* Safari */
    	transform: none;
	}
	
	#tekst .sidebyside{
		flex-direction:column;
	}
	
	#tekst .sidebyside>div{
		width:auto;
	}
	
	#tekst .sidebyside .photo{
		text-align:center;
	}
	
	#tekst .sidebyside .photo img{
		max-width:70%;
	}
}

@media only screen and (max-width: 800px) {
	#tekst_kontakt h3{
		font-size:24px;
	}

	#footer{
		font-size:15px;
		line-height:1.4em;
	}	
	
	#footer h2{
		font-size:22px;
	}
}

@media only screen and (max-width: 600px) {
	#header .inner{
		flex-direction:column;
		text-align:center;
	}
	
	#menu{
		padding-top:30px;
	}
}