body {
	background: #212121 url("../img/background.jpg") no-repeat fixed center;
	background-size: auto 1200px;
	margin: 0 auto;
	font-size: 20px;
}
#root {
	background-color: rgba(255, 255, 255, .3);
	border: 1px solid #eee;
	border-radius: 8px;
	margin: 10px auto;
	padding: 10px 20px 10px;
	text-align: center;
	max-width: 560px;
}
h1 {
	font-size: 40px;
	text-transform: uppercase;
}
h3 {
	background-color: rgba(244, 196, 48, .8);
	border: 1px solid #eee;
	border-radius: 4px;
	font-family: 'Patrick Hand', cursive;
	font-size: 30px;
	letter-spacing: 2px;
	margin-bottom: -600px;
	margin-top: 560px;
	padding: 5px;
	text-transform: uppercase;
}
h4 {
	background-color: rgba(255, 255, 255, .7);
	border: 1px solid #eee;
	border-radius: 4px;
	font-size: 20px;
	padding: 5px;
}
p {
	font-size: 18px;
}
button {
	background-color: rgba(255, 255, 255, .5);
	border: 1px solid #eee;
	border-radius: 4px;
	color: #000;
	font-size: 16px;
	padding: 5px;
	width: 160px;
}
button:hover {
	background-color: #333;
	color: #eee;
}
footer {
	background-color: rgba(255, 255, 255, .7);
	font-size: 12px;
	padding: 4px;
	margin-top: 620px;
}
/* mniejsze ekrany: */
@media screen and (max-width: 900px) {
	body {
		background: #212121 url("../img/background1.jpg") no-repeat;
		background-size: 800px auto;
		font-size: 18px;
	}
	h1 {
		font-size: 30px;
	}
	h3 {
		font-size: 25px;
		margin-bottom: -500px;
		margin-top: 430px;
	}
	p {
		font-size: 14px;
	}
	footer {
		margin-top: 580px;
	}
}

@media screen and (max-width: 600px) {
	body {
		background: #212121 url("../img/background2.jpg") no-repeat;
		background-size: cover;
	}
	h1 {
		font-size: 4.4vw;
	}
	h3 {
		margin-bottom: -150px;
		margin-top: 300px;
	}
	p {
	font-size: 3.8vw;
	}
	footer {
		margin-top: 160px;
	}
}

a {
	color: #000;
	margin-left: 8px;
	text-decoration: none;
}