@media screen, projection {
	* {
		font-family: arial, calibri;
	}
	h1, p {
		text-align: center;
	}
	body {
		display: block;
		height: 100%;
		background-image: url('background.jpg');
		background-repeat: no-repeat;
		background-size: 100%;
		font-size: 15pt;
	}
	img.kresba {
		display: block;
		margin: 0px auto 0px auto;
		width: 30%;
	}
}

@media only screen and (max-device-width: 480px) {
	* {
		font-family: arial, calibri;
	}
	h1 {
		font-size: 14pt;
	}
	h1, p {
		text-align: center;
	}
	body {
		display: block;
		height: 100%;
		background-image: url('background_mobile.jpg');
		background-repeat: no-repeat;
		background-size: 100%;
		font-size: 11pt;
	    margin: 0px;
	    padding: 0px 5px;
	}
	img.kresba {
		display: block;
		margin: 0px auto 0px auto;
		width: 50%;
	}
}