body {
	margin: 0px;
	background: #f4f4f4;
}
h1 {
	margin: 5px;
	font-size: 24pt;
	font-size: 4.4vh;
}
p,li,a {
	margin: 5px;
	font-size: 18pt;
	font-size: 3.3vh;
}
a {
	color: #8e4723;
	font-weight: bold;
}
#header {
	background: url(sisilisko.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width: 100%;
	margin:0px;
	padding-top: 20.8%;
	border-bottom: 6px double #643219;
}
@media (max-aspect-ratio: 1/1) {
  #header {
	background: url(sisilisko-narrow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width: 100%;
	margin:0px;
	padding-top: 37.3%;
	border-bottom: 6px double #643219;
  }
}
#content {
	position: relative;
	padding: 15px;
	color: #643219;
	text-align: center;
}