@charset "utf-8";
/* CSS Document */

#logo-splash { 
	position: fixed; width: 100%; height: 100vh; z-index: 9999; text-align:center; color:#fff;
	background-image: -webkit-linear-gradient(bottom left, rgba(115, 248, 224, 1), rgba(150, 167, 241, 1));
	background-image: -o-linear-gradient(bottom left, rgba(115, 248, 224, 1), rgba(150, 167, 241, 1));
	background-image: linear-gradient(to top right, rgba(115, 248, 224, 1), rgba(150, 167, 241, 1));
}
#logo-splash-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#logo-splash-img img { width:200px; }
#logo-splash .splash-fadeUp { animation-name: spFadeUpAnime; animation-duration:0.75s; animation-fill-mode:forwards; opacity: 0;
}
#logo-splash-img p { text-align: center; color: #000; }
@keyframes spFadeUpAnime{
	0% {
	opacity: 0;
	transform: translateY(100px);
	}
	100% {
	opacity: 1;
	transform: translateY(0);
	}
}

@media screen and (max-width: 599px) {
	#logo-splash-img img { width:120px; }
}
@media screen and (min-width: 600px) {
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#logo-splash-img img { width:150px; }
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
	#logo-splash-img img { width:160px; }
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
	#logo-splash-img img { width:170px; }
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
	#logo-splash-img img { width:180px; }
}
@media screen and (min-width: 1480px) {
}