@media screen and (max-width: 375px){
  body{
    overflow-Y: hidden;}
}
@media screen and (max-width: 768px){
  .header2 {
    height: 10vw;
}
}

 @media screen and (max-width: 768px){
  .titrepliage{
    font-size: 8vw;  }
  }
  
  @media screen and (max-width: 768px){
    .titre3{
      font-size: 8vw;  }
    }
    @media screen and (max-width: 1100px){
      .liste {
        height: 200vw;}
      }
    @media screen and (max-width: 768px){
    .liste {
      height: 180vw;}
    }
    @media screen and (max-width: 375px){
      .liste {
        height: 220vw;}
      }


@media screen and (max-width: 768px){
  .listeingredient{
    font-size: 4vw!important;
    width: 75vw;
  }
  }
  @media screen and (max-width: 375px){
    .listeingredient{
      font-size: 4.5vw!important;
      width: 75vw;
    }
    }

  @media screen and (max-width: 1100px){
    .listeingredient{
      font-size: 2.5vw;
      width: 75vw;
    }
    }

    @media screen and (max-width: 375px){
    .flex-item {
      width: 5vw;
      height: auto;
      margin-top: -3vw;
    }
  }
  @media screen and (max-width: 375px){
    .flex-item2 {
      width: 45vw;
      height: auto;
      margin-top: -3vw;
    }
  }

  @media screen and (max-width: 375px){
  .flex-container {
    width: 100vw;
    margin-left: -20vw;
  }}

  @media screen and (max-width: 768px){
    .flex-item {
      width: 5vw;
      height: auto;
      margin-top: -3vw;
    }
  }
  @media screen and (max-width: 768px){
    .flex-item2 {
      width: 59vw;
      height: auto;
      margin-top: -3vw;
    }
  }

  @media screen and (max-width: 768px){
  .flex-container {
    width: 100vw;
    margin-left: -20vw;
  }}

@media screen and (max-width: 768px){
  .flecherotation{
    height: 12vw;
    top: -8vw;
}
}

@media screen and (max-width: 768px){
  .felcheretour{
    height: 12vw;
    top: -3vw;
    left: 72vw;
}
}
@media screen and (max-width: 375px){
  .felcheretour{
    top: -8vw;
    left: 72vw;
}
}

@media screen and (max-width: 768px){
  .felcheretourdoite{
    height: 12vw;
    top: -8vw;
}
}

/* ane */
@media screen and (max-width:768px){
  #texteane {
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 375px){
  #texteane{
    top: 15vw;
}
}

@media screen and (max-width: 1100px){
  #crepeane {
    left: 150vw;
    height: 150vw; 
    top: -30vw;
}
}

@media screen and (max-width: 768px){
  #crepeane {
    left: 140vw;
    height: 200vw; 
    top: -20vw;
}
}

@media screen and (max-width: 375px){
  #crepeane {
    left: 140vw;
    height: 280vw; 
    top: -20vw;
}
}

 @media screen and (max-width: 1100px){
  #crepeane.alleane {
    left: -25vw;
}
}

 @media screen and (max-width: 768px){
  #crepeane.alleane {
    left: -50vw;
}
}

@media screen and (max-width: 375px){
  #crepeane.alleane {
    left: -80vw;
}
}


@media screen and (max-width: 768px){
  #texteane.alletexteane {
    left: 15vw;
}
}

/*  */


/* haricot */
@media screen and (max-width: 375px){
  #textharicot{
top: 15vw !important;
}
}

@media screen and (max-width: 768px){
  #textharicot{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 1100px){
  #crepeharicot {
    right: 150vw;
    height: 150vw; 
    top: -30vw;
}
}

@media screen and (max-width: 375px){
  #crepeharicot {
  right: 140vw;
  height: 280vw !important; 
  top: -20vw;
}
}
@media screen and (max-width: 768px){
  #crepeharicot {
  right: 140vw;
    height: 200vw; 
    top: -20vw;
}
}

@media screen and (max-width: 375px){
  #textharicot,#textharicot2{
    top: 15vw;
}
}
@media screen and (max-width: 768px){
  #textharicot2{
    font-size: 4.8vw;
    width: 75vw;
}
}
@media screen and (max-width: 1100px){
  #crepeharicot.alleharicot {
right: -25vw;
}
}
@media screen and (max-width: 375px){
  #crepeharicot.alleharicot {
    right: -80vw!important;
}
}

@media screen and (max-width: 768px){
  #crepeharicot.alleharicot {
    right: -50vw;
}
}


@media screen and (max-width:768px){
  #textharicot.alleharicottext {
    right: 10vw;
}
}

@media screen and (max-width: 768px){
  #textharicot2.alleharicottext {
    right: 10vw;
}
}

/*  */


@media screen and (max-width: 768px){
  #textepliage{
    font-size: 8vw;
    width: 75vw;
    
}
}
@media screen and (max-width: 1100px){
  #crepepliage {
left: 150vw;
    height: 150vw; 
    top: -30vw;
}
}
@media screen and (max-width: 768px){
  #crepepliage{
    left: 140vw;
    height: 200vw; 
    top: -20vw;
}
}
@media screen and (max-width: 375px){
  #crepepliage  {
  right: 140vw;
  height: 280vw; 
  top: -20vw;
}
}


@media screen and (max-width: 1100px){
  #crepepliage.allepliage {
left: -25vw;
}
}

@media screen and (max-width: 768px){
  #crepepliage.allepliage {
    left: -50vw;
}
}

@media screen and (max-width: 375px){
  #crepepliage.allepliage {
left: -80vw;
}
}


@media screen and (max-width: 768px){
  #textepliage.alletextepliage{
   left: 11vw;
}
}
/*  */


/* panneau */

@media screen and (max-width: 768px){
  #textepanneau{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 1100px){
  #crepepanneau.allepanneau {
left: -25vw;
}
}
@media screen and (max-width: 375px){
  #crepepanneau {
  right: 140vw;
  height: 280vw !important; 
  top: -20vw;}
}

@media screen and (max-width: 768px){
  #crepepanneau{
    left: 140vw;
    height: 200vw; 
    top: -20vw;
}
}


@media screen and (max-width: 768px){
  #crepepanneau.allepanneau{
    left: -50vw;}
}

@media screen and (max-width: 375px){
  #crepepanneau.allepanneau{
left: -80vw !important;
}
}

@media screen and (max-width: 768px){
  #textepanneau.alletextepanneau{
left: 15vw;
}
}


/*  */


/* oignon */
@media screen and (max-width: 1100px){
  #crepeoignon{
right: 150vw;
    height: 150vw; 
    top: -30vw;}
}
@media screen and (max-width: 768px){
  #crepeoignon {
 right: 140vw;
    height: 200vw; 
    top: -20vw;}
}
@media screen and (max-width: 375px){
  #crepeoignon {
  right: 140vw;
  height: 280vw; 
  top: -20vw }
}


@media screen and (max-width: 768px){
  #textoignon{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}

@media screen and (max-width: 768px){
  #textoignon2{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 375px){
  #textoignon,#textoignon2{
top: 15vw;
}
}
@media screen and (max-width: 1100px){
  #crepeoignon.alleoignon{
right: -25vw;
}
}
@media screen and (max-width: 768px){
  #crepeoignon.alleoignon{
    right: -50vw;}
}
@media screen and (max-width: 375px){
  #crepeoignon.alleoignon{
right: -80vw;}
}



@media screen and (max-width: 768px){
  #textoignon.alleoignontexte,
  #textoignon2.alleoignontexte{
right: 10vw;
}
}


/*  */


/* tomate */

@media screen and (max-width: 1100px){
  #crepetomate.alletomate{
left: -25vw;
}
}
@media screen and (max-width: 768px){
  #crepetomate.alletomate{
    left: -50vw;
}
}
@media screen and (max-width: 375px){
  #crepetomate.alletomate{
left: -80vw;
}
}

@media screen and (max-width: 768px){
  #texttomate.alletomatetexte,
  #texttomate2.alletomatetexte{
left: 15vw;
}
}

@media screen and (max-width: 768px){
  #texttomate2,
  #texttomate{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 375px){
  #texttomate,#texttomate2{
    top: 15vw;
}
}

@media screen and (max-width: 375px){
  #crepetomate {
  right: 140vw;
  height: 280vw; 
  top: -20vw;
}
}
@media screen and (max-width: 1100px){
  #crepetomate{
left: 150vw;
    height: 150vw; 
    top: -30vw;
}
}
@media screen and (max-width:768px){
  #crepetomate {
    left: 140vw;
    height: 200vw; 
    top: -20vw;
}
}


/*  */


/* lait */

@media screen and (max-width: 768px){
  #textlait,  #textlait2{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 1100px){
  #crepelait{
left: 150vw;
    height: 150vw; 
    top: -30vw;
}
}

@media screen and (max-width: 768px){
  #crepelait  {
    left: 140vw;
    height: 200vw; 
    top: -20vw;
}
}
@media screen and (max-width: 375px){
  #crepelait  {
  right: 140vw;
  height: 280vw; 
  top: -20vw;}
}

@media screen and (max-width: 375px){
  #textlait,#textlait2{
    top: 15vw;
}
}
@media screen and (max-width: 1100px){
  #crepelait.allelait{
left: -25vw;
}
}
@media screen and (max-width: 768px){
  #crepelait.allelait{
    left: -50vw;
}
}
@media screen and (max-width: 375px){
  #crepelait.allelait{
left: -80vw;
}
}

@media screen and (max-width: 768px){
  #textlait.allelaittext,
  #textlait2.allelaittext{
left: 15vw;
}
}
/*  */


/* piment */

@media screen and (max-width: 768px){
  #textpiment,#textpiment2{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 375px){
  #textpiment,#textpiment2{
    top: 15vw;
}
}
@media screen and (max-width: 1100px){
  #crepepiment{
left: 150vw;
    height: 150vw; 
    top: -30vw;
}
}

@media screen and (max-width: 768px){
  #crepepiment {
    left: 140vw;
    height: 200vw; 
    top: -20vw;
}
}
@media screen and (max-width: 375px){
  #crepepiment {
left: 140vw;
  height: 280vw; 
  top: -20vw;}
}
@media screen and (max-width: 1100px){
  #crepepiment.allepiment{
left: -25vw;
}
}
@media screen and (max-width: 768px){
  #crepepiment.allepiment{
    left: -50vw;
}
}
@media screen and (max-width: 375px){
  #crepepiment.allepiment{
left: -80vw;
}
}

@media screen and (max-width: 768px){
  #textpiment.allepimenttext,
  #textpiment2.allepimenttext{
left: 15vw;
}
}

/*  */


/* riz */
@media screen and (max-width: 1100px){
  #creperiz{
right: 150vw;
    height: 150vw; 
    top: -30vw;
}
}
  @media screen and (max-width: 768px){
    #creperiz {
      right: 140vw;
      height: 200vw; 
      top: -20vw;
  }
  }
  
  @media screen and (max-width: 375px){
    #creperiz {
    right: 140vw;
    height: 280vw; 
    top: -20vw;}
  }

@media screen and (max-width: 768px){
  #textriz,#textriz2{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 375px){
  #textriz,#textriz2{
    top: 15vw;
}
}
@media screen and (max-width: 1100px){
  #creperiz.alleriz{
right: -25vw;
}
}
@media screen and (max-width: 768px){
  #creperiz.alleriz{
right: -50vw;
}
}
@media screen and (max-width: 375px){
  #creperiz.alleriz{
   right: -80vw;}
}

@media screen and (max-width:768px){
  #textriz.alleriztext,
  #textriz2.alleriztext{
    right: 10vw;
}
}

/*  */


/* avocat */

@media screen and (max-width: 768px){
  #textavocat,#textavocat2{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 375px){
  #textavocat,#textavocat2{
    top: 15vw;
}
}
@media screen and (max-width: 1100px){
  #crepeavocat{
    right: 150vw;
    height: 150vw; 
    top: -30vw;
}
}
@media screen and (max-width: 768px){
  #crepeavocat {
    right: 140vw;
    height: 200vw; 
    top: -20vw;}
}

@media screen and (max-width: 375px){
  #crepeavocat{
  right: 140vw;
  height: 280vw; 
  top: -20vw;}
}
@media screen and (max-width: 1100px){
  #crepeavocat.alleavocat{
right: -25vw;
}
}
@media screen and (max-width: 768px){
  #crepeavocat.alleavocat{
right: -50vw;}
}
@media screen and (max-width: 375px){
  #crepeavocat.alleavocat{
   right: -80vw;}
}
#textavocat.alleavocattext,#textavocat2.alleavocattext{
  right: 15vw ;
}
@media screen and (max-width: 768px){
  #textavocat.alleavocattext,#textavocat2.alleavocattext{
    right: 10vw;
}
}

/*  */


/* boeuf */
@media screen and (max-width: 1100px){
  #crepeboeuf{
left: 150vw;
    height: 150vw; 
    top: -30vw;
}
}
@media screen and (max-width: 768px){
  #crepeboeuf {
    left: 140vw;
    height: 200vw; 
    top: -20vw;}
}
@media screen and (max-width: 375px){
  #crepeboeuf {
left: 140vw;
  height: 280vw; 
  top: -20vw;}
}

@media screen and (max-width:768px){
  #textboeuf,#textboeuf2{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 375px){
  #textboeuf,#textboeuf2{
    top: 15vw;
}
}
@media screen and (max-width: 1100px){
  #crepeboeuf.alleboeuf{
left: -25vw;
}
}
@media screen and (max-width: 768px){
  #crepeboeuf.alleboeuf{
left: -50vw;}
}
@media screen and (max-width: 375px){
  #crepeboeuf.alleboeuf{
left: -80vw;}
}



@media screen and (max-width: 768px){
  #textboeuf.alleboeuftext,#textboeuf2.alleboeuftext{
  left: 15vw;
}
}

/*  */

/* poule */

@media screen and (max-width: 768px){
  #textpoule,#textpoule2{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 375px){
  #textpoule,#textpoule2{
    top: 15vw;
}
}
@media screen and (max-width: 1100px){
  #crepepoule{
right: 150vw;
    height: 150vw; 
    top: -30vw;
}
}

@media screen and (max-width: 768px){
  #crepepoule {
    right: 140vw;
    height: 200vw; 
    top: -20vw;
}
}
@media screen and (max-width: 375px){
  #crepepoule {
  right: 140vw;
  height: 280vw; 
  top: -20vw;}
}

@media screen and (max-width:768px){
  #crepepoule.allepoule{
right: -50vw;
}
}
@media screen and (max-width: 375px){
  #crepepoule.allepoule{
right: -80vw;}
}


@media screen and (max-width: 768px){
  #textpoule.alletextpoule,
  #textpoule2.alletextpoule{
  right: 10vw;
}
}

/*  */


/* remplissage */

@media screen and (max-width:768px){
  #textremplissage {
    font-size: 8vw;
    width: 75vw;
    top: 15vw;
}
}
@media screen and (max-width: 375px){
  #textremplissage {
    top: 48vw;
}
}
@media screen and (max-width: 1100px){
  #creperemplissage.alleremplissage{
left: -15vw;
}
}
@media screen and (max-width:768px){
  #creperemplissage {
  left: 140vw;
    height: 200vw; 
    top: -15vw;
}
}
@media screen and (max-width: 375px){
  #creperemplissage  {
  left: 140vw;
  height: 280vw; 
  top: -20vw;}
}


@media screen and (max-width:768px){
  #textremplissage.alletextremplissage {
left: 10vw;
}
}

@media screen and (max-width: 768px){
  #creperemplissage.alleremplissage{
  left: -50vw;
}
}
@media screen and (max-width: 375px){
  #creperemplissage.alleremplissage{
left: -80vw;}
}

@media screen and (max-width: 1100px){
  #crepe_remplissage{
   left: 150vw ;
    height: 150vw; 
    top: -30vw;
}
}

/*  */


/* temple */

@media screen and (max-width: 768px){
  #texttemple{
    font-size: 4.8vw;
    width: 75vw;
    top: 9vw;
}
}
@media screen and (max-width: 375px){
  #texttemple{
    top: 15vw;
}
}
@media screen and (max-width: 1100px){
  #crepetemple{
left: 150vw;
    height: 150vw; 
    top: -30vw;
}
}

@media screen and (max-width: 768px){
  #crepetemple {
left: 140vw;
    height: 200vw; 
    top: -20vw;
}
}
@media screen and (max-width: 375px){
  #crepetemple   {
  right: 140vw;
  height: 280vw; 
  top: -20vw;}
}

@media screen and (max-width: 375px){
  .temple{
    top: 185vw;}
}
@media screen and (max-width: 1100px){
  #crepetemple.alletemple{
left: -25vw;
}
}
@media screen and (max-width: 768px){
  #crepetemple.alletemple{
left: -50vw;
}
}
@media screen and (max-width: 375px){
  #crepetemple.alletemple{
left: -80vw;}
}

@media screen and (max-width:768px){
  #texttemple.alletempletext{
left: 15vw;
}
}

/*  */


/*  */
/* PAGE2 */
/*  */

@media screen and (max-width: 376px){
  .titreP1 {
    top: 85vw !important;
   }
 }
@media screen and (max-width: 768px){
  .titreP1 {
    top: 55vw;
    height: 30vw;
    width: auto;
    font-size: 15vw;
    z-index: 1001 !important;
    left: 0vw!important;
   }
 }
 @media screen and (max-width: 1100px){
  .titreP1 {
    top: 35vw;
   }
 }

  @media screen and (max-width: 376px){
    .titreP2 {
      top: 90vw !important;
     }
   }
  @media screen and (max-width: 768px){
    .titreP2 {
      top: 60vw;
      height: 30vw;
      width: auto;
      font-size: 14vw;
      z-index: 1001 !important;
      left: 3vw!important;
     }
   }
   @media screen and (max-width: 1100px){
    .titreP2 {
      top: 35vw;
     }
   }


@media screen and (max-width: 768px){
  #gate{
    top: 40vw!important;
    right: 16vw!important;
    height: 70vw!important;
    width: auto!important;
   }
 }
 @media screen and (max-width: 1100px){
  #gate{
    top: 25vw;
    right: 37vw;
   }
 }

@media screen and (max-width: 375px){
  #gate{
    top: 70vw!important;
   }
 }

@media screen and (max-width: 768px){
  #picodegallo{
    z-index: 1;
    top: 15vw!important;
    left: 5vw!important;
    height: 30vw!important;
    width: auto!important;
   }
 }
 @media screen and (max-width: 375px){
  #picodegallo{
    top: 45vw!important;
   }
 }

 @media screen and (max-width: 1100px){
  #picodegallo{
    top: 20vw;
    left: 7vw;
    height: 18vw;
   }
 }


@media screen and (max-width:768px){
  #boeuf{
    top: 97vw!important;
    left: 70vw!important;
    height: 35vw!important;
    width: auto!important;
   }
 }

 @media screen and (max-width: 1100px){
  #boeuf{
    top: 48vw;
    height: 20vw;
    left: 68vw;
   }
 }
 @media screen and (max-width: 375px){
  #boeuf{
    top: 135vw!important;
   }
 }

@media screen and (max-width: 768px){
  #creme{
    top: 110vw !important;
    left: 32vw!important;
    height: 27vw!important;
    width: auto!important;
   }
 }
 @media screen and (max-width: 1100px){
  #creme{
    top: 55vw;
    height: 18vw;
    left: 37vw;
   }
 }
 @media screen and (max-width: 375px){
  #creme{
    top: 145vw!important;
   }
 }

  @media screen and (max-width: 768px){
    #guacamole{
      top: 95vw!important;
      left: 3vw!important;
      height: 40vw!important;
      width: auto!important;
     }
   }
   @media screen and (max-width: 1100px){
    #guacamole{
      top: 45vw;
      height: 25vw;
      left: 10vw;
     }
   }
   @media screen and (max-width: 375px){
    #guacamole{
      top: 130vw!important; 
     }
   }


   @media screen and (max-width: 768px){
    #riz {
      top: 0vw!important;
      left: 35vw!important;
      height: 50vw!important;
      width: auto!important;;
     }
   }
   @media screen and (max-width: 1100px){
    #riz{
      top: 1vw;
      height: 30vw;
      left: 38vw;
     }
   }
   @media screen and (max-width: 375px){
    #riz {
      top: 27vw!important;
     }
   }


  @media screen and (max-width:768px){
    #beens {
      top: 15vw!important;
      left: 70vw!important;
      height: 30vw!important;
      width: auto!important;
     }
   }
   @media screen and (max-width: 1100px){
    #beens {
      top: 18vw;
      height: 20vw;
      left: 70vw;
     }
   }
   @media screen and (max-width: 375px){
    #beens{
      top: 45vw!important;
     }
   }
  

  /* P3 */


  @media screen and (max-width: 768px){
  .container{
    top: 70vw !important;
    left:52vw;
    width: 70vw;
    height: 70vw;
    transform: translate3d(-50%, -50%, 0);
    }
  }

  @media screen and (max-width: 1100px){
    .container{
      top: 45vw;  
      }
    }
    @media screen and (max-width: 375px){
      .container{
        top: 100vw !important;
       }
     }
  @media screen and (max-width: 768px){
.imgp3{
      height: 140% !important;
      width: auto;
      }
    }


  @media screen and (max-width: 768px){
    .button{
      width: 12vw;
      height:12vw; }
    }

  @media screen and (max-width: 1100px){
    .position1{
      top: 39vw !important;
      left: 23vw!important; 
     }
    }
  @media screen and (max-width: 768px){
    .position1{
      top: 63vw !important;
      left: 3vw!important; 
     }
    }
    @media screen and (max-width: 375px){
      .position1{
        top: 92vw!important;
       }
     }

  @media screen and (max-width: 1100px){
    .position2{
      top:39vw !important;
      left:66vw!important; 
     }
    }
  @media screen and (max-width: 768px){
    .position2{
      top:64vw !important;
      left:86vw!important; 
     }
    }
    @media screen and (max-width: 375px){
      .position2{
        top: 93vw!important;
       }
     }

  @media screen and (max-width: 1100px){
    .position3{
      top:17vw !important;
      left:45vw!important; 
     }
    }
  @media screen and (max-width: 768px){
    .position3{
      top:21vw !important;
      left:47vw!important; 
     }
    }
    @media screen and (max-width: 375px){
      .position3{
        top: 49vw!important;
       }
     }
  

  @media screen and (max-width: 1100px){
    .position4{
      top:60vw !important;
      left: 45vw!important; 
     }
    }
  
  @media screen and (max-width: 768px){
    .position4{
      top:105vw !important;
      left: 47vw!important; 
     }
    }
    @media screen and (max-width: 375px){
      .position4{
        top: 135vw!important;
       }
     }

  @media screen and (max-width: 768px){
    .crepe-win{
      width:400px;
      height: 400px;
     }
    }

       
      @media screen and (max-width: 768px){
        .titre1P3{
          top: 50vw;
          font-size: 17vw;
          left: 2vw !important;
         }
        }
        @media screen and (max-width:1100px){
          .titre1P3{
            top: 28vw;
           }
          }
        @media screen and (max-width: 375px){
          .titre1P3{
            top: 75vw!important;
           }
         }
        @media screen and (max-width: 768px){
          .titre2P3{
            top: 45vw !important;
            font-size: 17vw;
            left: 7vw;
           }
          }
          @media screen and (max-width:1100px){
            .titre2P3{
              top: 28vw;
             }
            }
          @media screen and (max-width: 375px){
            .titre2P3{
              top: 73vw!important;
             }
           }

  
@media screen and (max-width: 768px){
  .parapente3{
     height: 14vw !important;
     width: auto;
   }
 }

 @media screen and (max-width: 768px){
  .parapente4{
     height: 8vw !important;
     width: auto;
   }
 }

@media screen and (max-width: 768px){
  .montgolfierep3{
     height: 10vw !important;
     width: auto;
   }
 }