#logo
{
	animation-name: logo_anim;
	animation-duration: 3s;
}
@keyframes logo_anim
{
	0%{opacity:0%;left:50%;top:50%;margin-top:-117px;margin-left:-119px;}
	50%{opacity:100%;left:50%;top:50%;margin-top:-117px;margin-left:-119px;}
	100%{left:0;top:0;}
}
#overlay
{
	animation-name: bg_anim;
	animation-duration:1.5s;
	animation-delay:1.5s;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
	background-color:black;
	position:fixed;
	width:100%;
	height:100%;
	opacity:100%;
	left:0;
	right:0;
}
@keyframes bg_anim
{
	0%{opacity:100%;width:100%;height:100%}
	99.999%{opacity:0%;width:100%;height:100%;}
	100%{opacity:0%;width:0px;height:0px;}
}
@media (max-width:1023px)
{
  	#logo
  	{
      	animation-duration: 0s;
        animation-delay: 0s;
        animation-fill-mode: forwards;
  	}
  	#overlay
  	{
      	animation-duration: 0s;
        animation-delay: 0s;
        animation-fill-mode: forwards;
  	}
}