@keyframes start1 {
    from {  
        display: grid;
        opacity: 1;
        z-index:99;
    }
    
    75% {  
        display: grid;
        opacity: 1;
        z-index:99;
    }
    
    98% {  
        display: grid;
        opacity: 0;
        z-index:99;
        bottom:0vh;
    }
    
    to {  
        display: none;
        opacity: 0;
        bottom:100vh;
    }
}

@keyframes start2 {
    from {  
        opacity: 0;
    }
    
    33% {  
        opacity: 1;
    }
    
    to {    
        opacity: 1;
    }
}
@keyframes start3 {
    from {  
        color: rgba(255,255,255,0);
    }
    
    30% {  
        color: rgba(255,255,255,0);
    }
    
    50% {  
        color:white;
    }
    
    to {    
        color:white;
    }
}

@keyframes notification {
  from {
      transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes gallery {
  from {
      transform:translate3d(-50px, 0px ,0px);
  }

  to {
       transform:translate3d(-2290px, 0px ,0px);
  }
}

@keyframes gallery2 {
  from {
      transform:translate3d(50px, 0px ,0px);
  }

  to {
       transform:translate3d(2290px, 0px ,0px);
  }
}

@media only screen and (max-width:500px) {
    @keyframes gallery {
  from {
      transform:translate3d(-50px, 0px ,0px);
  }

  to {
       transform:translate3d(-1170px, 0px ,0px);
  }
}

@keyframes gallery2 {
   from {
      transform:translate3d(50px, 0px ,0px);
  }

  to {
       transform:translate3d(1170px, 0px ,0px);
  }
}

    
}