/* We are running viewport transitions only on wider screens*/

@media (min-width: 640px) {
  #show {
    opacity: 0;
    transition: opacity 1s ease;
  }
  .in-viewport #show {
    opacity: 1;
  }

  #slideOut {
    opacity: 0;
    transition: opacity 1s ease;
    -webkit-animation: fade-in-bottom 1000ms ease-in-out both;
    animation: fade-in-bottom 1000ms ease-in-out both;
  }
  .in-viewport #slideOut {
    animation: fadeInUp 1s ease-in-out;
    opacity: 1;
  }
}