@media (max-width: 576px) { 
    header{   
        width: 100% !important; 
        /* height: 30vh;  */
        padding:  0;
        text-align: center;      
        background-size: 100% auto;  
    }
   
    .cartEtudeContent{
        margin-bottom: 2vh;
    }
   
    .nav-link{
        font-size: 2.5vw !important;
        margin:1% !important;
    } 
    .cartActivity{
        padding-bottom: 3vh;
    }
    .click{
        border: solid 4px var(--color-beige2);
        border-radius: 50%;
        height: 18vh;
        width: 18vh;
        color: var(--color-blue);
        padding-top: 2rem;
    }
    .click>div>.fi{
        font-size: calc(2rem + .2vw);    
    }
    .textIcon{
        font-size: calc(.6rem + .2vw);
    }
    .footA{       
        margin-top: 2vh;
    }
    .content{
        margin-top: 1vh;
    }
    footer{
        margin-top: 2vh!important;
    }
    .inputCap{
        margin-top: 1vh;
    }
        
 }
 @media(min-width: 576px) and (max-width: 768px ) { 
    header{   
        width: 100% !important; 
        /* height: 30vh;  */
        padding:  0;
        text-align: center;      
        background-size: 100% auto;  
    }
     .inputCap{
        margin-top: 1vh;
    }
    .nav-link{
        font-size: 2vw !important;
        margin:1% !important;
    } 
    .cartEtudeContent{
        margin-bottom: 2vh;
    }    
    div{
        margin-top: 2%;
    }
    .background{
            height: 85vh;
    }   
    .click>div>.fi{
        font-size: calc(4rem + .2vw);    
    }
    .textIcon{
        font-size: calc(.8rem + .2vw);
    }
    .content{
        margin-top: 1.2vh;
    }
    .cartActivity{
        padding-bottom: 3vh;
    }
     footer{
        margin-top: 2vh!important;
    }
 }
  @media(min-width: 769px) and (max-width: 992px ){
    div{
        margin-top: 2%;
    }
    .cartEtudeContent{
        margin-bottom: 2vh;
    }
  }

 @media (min-width: 1700px){
    h2{
        font-size: calc(1.5rem + .4vw) !important;
    }
    h3{
        font-size: calc(1.325rem + .4vw)!important;
    }
    h4{
        font-size: calc(1.25rem + .4vw)!important;
    }
    h5, .lead,.btn,.form-control{
        font-size: calc(1rem + .4vw)!important;
    }
 }

 @media (max-height: 1000px){
   #listeActiviteswith{
    display: none;
   }
   .background2{
    margin-top: 2vh !important;
   }
   .click{   
        height: 15vh;
        width: 15vh;
    }
   .click>.fi{
        font-size: calc(4vh + .2vw);    
    }
   .textIcon{
    font-size: calc(1.25vh + .2vw);
    color: var(--color-blue);
   }
  
 }
 @media (min-height: 1000px){
   #listeActivitesheight{
    display: none;
   }
   /* .click>.fi{
        font-size: calc(5vh + .4vw);    
    }
   .textIcon{
    font-size: calc(1vh + .2vw);
   } */
 }