#pix-hp-container{
	position: absolute;
	left: 0;
	width: 100%;
}
#pix-hp-container.pix-hp-fixed{
	position: fixed;
	z-index: 9000;
}
#pix-hp-container.pix-hp-bottom{
	bottom: 0;

}
#pix-hp-container.pix-hp-top{
	top: 0;
}
#pix-hp-container.pix-hp-pumpkins{
	height: 100px;
	background-color: transparent;
	background-image: url('../images/icon_pumpkins.png');
	background-repeat: repeat-x;
	background-position: left center;
	background-size: auto 100%;
}
#pix-hp-container.pix-hp-ghosts{
	height: 100px;
	background-color: transparent;
	background-image: url('../images/icon_ghosts.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: auto 100%;
}
#pix-hp-container.pix-hp-carrots{
	height: 100px;
	background-color: transparent;
	background-image: url('../images/icon_carrots.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: auto 100%;
}
#pix-hp-container.pix-hp-dark_world{

	height: 200px;
	background-color: transparent;
	background-image: url('../images/dark_world.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}

@media all and (max-width: 420px) {

#pix-hp-container.pix-hp-dark_world{

	height: 60px;
	background-color: transparent;
	background-image: url('../images/dark_world.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}


}

@media all and (min-width: 420px)  AND (max-width: 600px){
#pix-hp-container.pix-hp-dark_world{

	height: 80px;
	background-color: transparent;
	background-image: url('../images/dark_world.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}


}

@media all and (min-width: 600px)  AND (max-width: 800px){
#pix-hp-container.pix-hp-dark_world{

	height: 90px;
	background-color: transparent;
	background-image: url('../images/dark_world.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}


}

@media all and (min-width: 800px)  AND (max-width: 1100px){
#pix-hp-container.pix-hp-dark_world{

	height: 120px;
	background-color: transparent;
	background-image: url('../images/dark_world.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}


}

@media all and (min-width: 1100px)  AND (max-width: 1400px){
#pix-hp-container.pix-hp-dark_world{

	height: 140px;
	background-color: transparent;
	background-image: url('../images/dark_world.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}


}

@media all and (min-width: 1400px)  AND (max-width: 1600px){
#pix-hp-container.pix-hp-dark_world{

	height: 160px;
	background-color: transparent;
	background-image: url('../images/dark_world.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}


}


#pix-hp-container.pix-hp-animation{
	height: 100px;
	background-color: transparent;
	background-image: url('../images/animation.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
.admin-bar #pix-hp-container.pix-hp-top{
	top: 32px;
}

body.pix-hp-bottom{
	padding-bottom: 100px !important;
	position: relative;
}
body.pix-hp-top{
	padding-top: 100px !important;
}
.pix-halloween-pandas-popup{
	position: fixed;
	bottom: 0;
	z-index: 9001;
	display: none;
	max-width: 80%;
}
.pix-halloween-pandas-popup.display-on-left{
	left: 0;
}
.pix-halloween-pandas-popup.display-on-right{
	right: 0;
}
.pix-halloween-pandas-popup .px-popup-close{
	width: 50px;
	height: 59px;
	position: absolute;
	top: 0;
	margin-top: -25px;
	z-index: 9002;
	right: 0;
	margin-right: -20px;
	background: url('../images/x-button.png') center no-repeat;
}
.pix-halloween-pandas-popup.display-on-right .px-popup-close{
	width: 50px;
	height: 59px;
	position: absolute;
	top: 0;
	margin-top: -25px;
	z-index: 9002;
	left: 0;
	margin-left: -20px;
	background: url('../images/x-button.png') center no-repeat;
}
.pix-halloween-pandas-popup img{
	max-width: 100%;
	height: auto;
}