@charset "utf-8";
body {
    background: #003567;
    padding: 0;
    margin: 0;
	animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
html:before,
html:after,
body:before,
body:after {
  content: "";
  background: #00aa82;
  position: fixed;
  display: block;
  z-index: 1000;
}


#container {
  width: 100%;
	
}
main {
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	
}
main > div {
	
	
}


main > div h1 {
  width: 60%;
	max-width: 600px;
	min-width: 240px;
	height: auto;
	margin: auto auto 45px;;
}
main > div h1>img {
  width: 100%;
	max-width: 600px;
	height: auto;
}

main > div p {
font-size: 1.6rem;
	line-height: 2.0em;
	margin: auto;
	text-align: center;
	font-feature-settings: "palt" 1;-webkit-font-feature-settings: 'palt' 1; // for Android 4.4 font-feature-settings: 'palt' 1;
	color: #FFF;
}
@media screen and (max-width: 600px) {
main > div p {
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
main > div p {
font-size: 1.2rem;
}
}
main > div p+p {
margin-top: 1.0em;
}
main > div p.copyright {
margin-top: 5.0em;
	font-size: 10px;
}
main > div p.copyright>div {
display: inline-block;
}



/* fadein
----------------------------------------------------------- */
.fadein {
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}