footer span,
footer a,
footer h1 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

footer
{
    background-image: url(../img/footer.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

footer a,
footer span {
	display: block;
}

@media all and (min-width: 780px){
	footer
	{
		height: 500px;
		font-size : 30px;
	}

	footer h1 {
		margin-bottom: 20px;
	}

	footer a,
	footer span {
		margin-bottom : 15px;
	}
}

@media all and (max-width: 780px) and (min-width:501px) {
	footer
	{
		height: 300px;
		font-size : 20px;
	}

	footer h1 {
		margin-bottom: 10px;
	}

	footer a,
	footer span {
		margin-bottom : 8px;
	}
}

@media all and (max-width: 501px)  and (min-width:320px) {
	footer
	{
		height: 200px;
		font-size : 14px;
	}

	footer h1 {
		margin-bottom: 5px;
	}

	footer a,
	footer span {
		margin-bottom : 4px;
	}
}

@media all and (max-width: 320px) {
	footer
	{
		height: 150px;
		font-size : 11px;
	}

	footer h1 {
		margin-bottom: 4px;
	}

	footer a,
	footer span {
		margin-bottom : 3px;
	}
}