/*Style animation Bandeau*/
#bandeau {
    overflow:hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0,0,0);
	font-family: 'Reenie Beanie', cursive;
	color: black;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #eaebe5;
	/*box-shadow: 1px 1px 12px #555;*/
}
.bandanim1 {
	z-index: 100;
	text-align:center;
	/*text-shadow: 1px 1px 12px #555;*/
	font-weight:300;
    font-size:52px;
	padding: 0;
	margin: 0;
    padding-top:40px;
	animation: zoom 2s;
	animation-fill-mode: forwards;
}
@keyframes zoom {
	0% {transform:scale(0);opacity:0;}
	80% {opacity:0.25;}
	100% {transform:scale(6);opacity:0;}
}
@-webkit-@keyframes zoom {
	0% {transform:scale(0);opacity:0;}
	80% {opacity:0.5;}
	100% {transform:scale(6);opacity:0;}
}

.bandanim2 {	
    color: #f1a735;
	text-align:center;
	/*text-shadow: 1px 1px 12px #555;*/
	font-weight:300;
    font-size:100px;
	margin-top: -130px;
	padding-top:-130px;
	overflow:hidden;
	animation: fadein 1s;
	animation-delay: 2.5s;
	opacity: 0;
	animation-fill-mode: forwards;
}
@keyframes fadein {
	0% {opacity:0;}
	/*80% {opacity:0.5;}*/
	100% {opacity:1;}
}
@-wekit-keyframes fadein {
	0% {opacity:0;}
	/*80% {opacity:0.5;}*/
	100% {opacity:1;}
}

.bandanim3 {
	text-align:center;
	/*text-shadow: 1px 1px 12px #555;*/
	font-weight:300;
    font-size:22px;
	margin: 0;
	padding:0;
	overflow:hidden;
	animation: slideleft 2s;
	animation-delay: 1s;
	opacity: 0;
	animation-fill-mode: forwards;
}
@keyframes slideleft {
	0% {margin-left:-1000px;opacity:0;}
	100% {margin-left: 500px;opacity:1;}
}
@-webkit-keyframes slideleft {
	0% {margin-left:-1000px;opacity:0;}
	100% {margin-left: 500px;opacity:1;}
}

.bandanim4 {
	text-align:center;
	/*text-shadow: 1px 1px 12px #555;*/
	font-weight:300;
    font-size:32px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	animation: slideright 2s;
	animation-delay: 1s;
	opacity: 0;
	animation-fill-mode: forwards;
}
@keyframes slideright {
	0% {margin-right:-1000px;opacity:0;}
	100% {margin-right:400px;opacity:1;}
}
@-webkit-keyframes slideright {
	0% {margin-right:-1000px;opacity:0;}
	100% {margin-right:400px;opacity:1;}
}

/*Media Query*/
@media all and (max-width: 1024px)
{
    #body {
        width: auto;
    }
	#bandeau {
		padding: 100px 0 50px 0;
	}
	.bandanim1 {
		font-size: 60px;
		font-weight: 1;
	}    
	.bandanim2 {
		font-size: 60px;
	    margin-top: -40px;
	    padding-top:-40px;
		font-weight: 1;
	}
	.bandanim3 {
		display: none;
	}
	.bandanim4 {
		display: none;
	}
}