body {
	margin: 0px;
	padding: 0px;
	background-color: #0a5470;
	background-image:url(images/bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	font-family: Rajdhani, Helvetica, Arial, sans-serif;
	height: 100%;
}

#debug {
	color: white;
	font-size: 16px;
	z-index: 999;
	background-color: rgba(50, 50, 50, 0.2);
	position: fixed;
	right: 0; 
	top:0;
	width: 200px;
	height: 200px;
}

#content {
	z-index: 900;
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 4vh;
	line-height: 4vh;
	opacity: 0.9;
}

#christmas-wishes {
	margin: 3vh;
	z-index: 900;
	font-size: 3.3vmin;
	line-height: 4vmin;
}

.orange-bg {
	background-color: #f79535;
	margin-bottom: 10px;
	padding: 0px 8px;
	color: #fff;
	display: inline-block;
}

#logo {
	z-index: 999;
	position: absolute;
	bottom: 1vh;
	left: 2.5vh;
}

#logo img {
	width: 308px;
	height: auto;
	display: inline-block;
}

.initon_names {
	font-size: 2.6vh;
	line-height: 3.2vh;
	letter-spacing: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 8px;
	margin-top: 20px;
	font-weight: bold;
	color: #ffffff;
	background-color: #d34727;
}
#man {
 position:absolute;
 right:100px;
 bottom:0px; z-index:111;
}
#child {
 position:absolute;
 right:150px;
 bottom:70px;
}
#moon {
 position:absolute;
 right:330px;
 tio:20px;
}
#sled {
 position:absolute;
left:805px;
 bottom:2px;
 z-index:11;
}
@media ( min-width :360px) {
	#logo img {
		width: 45vw;
		height: auto;
		display: inline-block;
	}
	.initon_names {
		font-size: 4.0vmin;
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: bold;
		color: #fff;
		margin-left: 0.5vh;
		line-height: 4.5vmin;
		vertical-align: middle;
		margin-top: 10px;
	}
	#christmas-wishes {
		font-size: 5.0vmin;
		line-height: 5.8vmin;
	}
}

@media ( min-width :778px) {
	#christmas-wishes {
		font-size: 3.8vmin;
		line-height: 4.3vmin;
	}
	#logo {
		position: absolute;
		bottom: 1vh;
		left: 2.5vh;
	}
	#logo img {
		width: 31vh;
		height: auto;
		display: inline-block;
	}
	.initon_names {
		font-size: 2vh;
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: bold;
		color: #ffffff;
		background-color: #d34727;
		line-height: 2.7vh;
		margin-left: 5px;
		vertical-align: middle;
		margin-top: 20px;
	}
}

@media ( min-width :1024px) {
	#christmas-wishes {
		font-size: 3.3vh;
		line-height: 4.5vh;
	}
	.initon_names {
		font-size: 2.6vh;
		line-height: 3.2vh;
		letter-spacing: 1px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 8px;
		margin-top: 20px;
	}
}

@media ( min-width :1920px) {
	body {
		background-size: cover;
	}
}

@media screen and (orientation : portrait) {
	#logo img {
		width: 25vw;
		height: auto;
	}
	.partner_logo {
		
	}
	.initon_names {
		font-size: 2.0vh;
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: bold;
		color: #fff;
		margin-left: 0.5vh;
		line-height: 2.8vh;
		vertical-align: middle;
		margin-top: 16px;
	}
	#christmas-wishes {
		font-size: 3vh;
		line-height: 4vh;
	}
	#logo {
		position: absolute;
		bottom: 1vh;
		left: 2.5vh;
	}
	#logo img {
		width: 25vh;
		height: auto;
		display: inline-block;
	}
}