@media (max-width: 600px) {
	body {
		transform: scale( 0.65 );
		transform-origin: top center;
		width: 153.846153%;  /* 57.142857 / 100 / 1.75 -> calc(100% / scale-factor) */
	}
}

@media (min-width: 601px) and (max-width: 1000px) {
	body {
		transform: scale( 0.85 );
		transform-origin: top center;
		width: 117.647058%;  /* 57.142857 / 100 / 1.75 -> calc(100% / scale-factor) */
	}
}

@media (min-width: 1001px) {
	body {
		transform: scale( 1.25 );
		transform-origin: top center;
		width: 80%;  /* 57.142857 / 100 / 1.75 -> calc(100% / scale-factor) */
	}
}

html, body {
	width: 100%;
	height: 100%;
	border: 0px;
	margin-top: 25px;
	padding: 0px;
	vertical-align: middle;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	vertical-align: middle;
	letter-spacing: 0.1em;
}

body {
	background-color: #F0F0F0;
}

#container {
	width: 500px;
	height: 500px;
	position: relative;
	left: 50%;
	top: 0%;
	margin-left: -250px;
}

#image {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 249px;
	height: 249px;
}

#image img {
	height: 249px;
	width: 249px;
}

.add-logo, .add-logo-welcome {
	background-image: url('logo.jpg');
	background-position: 135px bottom;
	background-repeat: no-repeat;
}