*
{
	margin:0px auto;
	padding:0px;
}
html, body{
    min-height: 95% !important;
    height: 95%;
}
.myHidden
{
	visibility:hidden;
	position:absolute;
	z-index:-9999;
}
#loading
{
	z-index:99999;
	background-color:white;
	position:absolute;
	height:100vh;
	width:100vw;
}
#loadingGIF
{
	margin-top:40vh;
	height:10vh;
	width:10vh;
	margin-left:47%;
}
#bg
{
	padding:0px;
	overflow:hidden;
	background:url("../bg.jpg");
	background-size:40% 40%;
	height:100vh;
}
#bg div
{
	position:relative;
	width:100vw;
	height:100vh;
}
#bg img
{
	position:absolute;
}
#balloons
{
	display:none;
	margin-top:50vh; /*-4*/
	width:70vw;
	height:50vh;
	animation:balloons 2s infinite;
}
@keyframes balloons
{
	0%{margin-left:17%;}
	50%{margin-left:12%;}
	100%{margin-left:17%;}
}
#wish
{
	display:none;
	transition:all 2s;
	text-shadow:2px 2px 6px black;
	font-family: 'Lobster', cursive;
	color:#f44242;
	font-size:50px;
	margin-top:23vh;
	width:100%;
	position:absolute;
	animation: wish 2s infinite;
}
@keyframes wish
{
	0%{text-shadow:2px 2px 6px black;font-size:50px;}
	10%{text-shadow:2px 2px 6px #FF0000;font-size:50px;}
	20%{text-shadow:2px 2px 6px #E2571E;font-size:50px;}
	30%{text-shadow:2px 2px 6px #FF7F00;font-size:55px;}
	40%{text-shadow:2px 2px 6px #FFFF00;font-size:50px;}
	50%{text-shadow:2px 2px 6px #00FF00;font-size:50px;}
	60%{text-shadow:2px 2px 6px #0000FF;font-size:50px;}
	70%{text-shadow:2px 2px 6px #4B0082;font-size:55px;}
	80%{text-shadow:2px 2px 6px #8B00FF;font-size:50px;}
	90%{text-shadow:2px 2px 6px #4B0082;font-size:50px;}
	99%{text-shadow:2px 2px 6px #4B0082;font-size:50px;}	
	100%{text-shadow:2px 2px 6px #ffffff;font-size:50px;}
}
@media only screen and (max-height:550px) {
    #wish 
	{
        font-size:20px;
    }
	@keyframes wish
	{
		0%{text-shadow:2px 2px 6px black;font-size:25px;}
		10%{text-shadow:2px 2px 6px #FF0000;font-size:25px;}
		20%{text-shadow:2px 2px 6px #E2571E;font-size:25px;}
		30%{text-shadow:2px 2px 6px #FF7F00;font-size:30px;}
		40%{text-shadow:2px 2px 6px #FFFF00;font-size:25px;}
		50%{text-shadow:2px 2px 6px #00FF00;font-size:25px;}
		60%{text-shadow:2px 2px 6px #0000FF;font-size:25px;}
		70%{text-shadow:2px 2px 6px #4B0082;font-size:30px;}
		80%{text-shadow:2px 2px 6px #8B00FF;font-size:25px;}
		90%{text-shadow:2px 2px 6px #4B0082;font-size:25px;}
		99%{text-shadow:2px 2px 6px #4B0082;font-size:25px;}	
		100%{text-shadow:2px 2px 6px #ffffff;font-size:25px;}
	}
}
.sprinkles
{
	margin-top:-100vh; /*0*/
	z-index:99;
	height:100vh;
	width:100%;
}
#decLeft
{
	display:none;
	margin-left:92vw;  /*90*/
	position:relative;
	height:300vh;
	width:8%;
	animation:leftUp 10s linear infinite;
}
@keyframes leftUp
{
	0%{margin-top:0;}
	100%{margin-top:-200vh;}
}
#decRight
{
	display:none;
	position:relative;
	height:300vh;
	margin-left:0vh; /*0*/
	width:8%;
	animation:rightDown 10s linear infinite;
}
@keyframes rightDown
{
	0%{margin-top:-200vh;}
	100%{margin-top:0;}
}
#frame
{
	display:none;
	box-shadow:0px 0px 10px 0px black;
	margin-top:32vh;
	margin-left:35%;
	height:70vh;
	width:30%;
}
#girlBG
{
	display:none;
	margin-top:39vh;
	margin-left:35%;
	height:50vh;
	width:30%;
}
#gifts
{
	display:none;
	margin-top:77vh;
	height:25vh;
	width:40%;
	margin-left:30%;
}
#firstFrame
{
	overflow:hidden;
}
#secondFrame
{
	overflow:hidden;
}
#giftFrame
{
	z-index:6;
	margin-left:0;
	width:100%;
	height:100vh;
}
#hb
{
	margin-top:0;
	height:40vh;
	z-index:5;
	margin-left:30%;
	width:40%;
}
#cake
{
	z-index:2;
	margin-top:30vh;
	margin-left:85%;
	width:30%;
	height:40vh;
}
#girl
{
	margin-top:30vh;
	height:50vh;
	width:20%;
	margin-left:48%;
	z-index:2;
}
#cFront
{
	margin-top:0vh;
	z-index:4;
	margin-left:5%;
	width:90%;
	height:85vh;
}
#cBack
{
	margin-top:0;
	z-index:3;
	margin-left:5%;
	width:90%;
	height:85vh;
}
#go
{
	cursor:pointer;
	position:absolute;
	margin-left:42.5%;
	width:15%;
	height:26vh;
	line-height:5vh;
	margin-top:72vh;
	z-index:9999;
}
#down
{
	display:none;
	padding:10px;
	box-shadow:0px 0px 10px 0px black;
	background-color:rgba(0,0,0,0.7);
	margin-top:80vh;
	height:15vh;
	width:8vw;
	margin-left:46%;
	cursor:pointer;
}
/* Small Screens*/
@media only screen and (max-width:550px) {
	#balloons
	{
		height: 40vh;
    width: 100%;
    left: -48px;
	}
	@keyframes balloons
	{
		0%{margin-left:15%;}
		50%{margin-left:18%;}
		100%{margin-left:15%;}
	}
	#docLeft
	{
		width:12%;
	}
	#docRight
	{
		animation:none;
	}
	#wish
	{		
		margin-top:14vh;
	}
	#wish span
	{
		display:block;
	}
	@keyframes wish
	{
		0%{text-shadow:2px 2px 6px black;font-size:30px;}
		10%{text-shadow:2px 2px 6px #FF0000;font-size:30px;}
		20%{text-shadow:2px 2px 6px #E2571E;font-size:30px;}
		30%{text-shadow:2px 2px 6px #FF7F00;font-size:35px;}
		40%{text-shadow:2px 2px 6px #FFFF00;font-size:30px;}
		50%{text-shadow:2px 2px 6px #00FF00;font-size:30px;}
		60%{text-shadow:2px 2px 6px #0000FF;font-size:30px;}
		70%{text-shadow:2px 2px 6px #4B0082;font-size:35px;}
		80%{text-shadow:2px 2px 6px #8B00FF;font-size:30px;}
		90%{text-shadow:2px 2px 6px #4B0082;font-size:30px;}
		99%{text-shadow:2px 2px 6px #4B0082;font-size:30px;}	
		100%{text-shadow:2px 2px 6px #ffffff;font-size:30px;}
	}
	#decLeft
	{
		margin-left:85%;
		width:15vw;
	}
	#decRight
	{
		margin-left:0%;
		width:15vw;
	}
	#frame
	{
		margin-top:33vh;
		height:47vh;
		margin-left:17%;
		width:66%;
	}
	#girlBG
	{
		margin-top:44vh;
		height:45vh;
		margin-left:25%;
		width:50%;
		content:url("../girlBGmobile.jpg");
	}
	#gifts
	{
		margin-left:10%;
		width:80%;
	}
	#down
	{
		margin-top:83vh;
		margin-left:40%;
		width:20%;
	}
	#hb
	{
		width:60%;
		margin-left:20%;
	}
	#giftFrame
	{
		margin-left:-20%;
		width:140%;
	}
	#go
	{
		width:40%;
		margin-left:30%;
	}
	#cake
	{
		width:50%;
		margin-top:40vh;
		margin-left:10%;
	}
	#girl
	{
	width: auto;
    margin-left: 11%;
    /*height: 69%;*/
    margin-top: 25vh;
    max-width: 100%;
    height: auto;
	}
	/*#girl
	{
		width:50%;
		margin-left:35%;
	}*/
	#cFront
	{
		margin-left:0;
		width:100vw;
	}
	#cBack
	{
		margin-left:0;
		width:100vw;
	}
}