@import url(https://fonts.googleapis.com/css?family=Confortaa:300|Raleway);
body {
	font-family: 'Confortaa', cursive;
}
li.anim-slide{
padding:0!important;
}
.anim-slider {
    background: none repeat scroll 0 0 #442125;
    height: 750px;
    left: 0;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}

  .anim-slide h2   {
    font-family:'Confortaa', cursive;
    color:#F8C568;
    font-size: 4em;
    padding: 0;
    text-shadow: 2px 2px 4px black;
  }
    .anim-slide h2::before,.anim-slide h2::after  {
display:none;
  }
  .anim-slide h3   {
    font-family:'Confortaa', cursive;
    color:#F2E2C0;
    font-size: 4em;
    padding: 0;
    text-align:center !important;
    text-shadow: 2px 2px 4px black;
  }
  .anim-slide h4   {
    font-family:'Raleway', cursive;
    color:#F2E2C0;
    font-size: 2.8em;
    padding: 0;
    margin:0;
    text-align:center !important;
    text-shadow: 2px 2px 2px black;
  }

  .anim-slide img#kami{width: 100%; top:0%; left:0%;} /*image bg*/ 
  .anim-slide img#kami2{width: 100%; top:0%; left:0%;} /*image bg*/ 
  
  .anim-slide h2#magie{ top:10%;width:100%;}
  .anim-slide h2#magie2{top:26%;width:100%;} 
   
  .anim-slide h3#liens{top: 10%; width:100%;}  
  .anim-slide h4#protection{top:26%; width:100%;}  

   
.delay1-6s{-webkit-animation-delay:1.6s;animation-delay:1.6s;}
.delay2-6s{-webkit-animation-delay:2.6s;animation-delay:2.6s;}
.delay3-6s{-webkit-animation-delay:3.6s;animation-delay:3.6s;}
.delay4-6s{-webkit-animation-delay:4.6s;animation-delay:4.6s;}


/*-------------------------------------*/ 
  @media (max-width: 2000px){ 
.anim-slider {
height: 750px;
} 
.anim-slide h4 {
    font-size: 3em;
  }    
  .anim-slide h2#magie{ top:10%;width:100%;}
  .anim-slide h2#magie2{top:26%;width:100%;} 
   
  .anim-slide h3#liens{top: 10%; width:100%;}   
  .anim-slide h4#protection{top:26%; width:100%;}  
 }/*-------------------------------------*/ 
  @media (max-width: 1500px){ 
.anim-slider {
height: 680px;
} 
.anim-slide h2,.anim-slide h3,.anim-slide h4 {
    font-size: 3.2em;
  }    
  .anim-slide h2#magie{ top:10%;width:100%;}
  .anim-slide h2#magie2{top:26%;width:100%;} 
   
  .anim-slide h3#liens{top: 10%; width:100%;}   
  .anim-slide h4#protection{top:26%; width:100%;}  
 }  
/*-------------------------------------*/   
    @media (max-width: 1250px){
.anim-slider {
height: 680px;
} 
.anim-slide h2,.anim-slide h3,.anim-slide h4 {
    font-size: 3em;
  }     
  .anim-slide h2#magie{ top:10%;width:100%;}
  .anim-slide h2#magie2{top:26%;width:100%;} 
   
  .anim-slide h3#liens{top: 10%; width:100%;}   
  .anim-slide h4#protection{top:26%; width:100%;}  
 }  
 /*-------------------------------------*/ 
      @media (max-width: 1020px){
.anim-slider {
height: 680px;
} 
.anim-slide h2,.anim-slide h3,.anim-slide h4 {
    font-size: 3em;
  }    
  .anim-slide h2#magie{ top:10%;width:100%;}
  .anim-slide h2#magie2{top:26%;width:100%;} 
   
  .anim-slide h3#liens{top: 10%; width:100%;}   
  .anim-slide h4#protection{top:26%; width:100%;}  
 }  
  /*-------------------------------------*/ 
  
   @media (max-width: 800px){
 .anim-slider {
height: 510px;
}
 .anim-slide h2, .anim-slide h3 {
    font-size:2.5em;
    line-height:1.2em;
  }
.anim-slide h4 {
    font-size:1.8em;
    line-height:1em;
  }   
  .anim-slide h2#magie{ top:18%;width:100%;}
  .anim-slide h2#magie2{top:30%;width:100%;} 
   
  .anim-slide h3#liens{top: 12%; width:100%;}   
  .anim-slide h4#protection{top:24%; width:100%;}  
 }  
  
    /*-------------------------------------*/ 
   
        @media (max-width: 450px){
.anim-slider {
height: 270px;
}
 .anim-slide h2, .anim-slide h3 {
    font-size:1.8em;
    line-height:1em;
  }
.anim-slide h4 {
    font-size:1.4em;
    line-height:1em;
  }     
  .anim-slide h2#magie{ top:17%;width:100%;}
  .anim-slide h2#magie2{top:35%;width:100%;} 
   
  .anim-slide h3#liens{top: 8%; width:100%;}   
  .anim-slide h4#protection{top:22%; width:100%;}  
 }