@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-in-nav-depth1 {
  from {
    opacity: 0.8;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*
@keyframes nav-show {
  from {
    left: 100%;
  }

  to {
    left: 0%;
  }
}

@keyframes nav-hide {
  from {
    left: 0%;
  }

  to {
    left: 100%;
  }
}

@media all and (max-width:768px) {

  @keyframes nav-show {
    from {
      top: 100%;
    }

    to {
      top: 0%;
    }
  }

  @keyframes nav-hide {
    from {
      top: 0%;
    }

    to {
      top: 100%;
    }
  }

  @keyframes body-dark {
    from {
      background-color: #fff;
    }

    to {
      background-color: #000;
    }
  }

  @keyframes body-light {
    from {
      background-color: #000;
    }

    to {
      background-color: #fff;
    }
  }
}
*/