:root {
    --bg-image: url('/style/img/full/cats/cats_4.jpg');
}
body {
	background-color: #4596A7;
    background-image: var(--bg-image);

	/* REPEAT BG START */
	/*
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	*/
	/* REPEAT BG END */

	/* FULL SCREEN BG START */
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;

	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	/* FULL SCREEN BG END */

	color: black;
	font-family: Verdana, Tahoma, Arial, "Sans Serif";
	font-size: smaller;
	line-height: normal;
	padding: 3em;
}
#panel {
	margin-left: auto;
	margin-right: auto;
	width: 975px;
	color: black;
	font-family: Verdana, Tahoma, Arial, "Sans Serif";
	font-size: smaller;
	line-height: normal;
	padding: 2em 1em;
}
/* SQUISH CENTRAL PANEL ON SMALL SCREENS. ALSO A FALLBACK FOR MOBILES NOT DETECTED IN page_hder.php */
@media only screen and (max-width: 30em) {
	body {
		margin: 0px;
		padding: 0px;
		font-size: 1em;
		line-height: 2;
	}
	#panel {
		margin-left: 0px;
		margin-right: 0px;
		width: 30em;
		line-height: 2;
		padding: 0em;
	}
}
</style>