/*intersection-observer animations*/



.more-stuff-grid {
   
    padding: 4em 0;
    display: grid;
    grid-gap: 5em;
   
  }
  
  .from-left {
    grid-column: 2 / 3;
    transform: translateX(-50%);
  }
  
  .from-right {
    grid-column: 3 / 4;
    transform: translateX(50%);
  }
  
  .from-left,
  .from-right {
    transition: opacity 250ms ease-in, transform 400ms ease-in;
    opacity: 0;
  }
  
  .from-left.appear,
  .from-right.appear {
    transform: translateX(0);
    opacity: 1;
  }

  @media screen and (max-width: 998px) {
    .more-stuff-grid {
     grid-gap: .5rem;
      }
    }

  @media screen and (max-width: 772px) {
.more-stuff-grid {
    display: flex;
    flex-direction: column !important;
    flex-flow: column;
    padding: 0.8rem 0.8rem;
}
  }

  .fade-in {
    opacity: 0;
    transition: opacity 400ms ease-in;
  }
  
  .fade-in.appear {
    opacity: 1;
  }

  #apps-slider{
      height: 500px;
  }

  .apps-inner {
      max-height: 500px;
  }