*{
	box-sizing: border-box;
}
body {
  background-color: #fff;
  position: relative; 
  color: #333;
  font-family: Tahoma,Helvetica, sans-serif;
}
a,a:hover,a:focus{
	text-decoration: none;
	color: #444;
}
main{
	padding-top: 80px;	
	background-color: #efefef;
}
main h1{
	color: #efefef;
	text-align:center;
	font-size: 1px;
	margin: 0;
	padding:0;
}
.logo {
	margin-left:20px;
	width: 352px;
	height:99px;
}
.kredki {
	float: right;
	width: 600px;
	height:453px;
}
@media(max-width:1199px){
	main{
		padding-top: 50px;	
		background-color: #efefef;
	}
	.logo {
		margin-bottom:20px;
	}
}
@media(max-width:991px){
	.logo {
		margin:auto auto 50px auto;  
		display:block;
	}
	.kredki {
		float: unset;
		display:block;
		margin:auto;
	}
}
@media(max-width:710px){
	.kredki {
		width: 100%;
		height:auto;
	}
}
@media(max-width:400px){
	.logo {
		width: 100%;
		padding: 0 20px;
		margin:auto auto 30px auto;  
		height:auto;
	}
}
footer{
	background: #fff;
	position: absolute;
	bottom: auto;
	left: 0;
	right: 0;
	padding: 10px 0 50px 0;
}
footer h2{
    font-weight: bold;
    font-size: 15px;
    line-height: 25px;
}
footer p{
	font-size: 12px;
	color: #444;
	margin: 0 0 2px;
}
footer span {
    background: rgba(0, 0, 0, 0) url("http://citylight.pl/img/icons.png") no-repeat;
	height: 16px;
	width: 16px;
	margin: 0 0 2px;
    display: inline-block;
    float: unset;
    position: relative;
}
.indent{
	text-indent: 10px;	
}
.concact{
	font-size: 14px;
	color: #555;
	margin: 0 0 8px;	
}
.interact p{
	margin: 0 0 4px;
}
.mail {
	background-position: -17px 0px;
	margin-bottom:-3px; 
	margin-right:4px;
}
.telefon {
	background-position: 0px 0px;
	margin-bottom:-3px; 
	margin-right:4px;
}
.komorka {
	background-position: 0px -16px;
	margin-bottom:-3px; 
	margin-right:4px;
}
.godziny {
	background-position: -16px -16px;
	margin-bottom:-3px; 
	margin-right:4px;
}
@media(max-width:767px){
	footer{
		text-align: center;
	}
}