html{
	font-family: 'Source Sans Pro', sans-serif;
	position: relative;
	min-height: 100%; 
}
body {
	margin:0;
	padding: 0;
   	margin-bottom: 160px; /* wysokość stopki */
   	background-color: #000;
}
.top{
	background-image: url('images/bottom.png');
	transform: rotate(180deg);
	height: 160px;
	width: 100%;
}

footer{
	background: url('images/bottom.png');
	height: 160px;
	bottom: 0;
	position: absolute;
    left: 0;
    width: 100%;
}

h1{
	letter-spacing: 17px;
	font-size: 60px;
	font-weight: 900;
}

ul{
	list-style-type: none;
	font-size: 21px;
	margin-left: -39px;
}

.center{
	width: 947px;
	margin-left: auto;
	margin-right: auto;
	/*top: -128px;*/
	position: relative;
	min-height: 700px;
}

.text1{
	color: #fff200;
	position: absolute;
	/*margin-left: 60px;*/
	margin-top: 2px;
	margin-left: 32px;
}

.text2{
	color: #fff200;
	position: absolute;
	bottom: 160px;
	left: 50%;
	/*margin-left: -70px;*/
	margin-left: -187px;
	/*top: 612px;*/
}

.maxi{
	font-size: 40px;
}

.tel{
	letter-spacing: 13px;
	font-size: 48px;
	margin-left: -55px;
}

.auto{
	position: absolute;
	/*right: 0;*/
	right: 20px;
}

.all{
	overflow: hidden !important;
	padding: 0 15px;
}

@media all and (max-width:970px) {
	.center{
		width: auto;
	}
}

@media all and (min-width:850px) and (max-width:970px) {
	.text2{
		margin-left: -150px;
	}
}

@media all and (min-width:941px) and (max-width:970px) {
	h1{
		letter-spacing: 15px;
	}
}

@media all and (min-width:915px) and (max-width:940px) {
	h1{
		letter-spacing: 13px;
	}
}

@media all and (min-width:885px) and (max-width:914px) {
	h1{
		letter-spacing: 11px;
	}
}

@media all and (min-width:831px) and (max-width:884px) {
	h1{
		letter-spacing: 7px;
	}
}

@media all and (min-width:800px) and (max-width:830px) {
	h1{
		letter-spacing: 4px;
	}
}

@media all and (min-width:780px) and (max-width:799px) {
	h1{
		letter-spacing: 2px;
	}
}

@media all and (min-width:759px) and (max-width:779px) {
	h1{
		letter-spacing: 1px;
	}
}

@media all and (max-width:758px) {
	h1{
		letter-spacing: 0;
	}
}

@media all and (min-width:730px) and (max-width:752px) {
	h1{
		font-size: 57px;
		margin-top: 42px;
	}
}

@media all and (min-width:712px) and (max-width:729px) {
	h1{
		font-size: 55px;
		margin-top: 44px;
	}
}

@media all and (min-width:700px) and (max-width:713px) {
	h1{
		font-size: 53px;
		margin-top: 46px;
	}
}

@media all and (min-width:655px) and (max-width:699px) {
	h1{
		font-size: 50px;
		margin-top: 42px;
	}
}

@media all and (min-width:620px) and (max-width:654px) {
	h1{
		font-size: 47px;
		margin-top: 42px;
	}
	ul{
		font-size: 16px;
		margin-left: -12px;
		margin-top: 100px;
	}
	.text1{
		margin-top: -2px;
	}
}

@media all and (min-width:561px) and (max-width:619px) {
	.text1{
		margin-top: 9px;
	}
	h1{
		font-size: 45px;
	}
	ul {
	    font-size: 16px;
	    margin-left: -46px;
	    margin-top: 72px;
	}
}

@media all and (min-width:700px) and (max-width:849px) {
	ul{
		font-size: 18px;
		margin-top: 87px;
	}
	.text2{
		margin-left: -176px;
	}
}

@media all and (max-width:710px) {
	.auto{
		max-width: 90%;
	}
}

@media all and (max-width:574px) {
	.text1 {
	    margin-left: 8px;
	    margin-top: 2px;
	}
	ul{
		margin-top: 60px;
	}
	.auto{
		right: 10px;
	}
}

@media all and (max-width:560px) {
	.text1 {
	    margin-left: -1px;
	    margin-top: 2px;
	}
	h1{
		font-size: 44px;
	}
	ul{
		font-size: 17px;
	}
}

@media all and (max-width:535px) {
	.text1{
		top: -110px;
		margin-left: 17px;
	}
}

@media all and (max-width:480px) {
	.text1{
		top: -110px;
		margin-left: 9%;
	}
	.auto{
		margin-top: 126px;
		right: 16px;
	}
	.maxi {
	    font-size: 34px;
	}
	.tel {
	    letter-spacing: 10px;
	    font-size: 38px;
	    margin-left: -37px;
	}
	.text2{
		margin-left: -148px;
	}
}

@media all and (max-width:460px) {
	.auto {
	    margin-top: 210px;
	    right: 30px;
	}
	.text1 {
    	margin-left: 7%;
	}
}

@media all and (max-width:430px) {
	h1 {
	    font-size: 38px;
	}
}

@media all and (max-width:380px) {
	h1 {
	    font-size: 34px;
	}
	.maxi {
	    font-size: 30px;
	}
	.tel {
	    letter-spacing: 8px;
	    font-size: 34px;
	    margin-left: -25px;
	}
	.text2 {
	    margin-left: -129px;
	}
}

@media all and (max-width:335px) {
	h1 {
	    font-size: 30px;
	}
	.maxi {
	    font-size: 28px;
	}
	.tel {
	    letter-spacing: 6px;
	    font-size: 30px;
	    margin-left: -20px;
	}
	.text2 {
	    margin-left: -110px;
	}
	.auto {
	    margin-top: 244px;
	    right: 21px;
	}
}