#interContainer{
position: absolute;
width: 100vw; /*Width of interstitial box*/
height:100vh;
left: 0;
top: 0;
/*padding: 15px;*/
margin-top: 0;
background-color: #FFF;
visibility: hidden;
z-index: 999;
filter:alpha(opacity=8); 
-moz-opacity: 0.8;
opacity: 0.8;
	background-size:100vw;
	background-repeat:no-repeat;
	background-position:center;
animation-name: fadeInAnime;
animation-fill-mode:backwards;
animation-duration:3s;
animation-iteration-count:1;
animation-timing-function:ease;
animation-delay: 0.5s;
animation-direction:normal;
}
@media screen and (min-width: 768px) {
  #interContainer{
    background-image:url(newyear.png);
    z-index:99999;
  }
}
@media screen and (max-width: 768px) {
    #interContainer{
      background-image:url(newyears.png);
      z-index:99999;
    }
}
      
#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: gray;
padding: 5px 0;
text-align: right;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(whitedot.png);
right: 0;
width: 10px;
top: 0;
z-index: 998;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=90);
opacity: 0.8;
}


/*1�Dz���*/
@keyframes fadeInAnime{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.8;
  }
}