.animated {
            background-image: url(/css/images/logo.png);
            background-repeat: no-repeat;
            background-position: left top;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeInDown {
            0% {
               opacity: 0;
               -webkit-transform: translateY(-20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateY(0);
            }
         }
         
         @keyframes fadeInDown {
            0% {
               opacity: 0;
               transform: translateY(-20px);
            }
            100% {
               opacity: 1;
               transform: translateY(0);
            }
         }
         
         .fadeInDown {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
         }


/*waikee*/
.swiper-slide .container {
	display:block;
	width:100%;
	text-align: center;
	margin:auto;
	padding:30px;
	left:0;
	right:0;
}
.swiper-slide .container h1{
	font-size: 64px;
	font-weight: 500;
	line-height:1.2em;
	color:#fff; 
	margin: 30px auto;
}
.swiper-slide .container p{
	font-size: 32px;
	font-weight: 500;
	line-height:1.2em;
	color:#fff;
	margin: 30px auto;
}

@media only screen and (max-width: 820px) {
	.swiper-slide .container h1{font-size: 34px;}
	.swiper-slide .container p{font-size: 22px;}
}