@import url(https://fonts.googleapis.com/css?family=Chonburi&display=swap);
body {
	font-family: 'Chonburi', cursive;
}
li.anim-slide{
padding:0!important;
}
.anim-slider {
    background:#ccc;
    height: 750px;
    left: 0;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}
.bg1 {
    background:url("../images/marabout-voyant-toure-1920.jpg")fixed center 40px, #ccc;
}
.bg2 {
    background:url("../images/marabout-amate-toure-bg_1920.jpg")fixed center 40px, #ccc;
}

  .anim-slide h2   {
    font-family:'Chonburi', cursive;
    color:#fff;
    font-size: 4em;
    padding: 5px;
    text-align:center;
    text-shadow: 2px 2px 4px black;

  }
h3#marabout2   {
    font-family:'Raleway', cursive;
    color:#fff;
    font-size: 2em;
    padding: 10px;
    text-align:center;
    text-shadow: 2px 2px 4px black;
    background:rgba(0,0,35,0.5);
  }
  p#magie1,p#magie2,p#magie3  {
  display:block;
  width: 280px;
  min-height: 40px;
    font-family:'Raleway', cursive;
    color:#5d5d5d;
    font-size: 1.4em;
    padding: 8px 20px;
    text-align:center;   
    background:#f3e8c0;
    border-right: solid 20px #5C4B47;
  }
p#consult1   {
    font-family:'Raleway', cursive;
    color:#fff;
    font-size: 3em;
    font-weight:bold; 
  }
  p#consultT1   {
    font-family:'Raleway', cursive;
    color:#fff;
    font-size: 2.2em;
    padding:15px 20px;
  }
p#consultT2 {
    margin-left:-80px;
  }  
p#consultT2 a  {
    font-family:'Raleway', cursive;
    color:#fff;
    font-size: 2.8em;
    padding:16px 10px 22px 10px;
    border-radius: 6px;
    margin-left:-70px;
    background:#BFB27B;
  }
  p#consultT2 a:hover  {
    background:#fe9000;
  }
  p#magieT1,p#magieT2,p#magieT3 {
  display:block;
  width: 280px;
  min-height: 120px;
    font-family:'Raleway', cursive;
    color:#5d5d5d;
    font-size: 1.2em;
    padding: 25px 20px;
    text-align:left;   
    background:#F9F6DE;
    border-right: solid 20px #5C4B47;
  }  
    .anim-slide h2::before,.anim-slide h2::after  {
display:none;
  }
  .anim-slide h3   {
    font-family:'Chonburi', cursive;
    color:#Fff;
    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;
        background:rgba(0,0,0,0.5);
        padding: 8px;
    text-align:center !important;
    text-shadow: 2px 2px 2px black;
  }
  
  .anim-slide h2#marabout{ top:20%;width:100%;}
  .anim-slide h3#marabout2{top:30%;width:100%;}
  
  .anim-slide p#consult1{top:62%;width:100%;}
  .anim-slide p#consultT1{top:61%;width:100%;}
  .anim-slide p#consultT2 {top:69%;width:100%;}    
  
  .anim-slide p#magie1{top:60%;left:17%;}
  .anim-slide p#magie2{top:60%;left:40%;}  
  .anim-slide p#magie3{top:60%;left:63%;} 
  .anim-slide p#magieT1{top:65%;left:17%;}
  .anim-slide p#magieT2{top:65%;left:40%;}  
  .anim-slide p#magieT3{top:65%;left:63%;} 
   
.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){ 
}  

 /*-------------------------------------*/ 
  @media (max-width: 1500px){ 

        .anim-slider {
    background:#ccc;
    height: 750px;
}
.bg1 {
    background:url("../images/marabout-toure-bg_1500.jpg")fixed center 40px, #ccc;
    height: 750px;
}
.bg2 {
    background:url("../images/marabout-amate-toure-bg_1500.jpg")fixed center 40px, #ccc;
    height: 750px;
} 
  .anim-slide h2#marabout{ top:20%;width:100%;}
  .anim-slide h3#marabout2{top:30%;width:100%;}
  
  .anim-slide p#consult1{top:62%;width:100%;}
  .anim-slide p#consultT1{top:61%;width:100%;}
  .anim-slide p#consultT2 {top:69%;width:100%;}    
  
  .anim-slide p#magie1{top:60%;left:12%;}
  .anim-slide p#magie2{top:60%;left:40%;}  
  .anim-slide p#magie3{top:60%;left:68%;} 
  .anim-slide p#magieT1{top:65%;left:12%;}
  .anim-slide p#magieT2{top:65%;left:40%;}  
  .anim-slide p#magieT3{top:65%;left:68%;}       
 
 }  
/*-------------------------------------*/   
    @media (max-width: 1250px){

        .anim-slider {
    background:#ccc;
    height: 750px;
}
.bg1 {
    background:url("../images/marabout-toure-bg_1250.jpg")fixed center 40px, #ccc;
    height: 750px;
}
.bg2 {
    background:url("../images/marabout-amate-toure-bg_1250.jpg")fixed center 40px, #ccc;
    height: 750px;
}
  .anim-slide p#magie1{top:60%;left:3%;}
  .anim-slide p#magie2{top:60%;left:34%;}  
  .anim-slide p#magie3{top:60%;left:66%;} 
  .anim-slide p#magieT1{top:65%;left:3%;}
  .anim-slide p#magieT2{top:65%;left:34%;}  
  .anim-slide p#magieT3{top:65%;left:66%;}    
 }  
 /*-------------------------------------*/ 
      @media (max-width: 1020px){

        .anim-slider {
    background:#ccc;
    height: 700px;
}
.bg1 {
    background:url("../images/marabout-toure-bg_1020.jpg")fixed center 40px, #ccc;
    height: 700px;
}
.bg2 {
    background:url("../images/marabout-amate-toure-bg_1020.jpg")fixed center 40px, #ccc;
    height: 700px;
}
 .anim-slide h2, .anim-slide h3 {
    font-size:2.7em;
    line-height:1.5em;
  }
  h3#marabout2   {
    font-size: 2em;
    padding: 10px; 
  }
      p#magie1,p#magie2,p#magie3  {
    font-size: 1.2em;
    padding: 8px 10px;
    border-right: none;
  }
    p#magieT1,p#magieT2,p#magieT3  {
    font-size: 1.1em;
    min-height: 100px;
    padding: 15px 10px;
    border-right: none;
  }
    p#consult1   {
    font-size: 2.4em;
    font-weight:bold; 
  }
  p#consultT1   {
    font-size:2em;
    padding:8px;
  }
   p#consultT2   {
    margin-left:-80px;
  }
    p#consultT2 a   {
    font-size: 2.2em;
    padding:10px 5px 15px 5px;
  } 
  .anim-slide h2#marabout{ top:19%;width:100%;}
  .anim-slide h3#marabout2{top:32%;width:100%;}
  
  .anim-slide p#magie1{top:60%;left:0%;}
  .anim-slide p#magie2{top:60%;left:34%;}  
  .anim-slide p#magie3{top:60%;left:66%;} 
  .anim-slide p#magieT1{top:65%;left:0%;}
  .anim-slide p#magieT2{top:65%;left:34%;}  
  .anim-slide p#magieT3{top:65%;left:66%;}   
 }  
  /*-------------------------------------*/ 
  
   @media (max-width: 800px){
         .anim-slider {
    background:#ccc;
    height: 700px;
}
.bg1 {
    background:url("../images/marabout-toure-bg_800.jpg")fixed center 40px, #ccc;
    height: 700px;
}
.bg2 {
    background:url("../images/marabout-amate-toure-bg_800.jpg")fixed center 40px, #ccc;
    height: 700px;
}
 .anim-slide h2, .anim-slide h3 {
    font-size:2.4em;
    line-height:1.5em;
  }
  h3#marabout2   {
    font-size: 1.8em;
    padding: 10px; 
  }
.anim-slide h4 {
    font-size:1.4em;
    line-height:1em;
  }
    p#magie1,p#magie2  {
    font-size: 1.4em;
    padding: 8px 10px;
    border-right: none;
  }
    p#magieT1,p#magieT2  {
    font-size: 1em;
    min-height: 80px;
    padding: 15px 10px;
    border-right: none;
  }
  p#consult1   {
    font-size: 2em;
    font-weight:bold; 
  }
  p#consultT1   {
    font-size:1.5em;
    padding:8px;
  }
   p#consultT2   {
    margin-left:-50px;
  }
    p#consultT2 a   {
    font-size: 2em;
    padding:10px 5px 15px 5px;
  } 
     
  .anim-slide h2#marabout{ top:19%;width:100%;}
  .anim-slide h3#marabout2{top:32%;width:100%;}
  
  .anim-slide p#magie1{top:60%;left:0%;}
  .anim-slide p#magie2{top:60%;left:50%;}  
  .anim-slide p#magieT1{top:67%;left:0%;}
  .anim-slide p#magieT2{top:67%;left:50%;}  

 }  
  
    /*-------------------------------------*/ 
   
@media (max-width: 450px){
        .anim-slider {
    background:#ccc;
    height: 450px;
}
.bg1 {
    background:url("../images/marabout-toure-bg_450.jpg")fixed center 40px, #ccc;
    height: 450px;
}
.bg2 {
    background:url("../images/marabout-amate-toure-bg_450.jpg")fixed center 40px, #ccc;
    height: 450px;
}

 .anim-slide h2, .anim-slide h3 {
    font-size:1.5em;
    line-height:1em;
  }
  h3#marabout2   {
    font-size: 1.4em;
    padding: 8px; 
  }
.anim-slide h4 {
    font-size:1.4em;
    line-height:1em;
  }
p#magie2 {
box-sizing:border-box;
min-height:30px;
min-width:280px;
font-size: 1.3em;
font-weight:bold;
text-align:center;
padding-bottom: 8px;
border-right: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; 
  }
p#magieT2  {
box-sizing:border-box;
min-width:280px;
font-size: 1.1em;
padding: 10px 10px;
border-right: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; 
  }
  p#consult1   {
    font-size: 2em;
    font-weight:bold; 
  }
  p#consultT1   {
    font-size: 1.4em;
    padding:8px;
  }
   p#consultT2   {
    margin-left:-25px;
  }
    p#consultT2 a   {
    font-size: 1.6em;
    padding:10px 5px 15px 5px;
  } 
     
  .anim-slide h2#marabout{ top:19%;width:100%;}
  .anim-slide h3#marabout2{top:32%;width:100%;}
  
  .anim-slide p#consult1{top:62%;width:100%;}
  .anim-slide p#consultT1{top:61%;width:100%;} 
  .anim-slide p#consultT2{top:76%;width:100%;}  
  
  .anim-slide p#magie2{top:61%;left:50%;margin-left:-140px;}
  .anim-slide p#magieT2{top:69%;left:50%;margin-left:-140px;}  

 }