*{padding-top: 0;
  margin-top: 0;
  }
  
  html{
    scroll-behavior: smooth;
  right: 0;
  left: 0;
  }
  
  .header {
      position: absolute;
      display: flex;
      flex-direction: column;
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        align-self: flex-start;
        align-content: flex-start;
       
      
      }
      
      .but1 {
        border-radius: 0 !important;
        outline: 0px solid transparent;
          margin: 20px;
          height: 45px;
          width: 100px;
          border-style: none;
           transition-duration: 0.5s;
          font-size: 15px;
          font-family: arial;
          border-radius: 0 !important;
          outline: 0px solid transparent;
        }
        
        .a1 {
          text-decoration: none;
          color: black;
        } 
   
  ::-webkit-scrollbar {
    display: none;
  }
  ::-moz-scrollbar {
    display: none;
  }
  ::-o-scrollbar {
    display: none;
  }
  body{ 
     background-color: #2D2D2D;
       overflow-x: hidden;  
  
       
       
  }
  
  
  
  .container-fluid {
    margin: 0;
    padding: 0;
  }
  
 
    
    
    a{
    color: white;}
    a:hover{color: #fab006;
      text-decoration: none;
      transition: 1.5s;
      text-shadow: 0px 0px 9px #ffffff, 0px 0px 15px #000000, 0px 0px 5px #000000;
    }
    
    
    
 
    @keyframes scroll {
      0% { opacity: 0; }
      10% { transform: translateY(0); opacity: 1; }
      100% { transform: translateY(15px); opacity: 0;}
    }
  
  
  
 
  

  
  .tracking-in-contract {
    
    -webkit-animation: tracking-in-contract 4s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-contract 4s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  }
  
  


   
   .grape{
       padding-top: 50px;
       width: 500px;
   }
  
   p{
     color: white;
   }
  
   
  
   
  
  

  
  hr{
    width: 35%;
    border: 1px solid #D69931;
  
  }
  .text2{
    font-size: 20px;
  }
  
  
   
 
   
  
    hr{
      width: 35%;
      border: 1px solid #D69931;
    
    }
    .text2{
      font-size: 20px;
    }
    
  
  
  
  footer{
    margin: 20px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-self: center;
    text-align: center;
  
    background-color:#2D2D2D ;
    width: 100%;
    height: 15%;
  }





  .icons{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-self: center;
    align-content: center;
    width: 20%;
  }
  .pp:hover{
    color:  #D69931;;
  
  }
  
  
  #historylast{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    width: 100%;
    height: 100vh;
    background-image: url(map.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row;
  
  }
  .mainhistorylast{
    display: flex;
    align-items: center;
   text-align: center;
   align-items: center;
   justify-content: center;
    width: 100%;
    height: 15%;
    font-size: 30px;}
  
  
    .textlast{
       background-color: rgba(187, 184, 184, 0.603);
      height: 100px;
      width: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      align-self: center;
      align-content: center;
      justify-content: center;
  
    }
    
    
    
    .textlast:hover{
      background-color: rgba(165, 162, 162, 0.603);
      color: rgb(36, 35, 35);
    }
    .ins:hover{
      margin-bottom: 20px;
    }
    .fb:hover{
      margin-bottom: 20px;
    }
    .you:hover{
      margin-bottom: 20px;
    }
  
  
  
  .gotop{
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 40px;
    right: 50px;
  }
  .gotop:hover{
    width: 60px;
    height: 60px;
    transition: 0.1s;
    padding-right: -10;
    margin-right: -10;
  }
  
  
  
  .dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
  }
   
  
  
  
   @-webkit-keyframes tracking-in-expand {
    0% {
      letter-spacing: -0.5em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes tracking-in-expand {
    0% {
      letter-spacing: -0.5em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
  }
  
   @-webkit-keyframes kenburns-top {
    0% {
      -webkit-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0);
      -webkit-transform-origin: 50% 16%;
              transform-origin: 50% 16%;
    }
    100% {
      -webkit-transform: scale(1.25) translateY(-10px);
              transform: scale(1.25) translateY(-10px);
      -webkit-transform-origin: top;
              transform-origin: top;
    }
  }
  @keyframes kenburns-top {
    0% {
      -webkit-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0);
      -webkit-transform-origin: 50% 16%;
              transform-origin: 50% 16%;
    }
    100% {
      -webkit-transform: scale(1.25) translateY(-15px);
              transform: scale(1.25) translateY(-15px);
      -webkit-transform-origin: top;
              transform-origin: top;
    }
  }
  
  
   @-webkit-keyframes tracking-in-contract {
    0% {
      letter-spacing: 1em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      letter-spacing: normal;
      opacity: 1;
    }
  }
  @keyframes tracking-in-contract {
    0% {
      letter-spacing: 1em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      letter-spacing: normal;
      opacity: 1;
    }
  }
  
  
  @media only screen and (max-width: 375px   ) {

  .textlast{ height: 150px;
    font-size: 10px;
  }}


@media only screen and (max-width: 425px   ) {

  .textlast{ height: 150px;
    font-size: 10px;    justify-content: center;
align-content: center;
align-items: center;
align-self: center;
    text-align: center;

  }
.icons{    justify-content: center;
  align-content: center;
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  text-align: center;
  
} 
footer{     justify-content: center;
  align-content: center;
  align-items: center;
  align-self: center;
  text-align: center;
  flex-direction: column;
}

.pp{ align-content: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  text-align: center;

}
}


  @media only screen and (max-width: 1000px   ) {
    
  body{ height: auto;}
  
  
  
  
  
    }
  .image{
    display: none;
  }  
  .honehistory{
    font-size: 50px;
  }   
  
  .honehistory:hover{
    font-size: 55px;
  } 
  
  .maininfodiv{
    justify-content: space-between;
     display: flex;
    flex-direction: column;
    
  }
  .firstdiv{
    width: 100%;
    height: 300px;
  }
  
  .getapfactory{
    font-size: 15px;
  }
  
  
  .seconddiv{
    width: 100%;
    height: 300px;
    
  }
  .thirddiv{
    width: 100%;
    height: 300px;
   }
   
  .getapfactory{ width: 100%;
    height: 300px;
  }
  
  #history22{
    justify-content: space-between;
    display: flex;
   flex-direction: column;
    
  
  }
  
  #historyy{ justify-content: space-between;
    display: flex;
    height: auto;
   flex-direction: column;
   padding-top: 320px;
  
   
  }
  .ye2000{
      
    font-size: 50px;
  }
  
  .text2{
    font-size: 15px;
  }
  
  
  .y1938{
    display: none;
  }
  .y1999{
    display: none;
  
  }
  .y2014{
    display: none;
  }
  
  .y1956{
    display: none;
  }
  .imgye{
    display: none;
  }
   
  
  .textp{
    height: 100%;
  }
  .get{
     background-color: #2D2D2D;
     z-index: +1;
    height: 60px;
  }
  
  .imagefive:hover{
  background-position-y: -450px;
  }
   .textlast{
     font-size: 15px;
   }
   footer{
    display: flex;
    height: auto;
  }
  
  .icons{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
   
  
   .pp{
     font-size: 15px;
     
   }
  
  
  
  
  
  .gotop{
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 40px;
    right: 50px;
  }
  .gotop:hover{
    width: 60px;
    height: 60px;
    transition: 0.1s;
    padding-right: -10;
    margin-right: -10;
  }
  
  .rowbrands{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-self: center;
    align-items: center;

     width: 100%;
    height: 150px;
    background-color: rgba(133, 130, 130, 0.24);





     
  }




  /* .rowbrands {
    background-image: url(logos.jpg);
    height: 70px;
    width: 100%;
    margin-top: 60px;
    animation: backgroundScroll 60s linear infinite;
  }
  
  @keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -4502px 0;}
  }



 */














  .brands{
    margin: 10px; 
    width: 120px;
     

  }
   
  .brands:hover{
    margin: 10px;
    width: 210px;
     

  }




































  .firefly { z-index: +10;
      position: fixed;
      left: 50%;
      top: 50%;
      width: 0.4vw;
      height: 0.4vw;
      margin: -0.2vw 0 0 9.8vw;
      animation: ease 200s alternate infinite;
      pointer-events: none;
      }
      .firefly::before, .firefly::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      transform-origin: -10vw;
      }
      .firefly::before {
      background: wheat;
      opacity: 0.4;
      animation: drift ease alternate infinite;
      }
      .firefly::after {
      background: white;
      opacity: 0;
      box-shadow: 0 0 0vw 0vw yellow;
      animation: drift ease alternate infinite, flash ease infinite;
      }
      
      .firefly:nth-child(1) {
      animation-name: move1;
      }
      .firefly:nth-child(1)::before {
      animation-duration: 17s;
      }
      .firefly:nth-child(1)::after {
      animation-duration: 17s, 7701ms;
      animation-delay: 0ms, 6233ms;
      }
      
      @keyframes move1 {
      0% {
        transform: translateX(-47vw) translateY(43vh) scale(0.81);
      }
      3.5714285714% {
        transform: translateX(14vw) translateY(5vh) scale(0.42);
      }
      7.1428571429% {
        transform: translateX(18vw) translateY(-29vh) scale(0.33);
      }
      10.7142857143% {
        transform: translateX(-28vw) translateY(-20vh) scale(0.28);
      }
      14.2857142857% {
        transform: translateX(27vw) translateY(24vh) scale(0.76);
      }
      17.8571428571% {
        transform: translateX(46vw) translateY(17vh) scale(0.42);
      }
      21.4285714286% {
        transform: translateX(-38vw) translateY(-30vh) scale(0.66);
      }
      25% {
        transform: translateX(12vw) translateY(-37vh) scale(0.57);
      }
      28.5714285714% {
        transform: translateX(27vw) translateY(12vh) scale(0.89);
      }
      32.1428571429% {
        transform: translateX(-3vw) translateY(-44vh) scale(0.49);
      }
      35.7142857143% {
        transform: translateX(46vw) translateY(-10vh) scale(0.37);
      }
      39.2857142857% {
        transform: translateX(-39vw) translateY(18vh) scale(0.77);
      }
      42.8571428571% {
        transform: translateX(-27vw) translateY(25vh) scale(0.59);
      }
      46.4285714286% {
        transform: translateX(9vw) translateY(-18vh) scale(0.71);
      }
      50% {
        transform: translateX(34vw) translateY(34vh) scale(0.41);
      }
      53.5714285714% {
        transform: translateX(1vw) translateY(-43vh) scale(0.93);
      }
      57.1428571429% {
        transform: translateX(-24vw) translateY(-36vh) scale(0.93);
      }
      60.7142857143% {
        transform: translateX(-38vw) translateY(-30vh) scale(0.86);
      }
      64.2857142857% {
        transform: translateX(39vw) translateY(-14vh) scale(0.84);
      }
      67.8571428571% {
        transform: translateX(-26vw) translateY(-35vh) scale(0.39);
      }
      71.4285714286% {
        transform: translateX(2vw) translateY(-5vh) scale(0.54);
      }
      75% {
        transform: translateX(26vw) translateY(-31vh) scale(0.94);
      }
      78.5714285714% {
        transform: translateX(49vw) translateY(-16vh) scale(0.85);
      }
      82.1428571429% {
        transform: translateX(1vw) translateY(-6vh) scale(0.64);
      }
      85.7142857143% {
        transform: translateX(12vw) translateY(-19vh) scale(0.93);
      }
      89.2857142857% {
        transform: translateX(30vw) translateY(-27vh) scale(0.45);
      }
      92.8571428571% {
        transform: translateX(-25vw) translateY(-15vh) scale(0.41);
      }
      96.4285714286% {
        transform: translateX(-1vw) translateY(29vh) scale(0.91);
      }
      100% {
        transform: translateX(-9vw) translateY(-45vh) scale(0.29);
      }
      }
      .firefly:nth-child(2) {
      animation-name: move2;
      }
      .firefly:nth-child(2)::before {
      animation-duration: 14s;
      }
      .firefly:nth-child(2)::after {
      animation-duration: 14s, 8683ms;
      animation-delay: 0ms, 845ms;
      }
      
      @keyframes move2 {
      0% {
        transform: translateX(-12vw) translateY(8vh) scale(0.84);
      }
      5% {
        transform: translateX(-36vw) translateY(6vh) scale(0.93);
      }
      10% {
        transform: translateX(34vw) translateY(-3vh) scale(0.52);
      }
      15% {
        transform: translateX(4vw) translateY(43vh) scale(0.95);
      }
      20% {
        transform: translateX(23vw) translateY(-33vh) scale(0.67);
      }
      25% {
        transform: translateX(42vw) translateY(-44vh) scale(0.6);
      }
      30% {
        transform: translateX(6vw) translateY(17vh) scale(0.97);
      }
      35% {
        transform: translateX(7vw) translateY(-4vh) scale(0.96);
      }
      40% {
        transform: translateX(30vw) translateY(-38vh) scale(0.38);
      }
      45% {
        transform: translateX(-12vw) translateY(-9vh) scale(0.44);
      }
      50% {
        transform: translateX(25vw) translateY(37vh) scale(0.88);
      }
      55% {
        transform: translateX(1vw) translateY(-36vh) scale(0.37);
      }
      60% {
        transform: translateX(-38vw) translateY(-26vh) scale(0.79);
      }
      65% {
        transform: translateX(20vw) translateY(37vh) scale(0.49);
      }
      70% {
        transform: translateX(-43vw) translateY(-30vh) scale(0.51);
      }
      75% {
        transform: translateX(15vw) translateY(11vh) scale(0.75);
      }
      80% {
        transform: translateX(22vw) translateY(0vh) scale(0.3);
      }
      85% {
        transform: translateX(-18vw) translateY(49vh) scale(0.73);
      }
      90% {
        transform: translateX(-37vw) translateY(33vh) scale(0.51);
      }
      95% {
        transform: translateX(-23vw) translateY(0vh) scale(0.47);
      }
      100% {
        transform: translateX(-32vw) translateY(18vh) scale(0.61);
      }
      }
      .firefly:nth-child(3) {
      animation-name: move3;
      }
      .firefly:nth-child(3)::before {
      animation-duration: 9s;
      }
      .firefly:nth-child(3)::after {
      animation-duration: 9s, 6520ms;
      animation-delay: 0ms, 2537ms;
      }
      
      @keyframes move3 {
      0% {
        transform: translateX(8vw) translateY(19vh) scale(0.45);
      }
      4.7619047619% {
        transform: translateX(-20vw) translateY(-20vh) scale(0.48);
      }
      9.5238095238% {
        transform: translateX(49vw) translateY(-26vh) scale(0.58);
      }
      14.2857142857% {
        transform: translateX(20vw) translateY(0vh) scale(0.78);
      }
      19.0476190476% {
        transform: translateX(32vw) translateY(-33vh) scale(0.34);
      }
      23.8095238095% {
        transform: translateX(-20vw) translateY(-48vh) scale(0.51);
      }
      28.5714285714% {
        transform: translateX(-1vw) translateY(42vh) scale(0.54);
      }
      33.3333333333% {
        transform: translateX(-16vw) translateY(-12vh) scale(0.4);
      }
      38.0952380952% {
        transform: translateX(21vw) translateY(26vh) scale(0.59);
      }
      42.8571428571% {
        transform: translateX(18vw) translateY(-31vh) scale(0.3);
      }
      47.619047619% {
        transform: translateX(13vw) translateY(-13vh) scale(0.8);
      }
      52.380952381% {
        transform: translateX(25vw) translateY(-1vh) scale(0.59);
      }
      57.1428571429% {
        transform: translateX(13vw) translateY(46vh) scale(0.73);
      }
      61.9047619048% {
        transform: translateX(-17vw) translateY(46vh) scale(0.56);
      }
      66.6666666667% {
        transform: translateX(-31vw) translateY(-40vh) scale(0.74);
      }
      71.4285714286% {
        transform: translateX(-17vw) translateY(-37vh) scale(0.72);
      }
      76.1904761905% {
        transform: translateX(-32vw) translateY(44vh) scale(0.95);
      }
      80.9523809524% {
        transform: translateX(6vw) translateY(19vh) scale(0.81);
      }
      85.7142857143% {
        transform: translateX(39vw) translateY(-38vh) scale(0.68);
      }
      90.4761904762% {
        transform: translateX(-11vw) translateY(-28vh) scale(0.32);
      }
      95.2380952381% {
        transform: translateX(-49vw) translateY(24vh) scale(0.84);
      }
      100% {
        transform: translateX(-25vw) translateY(-36vh) scale(0.8);
      }
      }
      .firefly:nth-child(4) {
      animation-name: move4;
      }
      .firefly:nth-child(4)::before {
      animation-duration: 16s;
      }
      .firefly:nth-child(4)::after {
      animation-duration: 16s, 6762ms;
      animation-delay: 0ms, 4964ms;
      }
      
      @keyframes move4 {
      0% {
        transform: translateX(17vw) translateY(8vh) scale(0.84);
      }
      3.5714285714% {
        transform: translateX(-37vw) translateY(24vh) scale(0.45);
      }
      7.1428571429% {
        transform: translateX(22vw) translateY(14vh) scale(0.81);
      }
      10.7142857143% {
        transform: translateX(40vw) translateY(-34vh) scale(0.77);
      }
      14.2857142857% {
        transform: translateX(-16vw) translateY(-44vh) scale(0.71);
      }
      17.8571428571% {
        transform: translateX(-22vw) translateY(4vh) scale(0.79);
      }
      21.4285714286% {
        transform: translateX(-34vw) translateY(-44vh) scale(0.89);
      }
      25% {
        transform: translateX(19vw) translateY(6vh) scale(0.3);
      }
      28.5714285714% {
        transform: translateX(-28vw) translateY(-42vh) scale(0.36);
      }
      32.1428571429% {
        transform: translateX(-37vw) translateY(26vh) scale(0.46);
      }
      35.7142857143% {
        transform: translateX(-41vw) translateY(21vh) scale(0.77);
      }
      39.2857142857% {
        transform: translateX(-28vw) translateY(-25vh) scale(0.73);
      }
      42.8571428571% {
        transform: translateX(-8vw) translateY(30vh) scale(0.3);
      }
      46.4285714286% {
        transform: translateX(19vw) translateY(19vh) scale(0.49);
      }
      50% {
        transform: translateX(32vw) translateY(48vh) scale(0.73);
      }
      53.5714285714% {
        transform: translateX(4vw) translateY(-6vh) scale(0.82);
      }
      57.1428571429% {
        transform: translateX(-2vw) translateY(34vh) scale(0.95);
      }
      60.7142857143% {
        transform: translateX(44vw) translateY(15vh) scale(0.66);
      }
      64.2857142857% {
        transform: translateX(17vw) translateY(-7vh) scale(0.3);
      }
      67.8571428571% {
        transform: translateX(-26vw) translateY(10vh) scale(0.77);
      }
      71.4285714286% {
        transform: translateX(15vw) translateY(21vh) scale(0.46);
      }
      75% {
        transform: translateX(-7vw) translateY(47vh) scale(0.52);
      }
      78.5714285714% {
        transform: translateX(-27vw) translateY(-6vh) scale(0.88);
      }
      82.1428571429% {
        transform: translateX(15vw) translateY(7vh) scale(0.45);
      }
      85.7142857143% {
        transform: translateX(-3vw) translateY(-7vh) scale(0.34);
      }
      89.2857142857% {
        transform: translateX(7vw) translateY(9vh) scale(0.81);
      }
      92.8571428571% {
        transform: translateX(-15vw) translateY(2vh) scale(0.62);
      }
      96.4285714286% {
        transform: translateX(-15vw) translateY(-24vh) scale(0.45);
      }
      100% {
        transform: translateX(18vw) translateY(-21vh) scale(0.4);
      }
      }
      .firefly:nth-child(5) {
      animation-name: move5;
      }
      .firefly:nth-child(5)::before {
      animation-duration: 11s;
      }
      .firefly:nth-child(5)::after {
      animation-duration: 11s, 7725ms;
      animation-delay: 0ms, 7306ms;
      }
      
      @keyframes move5 {
      0% {
        transform: translateX(6vw) translateY(-12vh) scale(0.38);
      }
      4.7619047619% {
        transform: translateX(-22vw) translateY(50vh) scale(0.57);
      }
      9.5238095238% {
        transform: translateX(22vw) translateY(-45vh) scale(0.87);
      }
      14.2857142857% {
        transform: translateX(11vw) translateY(-23vh) scale(0.9);
      }
      19.0476190476% {
        transform: translateX(-49vw) translateY(13vh) scale(0.54);
      }
      23.8095238095% {
        transform: translateX(-37vw) translateY(-5vh) scale(0.98);
      }
      28.5714285714% {
        transform: translateX(10vw) translateY(35vh) scale(0.99);
      }
      33.3333333333% {
        transform: translateX(-27vw) translateY(-25vh) scale(0.33);
      }
      38.0952380952% {
        transform: translateX(-1vw) translateY(-21vh) scale(0.73);
      }
      42.8571428571% {
        transform: translateX(47vw) translateY(31vh) scale(0.8);
      }
      47.619047619% {
        transform: translateX(44vw) translateY(-10vh) scale(0.91);
      }
      52.380952381% {
        transform: translateX(-21vw) translateY(-30vh) scale(0.28);
      }
      57.1428571429% {
        transform: translateX(-37vw) translateY(5vh) scale(0.88);
      }
      61.9047619048% {
        transform: translateX(37vw) translateY(1vh) scale(0.92);
      }
      66.6666666667% {
        transform: translateX(37vw) translateY(-46vh) scale(0.57);
      }
      71.4285714286% {
        transform: translateX(32vw) translateY(-37vh) scale(0.44);
      }
      76.1904761905% {
        transform: translateX(24vw) translateY(-12vh) scale(0.28);
      }
      80.9523809524% {
        transform: translateX(-15vw) translateY(-49vh) scale(0.64);
      }
      85.7142857143% {
        transform: translateX(-2vw) translateY(-36vh) scale(0.94);
      }
      90.4761904762% {
        transform: translateX(24vw) translateY(-9vh) scale(0.72);
      }
      95.2380952381% {
        transform: translateX(46vw) translateY(-16vh) scale(0.78);
      }
      100% {
        transform: translateX(-31vw) translateY(-36vh) scale(0.83);
      }
      }
      .firefly:nth-child(6) {
      animation-name: move6;
      }
      .firefly:nth-child(6)::before {
      animation-duration: 9s;
      }
      .firefly:nth-child(6)::after {
      animation-duration: 9s, 10851ms;
      animation-delay: 0ms, 5768ms;
      }
      
      @keyframes move6 {
      0% {
        transform: translateX(50vw) translateY(7vh) scale(0.58);
      }
      3.5714285714% {
        transform: translateX(36vw) translateY(38vh) scale(0.67);
      }
      7.1428571429% {
        transform: translateX(18vw) translateY(-18vh) scale(0.34);
      }
      10.7142857143% {
        transform: translateX(-31vw) translateY(-15vh) scale(0.86);
      }
      14.2857142857% {
        transform: translateX(-16vw) translateY(0vh) scale(0.72);
      }
      17.8571428571% {
        transform: translateX(21vw) translateY(-37vh) scale(0.91);
      }
      21.4285714286% {
        transform: translateX(-2vw) translateY(-43vh) scale(0.81);
      }
      25% {
        transform: translateX(41vw) translateY(-26vh) scale(0.77);
      }
      28.5714285714% {
        transform: translateX(35vw) translateY(-7vh) scale(0.28);
      }
      32.1428571429% {
        transform: translateX(-21vw) translateY(-8vh) scale(0.78);
      }
      35.7142857143% {
        transform: translateX(-10vw) translateY(5vh) scale(0.26);
      }
      39.2857142857% {
        transform: translateX(-18vw) translateY(-40vh) scale(0.78);
      }
      42.8571428571% {
        transform: translateX(28vw) translateY(-43vh) scale(0.79);
      }
      46.4285714286% {
        transform: translateX(47vw) translateY(14vh) scale(0.31);
      }
      50% {
        transform: translateX(38vw) translateY(8vh) scale(0.67);
      }
      53.5714285714% {
        transform: translateX(-34vw) translateY(-29vh) scale(0.6);
      }
      57.1428571429% {
        transform: translateX(20vw) translateY(24vh) scale(0.88);
      }
      60.7142857143% {
        transform: translateX(27vw) translateY(45vh) scale(0.72);
      }
      64.2857142857% {
        transform: translateX(33vw) translateY(-33vh) scale(0.5);
      }
      67.8571428571% {
        transform: translateX(-20vw) translateY(-34vh) scale(0.69);
      }
      71.4285714286% {
        transform: translateX(15vw) translateY(32vh) scale(0.95);
      }
      75% {
        transform: translateX(-1vw) translateY(23vh) scale(0.66);
      }
      78.5714285714% {
        transform: translateX(-41vw) translateY(-27vh) scale(0.69);
      }
      82.1428571429% {
        transform: translateX(-24vw) translateY(-19vh) scale(0.88);
      }
      85.7142857143% {
        transform: translateX(-36vw) translateY(-26vh) scale(0.57);
      }
      89.2857142857% {
        transform: translateX(-31vw) translateY(14vh) scale(0.45);
      }
      92.8571428571% {
        transform: translateX(-12vw) translateY(50vh) scale(0.42);
      }
      96.4285714286% {
        transform: translateX(18vw) translateY(48vh) scale(0.64);
      }
      100% {
        transform: translateX(21vw) translateY(-16vh) scale(0.44);
      }
      }
      .firefly:nth-child(7) {
      animation-name: move7;
      }
      .firefly:nth-child(7)::before {
      animation-duration: 12s;
      }
      .firefly:nth-child(7)::after {
      animation-duration: 12s, 7909ms;
      animation-delay: 0ms, 5393ms;
      }
      
      @keyframes move7 {
      0% {
        transform: translateX(-17vw) translateY(43vh) scale(0.29);
      }
      4.1666666667% {
        transform: translateX(31vw) translateY(-49vh) scale(0.56);
      }
      8.3333333333% {
        transform: translateX(-24vw) translateY(-40vh) scale(0.78);
      }
      12.5% {
        transform: translateX(14vw) translateY(35vh) scale(0.39);
      }
      16.6666666667% {
        transform: translateX(-7vw) translateY(37vh) scale(0.69);
      }
      20.8333333333% {
        transform: translateX(-28vw) translateY(35vh) scale(0.64);
      }
      25% {
        transform: translateX(47vw) translateY(8vh) scale(0.39);
      }
      29.1666666667% {
        transform: translateX(-25vw) translateY(38vh) scale(0.54);
      }
      33.3333333333% {
        transform: translateX(15vw) translateY(50vh) scale(0.5);
      }
      37.5% {
        transform: translateX(29vw) translateY(-24vh) scale(0.46);
      }
      41.6666666667% {
        transform: translateX(-8vw) translateY(46vh) scale(0.96);
      }
      45.8333333333% {
        transform: translateX(11vw) translateY(-37vh) scale(0.53);
      }
      50% {
        transform: translateX(25vw) translateY(-33vh) scale(0.28);
      }
      54.1666666667% {
        transform: translateX(-9vw) translateY(1vh) scale(0.74);
      }
      58.3333333333% {
        transform: translateX(40vw) translateY(23vh) scale(0.55);
      }
      62.5% {
        transform: translateX(23vw) translateY(5vh) scale(0.54);
      }
      66.6666666667% {
        transform: translateX(-37vw) translateY(-34vh) scale(0.56);
      }
      70.8333333333% {
        transform: translateX(13vw) translateY(-3vh) scale(0.9);
      }
      75% {
        transform: translateX(4vw) translateY(15vh) scale(0.45);
      }
      79.1666666667% {
        transform: translateX(-3vw) translateY(38vh) scale(0.71);
      }
      83.3333333333% {
        transform: translateX(47vw) translateY(29vh) scale(0.29);
      }
      87.5% {
        transform: translateX(-4vw) translateY(47vh) scale(0.9);
      }
      91.6666666667% {
        transform: translateX(45vw) translateY(-10vh) scale(0.47);
      }
      95.8333333333% {
        transform: translateX(1vw) translateY(-48vh) scale(0.82);
      }
      100% {
        transform: translateX(25vw) translateY(-1vh) scale(0.38);
      }
      }
      .firefly:nth-child(8) {
      animation-name: move8;
      }
      .firefly:nth-child(8)::before {
      animation-duration: 14s;
      }
      .firefly:nth-child(8)::after {
      animation-duration: 14s, 6403ms;
      animation-delay: 0ms, 3542ms;
      }
      
      @keyframes move8 {
      0% {
        transform: translateX(30vw) translateY(27vh) scale(0.53);
      }
      4.1666666667% {
        transform: translateX(26vw) translateY(35vh) scale(0.32);
      }
      8.3333333333% {
        transform: translateX(26vw) translateY(9vh) scale(0.81);
      }
      12.5% {
        transform: translateX(29vw) translateY(0vh) scale(0.53);
      }
      16.6666666667% {
        transform: translateX(-42vw) translateY(37vh) scale(1);
      }
      20.8333333333% {
        transform: translateX(30vw) translateY(42vh) scale(0.47);
      }
      25% {
        transform: translateX(41vw) translateY(16vh) scale(0.7);
      }
      29.1666666667% {
        transform: translateX(6vw) translateY(22vh) scale(0.99);
      }
      33.3333333333% {
        transform: translateX(39vw) translateY(-43vh) scale(0.29);
      }
      37.5% {
        transform: translateX(38vw) translateY(40vh) scale(0.31);
      }
      41.6666666667% {
        transform: translateX(7vw) translateY(27vh) scale(0.74);
      }
      45.8333333333% {
        transform: translateX(42vw) translateY(2vh) scale(0.58);
      }
      50% {
        transform: translateX(-48vw) translateY(-45vh) scale(0.91);
      }
      54.1666666667% {
        transform: translateX(-24vw) translateY(0vh) scale(0.99);
      }
      58.3333333333% {
        transform: translateX(-31vw) translateY(-20vh) scale(0.56);
      }
      62.5% {
        transform: translateX(39vw) translateY(33vh) scale(0.3);
      }
      66.6666666667% {
        transform: translateX(-16vw) translateY(-40vh) scale(0.57);
      }
      70.8333333333% {
        transform: translateX(9vw) translateY(34vh) scale(0.27);
      }
      75% {
        transform: translateX(22vw) translateY(32vh) scale(0.51);
      }
      79.1666666667% {
        transform: translateX(26vw) translateY(-6vh) scale(0.48);
      }
      83.3333333333% {
        transform: translateX(21vw) translateY(22vh) scale(0.57);
      }
      87.5% {
        transform: translateX(31vw) translateY(-6vh) scale(0.73);
      }
      91.6666666667% {
        transform: translateX(5vw) translateY(11vh) scale(0.89);
      }
      95.8333333333% {
        transform: translateX(-16vw) translateY(-31vh) scale(0.87);
      }
      100% {
        transform: translateX(-17vw) translateY(-39vh) scale(0.97);
      }
      }
      .firefly:nth-child(9) {
      animation-name: move9;
      }
      .firefly:nth-child(9)::before {
      animation-duration: 9s;
      }
      .firefly:nth-child(9)::after {
      animation-duration: 9s, 5797ms;
      animation-delay: 0ms, 2677ms;
      }
      
      @keyframes move9 {
      0% {
        transform: translateX(-33vw) translateY(7vh) scale(0.69);
      }
      4.1666666667% {
        transform: translateX(-12vw) translateY(10vh) scale(0.72);
      }
      8.3333333333% {
        transform: translateX(-48vw) translateY(-4vh) scale(0.27);
      }
      12.5% {
        transform: translateX(49vw) translateY(-41vh) scale(0.4);
      }
      16.6666666667% {
        transform: translateX(30vw) translateY(-41vh) scale(0.79);
      }
      20.8333333333% {
        transform: translateX(11vw) translateY(16vh) scale(0.93);
      }
      25% {
        transform: translateX(18vw) translateY(23vh) scale(0.58);
      }
      29.1666666667% {
        transform: translateX(-25vw) translateY(38vh) scale(0.52);
      }
      33.3333333333% {
        transform: translateX(-15vw) translateY(-45vh) scale(0.61);
      }
      37.5% {
        transform: translateX(30vw) translateY(-19vh) scale(0.44);
      }
      41.6666666667% {
        transform: translateX(13vw) translateY(-25vh) scale(0.84);
      }
      45.8333333333% {
        transform: translateX(-49vw) translateY(44vh) scale(0.81);
      }
      50% {
        transform: translateX(40vw) translateY(-16vh) scale(0.82);
      }
      54.1666666667% {
        transform: translateX(4vw) translateY(21vh) scale(0.48);
      }
      58.3333333333% {
        transform: translateX(-17vw) translateY(-18vh) scale(0.96);
      }
      62.5% {
        transform: translateX(36vw) translateY(17vh) scale(0.42);
      }
      66.6666666667% {
        transform: translateX(14vw) translateY(-24vh) scale(0.69);
      }
      70.8333333333% {
        transform: translateX(6vw) translateY(-43vh) scale(0.51);
      }
      75% {
        transform: translateX(46vw) translateY(25vh) scale(0.53);
      }
      79.1666666667% {
        transform: translateX(-29vw) translateY(-26vh) scale(0.58);
      }
      83.3333333333% {
        transform: translateX(-35vw) translateY(1vh) scale(0.37);
      }
      87.5% {
        transform: translateX(35vw) translateY(-15vh) scale(0.26);
      }
      91.6666666667% {
        transform: translateX(14vw) translateY(49vh) scale(0.89);
      }
      95.8333333333% {
        transform: translateX(41vw) translateY(-6vh) scale(0.73);
      }
      100% {
        transform: translateX(6vw) translateY(-10vh) scale(0.34);
      }
      }
      .firefly:nth-child(10) {
      animation-name: move10;
      }
      .firefly:nth-child(10)::before {
      animation-duration: 12s;
      }
      .firefly:nth-child(10)::after {
      animation-duration: 12s, 10492ms;
      animation-delay: 0ms, 6292ms;
      }
      
      @keyframes move10 {
      0% {
        transform: translateX(-22vw) translateY(2vh) scale(0.54);
      }
      4.347826087% {
        transform: translateX(47vw) translateY(-4vh) scale(0.86);
      }
      8.6956521739% {
        transform: translateX(-24vw) translateY(19vh) scale(0.81);
      }
      13.0434782609% {
        transform: translateX(-28vw) translateY(-23vh) scale(0.92);
      }
      17.3913043478% {
        transform: translateX(-5vw) translateY(25vh) scale(0.78);
      }
      21.7391304348% {
        transform: translateX(2vw) translateY(48vh) scale(0.62);
      }
      26.0869565217% {
        transform: translateX(18vw) translateY(41vh) scale(0.4);
      }
      30.4347826087% {
        transform: translateX(-36vw) translateY(-3vh) scale(0.33);
      }
      34.7826086957% {
        transform: translateX(-33vw) translateY(-34vh) scale(0.75);
      }
      39.1304347826% {
        transform: translateX(16vw) translateY(-28vh) scale(0.68);
      }
      43.4782608696% {
        transform: translateX(-48vw) translateY(41vh) scale(0.39);
      }
      47.8260869565% {
        transform: translateX(-7vw) translateY(32vh) scale(0.89);
      }
      52.1739130435% {
        transform: translateX(-23vw) translateY(36vh) scale(0.8);
      }
      56.5217391304% {
        transform: translateX(-26vw) translateY(-2vh) scale(0.53);
      }
      60.8695652174% {
        transform: translateX(-33vw) translateY(-32vh) scale(0.78);
      }
      65.2173913043% {
        transform: translateX(44vw) translateY(-4vh) scale(0.35);
      }
      69.5652173913% {
        transform: translateX(-36vw) translateY(24vh) scale(0.65);
      }
      73.9130434783% {
        transform: translateX(29vw) translateY(29vh) scale(0.35);
      }
      78.2608695652% {
        transform: translateX(8vw) translateY(-1vh) scale(0.95);
      }
      82.6086956522% {
        transform: translateX(28vw) translateY(1vh) scale(0.28);
      }
      86.9565217391% {
        transform: translateX(-4vw) translateY(-12vh) scale(0.44);
      }
      91.3043478261% {
        transform: translateX(-39vw) translateY(-3vh) scale(0.47);
      }
      95.652173913% {
        transform: translateX(-14vw) translateY(-35vh) scale(0.6);
      }
      100% {
        transform: translateX(13vw) translateY(5vh) scale(0.45);
      }
      }
      .firefly:nth-child(11) {
      animation-name: move11;
      }
      .firefly:nth-child(11)::before {
      animation-duration: 10s;
      }
      .firefly:nth-child(11)::after {
      animation-duration: 10s, 10665ms;
      animation-delay: 0ms, 6707ms;
      }
      
      @keyframes move11 {
      0% {
        transform: translateX(38vw) translateY(47vh) scale(0.88);
      }
      5.2631578947% {
        transform: translateX(-8vw) translateY(-27vh) scale(0.31);
      }
      10.5263157895% {
        transform: translateX(34vw) translateY(0vh) scale(0.72);
      }
      15.7894736842% {
        transform: translateX(42vw) translateY(25vh) scale(0.7);
      }
      21.0526315789% {
        transform: translateX(-48vw) translateY(-43vh) scale(0.81);
      }
      26.3157894737% {
        transform: translateX(-24vw) translateY(28vh) scale(0.75);
      }
      31.5789473684% {
        transform: translateX(21vw) translateY(-9vh) scale(0.5);
      }
      36.8421052632% {
        transform: translateX(17vw) translateY(17vh) scale(0.81);
      }
      42.1052631579% {
        transform: translateX(20vw) translateY(-37vh) scale(0.78);
      }
      47.3684210526% {
        transform: translateX(42vw) translateY(33vh) scale(0.89);
      }
      52.6315789474% {
        transform: translateX(23vw) translateY(-6vh) scale(0.79);
      }
      57.8947368421% {
        transform: translateX(44vw) translateY(-15vh) scale(0.51);
      }
      63.1578947368% {
        transform: translateX(-10vw) translateY(-32vh) scale(0.98);
      }
      68.4210526316% {
        transform: translateX(-26vw) translateY(-3vh) scale(0.5);
      }
      73.6842105263% {
        transform: translateX(25vw) translateY(0vh) scale(0.83);
      }
      78.9473684211% {
        transform: translateX(46vw) translateY(23vh) scale(0.87);
      }
      84.2105263158% {
        transform: translateX(7vw) translateY(-14vh) scale(0.71);
      }
      89.4736842105% {
        transform: translateX(45vw) translateY(-46vh) scale(0.37);
      }
      94.7368421053% {
        transform: translateX(-34vw) translateY(-31vh) scale(0.6);
      }
      100% {
        transform: translateX(32vw) translateY(-29vh) scale(0.68);
      }
      }
      .firefly:nth-child(12) {
      animation-name: move12;
      }
      .firefly:nth-child(12)::before {
      animation-duration: 14s;
      }
      .firefly:nth-child(12)::after {
      animation-duration: 14s, 8505ms;
      animation-delay: 0ms, 8114ms;
      }
      
      @keyframes move12 {
      0% {
        transform: translateX(-18vw) translateY(21vh) scale(0.4);
      }
      4.5454545455% {
        transform: translateX(24vw) translateY(-21vh) scale(0.69);
      }
      9.0909090909% {
        transform: translateX(-5vw) translateY(-6vh) scale(0.85);
      }
      13.6363636364% {
        transform: translateX(-13vw) translateY(-15vh) scale(0.75);
      }
      18.1818181818% {
        transform: translateX(15vw) translateY(37vh) scale(0.96);
      }
      22.7272727273% {
        transform: translateX(-29vw) translateY(44vh) scale(0.37);
      }
      27.2727272727% {
        transform: translateX(43vw) translateY(23vh) scale(0.53);
      }
      31.8181818182% {
        transform: translateX(18vw) translateY(-16vh) scale(0.43);
      }
      36.3636363636% {
        transform: translateX(14vw) translateY(41vh) scale(0.3);
      }
      40.9090909091% {
        transform: translateX(28vw) translateY(-7vh) scale(0.7);
      }
      45.4545454545% {
        transform: translateX(1vw) translateY(1vh) scale(0.69);
      }
      50% {
        transform: translateX(49vw) translateY(-7vh) scale(0.86);
      }
      54.5454545455% {
        transform: translateX(7vw) translateY(18vh) scale(0.73);
      }
      59.0909090909% {
        transform: translateX(-38vw) translateY(-37vh) scale(0.92);
      }
      63.6363636364% {
        transform: translateX(-37vw) translateY(-24vh) scale(0.74);
      }
      68.1818181818% {
        transform: translateX(-12vw) translateY(27vh) scale(0.99);
      }
      72.7272727273% {
        transform: translateX(-17vw) translateY(47vh) scale(0.4);
      }
      77.2727272727% {
        transform: translateX(19vw) translateY(-8vh) scale(0.87);
      }
      81.8181818182% {
        transform: translateX(-8vw) translateY(-6vh) scale(0.34);
      }
      86.3636363636% {
        transform: translateX(-42vw) translateY(27vh) scale(0.49);
      }
      90.9090909091% {
        transform: translateX(8vw) translateY(-19vh) scale(0.86);
      }
      95.4545454545% {
        transform: translateX(-49vw) translateY(-8vh) scale(0.41);
      }
      100% {
        transform: translateX(-19vw) translateY(46vh) scale(0.66);
      }
      }
      .firefly:nth-child(13) {
      animation-name: move13;
      }
      .firefly:nth-child(13)::before {
      animation-duration: 18s;
      }
      .firefly:nth-child(13)::after {
      animation-duration: 18s, 9356ms;
      animation-delay: 0ms, 3219ms;
      }
      
      @keyframes move13 {
      0% {
        transform: translateX(-10vw) translateY(-6vh) scale(0.48);
      }
      4.347826087% {
        transform: translateX(-22vw) translateY(44vh) scale(0.56);
      }
      8.6956521739% {
        transform: translateX(-21vw) translateY(-14vh) scale(0.78);
      }
      13.0434782609% {
        transform: translateX(-8vw) translateY(10vh) scale(0.81);
      }
      17.3913043478% {
        transform: translateX(-40vw) translateY(-40vh) scale(0.66);
      }
      21.7391304348% {
        transform: translateX(-42vw) translateY(0vh) scale(0.53);
      }
      26.0869565217% {
        transform: translateX(46vw) translateY(22vh) scale(0.39);
      }
      30.4347826087% {
        transform: translateX(-47vw) translateY(-35vh) scale(0.94);
      }
      34.7826086957% {
        transform: translateX(-31vw) translateY(44vh) scale(0.95);
      }
      39.1304347826% {
        transform: translateX(-26vw) translateY(19vh) scale(0.78);
      }
      43.4782608696% {
        transform: translateX(-10vw) translateY(32vh) scale(0.9);
      }
      47.8260869565% {
        transform: translateX(-15vw) translateY(-25vh) scale(0.47);
      }
      52.1739130435% {
        transform: translateX(-45vw) translateY(-22vh) scale(0.38);
      }
      56.5217391304% {
        transform: translateX(5vw) translateY(-8vh) scale(0.89);
      }
      60.8695652174% {
        transform: translateX(7vw) translateY(32vh) scale(0.67);
      }
      65.2173913043% {
        transform: translateX(43vw) translateY(-7vh) scale(0.65);
      }
      69.5652173913% {
        transform: translateX(-23vw) translateY(-6vh) scale(0.9);
      }
      73.9130434783% {
        transform: translateX(17vw) translateY(-5vh) scale(0.94);
      }
      78.2608695652% {
        transform: translateX(-24vw) translateY(-41vh) scale(0.88);
      }
      82.6086956522% {
        transform: translateX(-14vw) translateY(-45vh) scale(0.68);
      }
      86.9565217391% {
        transform: translateX(-20vw) translateY(-48vh) scale(0.91);
      }
      91.3043478261% {
        transform: translateX(0vw) translateY(44vh) scale(1);
      }
      95.652173913% {
        transform: translateX(-4vw) translateY(-32vh) scale(0.68);
      }
      100% {
        transform: translateX(6vw) translateY(48vh) scale(0.53);
      }
      }
      .firefly:nth-child(14) {
      animation-name: move14;
      }
      .firefly:nth-child(14)::before {
      animation-duration: 17s;
      }
      .firefly:nth-child(14)::after {
      animation-duration: 17s, 10624ms;
      animation-delay: 0ms, 2528ms;
      }
      
      @keyframes move14 {
      0% {
        transform: translateX(-2vw) translateY(18vh) scale(0.68);
      }
      3.7037037037% {
        transform: translateX(19vw) translateY(16vh) scale(0.95);
      }
      7.4074074074% {
        transform: translateX(-31vw) translateY(-15vh) scale(0.6);
      }
      11.1111111111% {
        transform: translateX(-16vw) translateY(14vh) scale(0.72);
      }
      14.8148148148% {
        transform: translateX(-13vw) translateY(-39vh) scale(0.26);
      }
      18.5185185185% {
        transform: translateX(10vw) translateY(-39vh) scale(0.42);
      }
      22.2222222222% {
        transform: translateX(-35vw) translateY(45vh) scale(0.99);
      }
      25.9259259259% {
        transform: translateX(34vw) translateY(-7vh) scale(0.29);
      }
      29.6296296296% {
        transform: translateX(-17vw) translateY(-22vh) scale(0.6);
      }
      33.3333333333% {
        transform: translateX(13vw) translateY(-36vh) scale(0.44);
      }
      37.037037037% {
        transform: translateX(47vw) translateY(-23vh) scale(0.74);
      }
      40.7407407407% {
        transform: translateX(20vw) translateY(-10vh) scale(0.81);
      }
      44.4444444444% {
        transform: translateX(49vw) translateY(35vh) scale(0.67);
      }
      48.1481481481% {
        transform: translateX(44vw) translateY(-27vh) scale(0.55);
      }
      51.8518518519% {
        transform: translateX(29vw) translateY(-17vh) scale(0.51);
      }
      55.5555555556% {
        transform: translateX(-33vw) translateY(-24vh) scale(0.71);
      }
      59.2592592593% {
        transform: translateX(33vw) translateY(35vh) scale(0.6);
      }
      62.962962963% {
        transform: translateX(3vw) translateY(-22vh) scale(0.8);
      }
      66.6666666667% {
        transform: translateX(-10vw) translateY(-2vh) scale(0.94);
      }
      70.3703703704% {
        transform: translateX(-36vw) translateY(-44vh) scale(0.68);
      }
      74.0740740741% {
        transform: translateX(28vw) translateY(-18vh) scale(0.5);
      }
      77.7777777778% {
        transform: translateX(-12vw) translateY(-3vh) scale(0.88);
      }
      81.4814814815% {
        transform: translateX(-17vw) translateY(-46vh) scale(0.49);
      }
      85.1851851852% {
        transform: translateX(9vw) translateY(-27vh) scale(0.59);
      }
      88.8888888889% {
        transform: translateX(-18vw) translateY(-12vh) scale(0.63);
      }
      92.5925925926% {
        transform: translateX(35vw) translateY(50vh) scale(0.71);
      }
      96.2962962963% {
        transform: translateX(-8vw) translateY(39vh) scale(0.3);
      }
      100% {
        transform: translateX(8vw) translateY(-39vh) scale(0.33);
      }
      }
      .firefly:nth-child(15) {
      animation-name: move15;
      }
      .firefly:nth-child(15)::before {
      animation-duration: 15s;
      }
      .firefly:nth-child(15)::after {
      animation-duration: 15s, 7879ms;
      animation-delay: 0ms, 6996ms;
      }
      
      @keyframes move15 {
      0% {
        transform: translateX(9vw) translateY(-5vh) scale(0.45);
      }
      3.8461538462% {
        transform: translateX(-18vw) translateY(32vh) scale(0.48);
      }
      7.6923076923% {
        transform: translateX(-37vw) translateY(17vh) scale(0.32);
      }
      11.5384615385% {
        transform: translateX(24vw) translateY(-49vh) scale(0.39);
      }
      15.3846153846% {
        transform: translateX(-37vw) translateY(-36vh) scale(0.37);
      }
      19.2307692308% {
        transform: translateX(44vw) translateY(9vh) scale(0.89);
      }
      23.0769230769% {
        transform: translateX(-19vw) translateY(-16vh) scale(0.77);
      }
      26.9230769231% {
        transform: translateX(4vw) translateY(36vh) scale(0.8);
      }
      30.7692307692% {
        transform: translateX(2vw) translateY(11vh) scale(0.95);
      }
      34.6153846154% {
        transform: translateX(-33vw) translateY(16vh) scale(0.71);
      }
      38.4615384615% {
        transform: translateX(-14vw) translateY(-32vh) scale(0.8);
      }
      42.3076923077% {
        transform: translateX(18vw) translateY(-5vh) scale(0.38);
      }
      46.1538461538% {
        transform: translateX(-40vw) translateY(-23vh) scale(0.29);
      }
      50% {
        transform: translateX(-16vw) translateY(-45vh) scale(0.32);
      }
      53.8461538462% {
        transform: translateX(-44vw) translateY(-46vh) scale(0.73);
      }
      57.6923076923% {
        transform: translateX(35vw) translateY(3vh) scale(0.51);
      }
      61.5384615385% {
        transform: translateX(10vw) translateY(-5vh) scale(0.85);
      }
      65.3846153846% {
        transform: translateX(44vw) translateY(14vh) scale(0.53);
      }
      69.2307692308% {
        transform: translateX(27vw) translateY(12vh) scale(0.85);
      }
      73.0769230769% {
        transform: translateX(-26vw) translateY(-12vh) scale(0.42);
      }
      76.9230769231% {
        transform: translateX(-15vw) translateY(-4vh) scale(0.79);
      }
      80.7692307692% {
        transform: translateX(1vw) translateY(-11vh) scale(0.71);
      }
      84.6153846154% {
        transform: translateX(3vw) translateY(-1vh) scale(0.79);
      }
      88.4615384615% {
        transform: translateX(-4vw) translateY(-24vh) scale(1);
      }
      92.3076923077% {
        transform: translateX(-47vw) translateY(15vh) scale(0.48);
      }
      96.1538461538% {
        transform: translateX(-1vw) translateY(-20vh) scale(0.65);
      }
      100% {
        transform: translateX(24vw) translateY(-22vh) scale(0.38);
      }
      }
      
      @keyframes flash {
      5%, 30%, 100% {
        opacity: 0;
        box-shadow: 0 0 0vw 0vw wheat;
      }
      5% {
        opacity: 1;
        box-shadow: 0 0 2vw 0.4vw wheat;
      }
      }
      
      
      @keyframes drift {
      5%, 30%, 100% {
          opacity: 0;
          box-shadow: 0 0 0vw 0vw wheat;
        }
        5% {
          opacity: 1;
          box-shadow: 0 0 2vw 0.4vw wheat;
        }
      }
      @media only screen and (max-width: 1440px   ) {
  
        body{
            width: 100%;
           height: 100vh;
        }
        

.rowbrands{
  
   display: flex;
  flex-direction: column;
  height: auto;
  width: auto;
}


        #sectioncover{
            width: 100%;
           display: flex;
           align-items: center;
           align-self: center;
           align-content: center;
           background-position: center;
           background-size: cover;
           background-repeat: no-repeat;
         }
        .img1{      
           display: none;
        
        }
        .img2{    
           display: none;
        
        }
        .img44 {    display: none;
         
        }
        
        .small{
           display: none;
        }
        
        .bottles{
           justify-content: space-around;
           display: flex;
           flex-direction: column;
        }
        h1{    
           color: rgb(255, 255, 255);
           font-size: 20px;
             
        } 
        .but1 {
            height: 40px;
            width: 150px;}
        
        .a1{ font-size:10px;
            
    
        }
         .cover{width: 100%;
         
        }
          
        
        .divtext{
         display: none;
        }
        .container{
            width: 100%;
        }
        
        header{
            width: 100%;
        }
        
     
        
        
        
        
        
        }

        /* @media only screen and (max-width: 1700px   ) {



          .rowbrands{
            flex-direction: row;
           }
          
           .brands{
            margin: 10px; 
            width: 100px;
             
      
          }
        } */