.slideshow { position: absolute; width: 100vw; height: 100vh; overflow: hidden; }

.slideshow-image { position: absolute; width: 100%; height: 100%; background: no-repeat 50% 50%; background-size: cover; animation-name: kenburns; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 104s; opacity: 1; transform: scale(1.1); }
.slideshow-image:nth-child(1) { animation-name: kenburns-1; z-index: 12; }
.slideshow-image:nth-child(2) { animation-name: kenburns-2; z-index: 11; }
.slideshow-image:nth-child(3) { animation-name: kenburns-3; z-index: 10; }
.slideshow-image:nth-child(4) { animation-name: kenburns-4; z-index: 9; }
.slideshow-image:nth-child(5) { animation-name: kenburns-5; z-index: 8; }
.slideshow-image:nth-child(6) { animation-name: kenburns-6; z-index: 7; }
.slideshow-image:nth-child(7) { animation-name: kenburns-7; z-index: 6; }
.slideshow-image:nth-child(8) { animation-name: kenburns-8; z-index: 5; }
.slideshow-image:nth-child(9) { animation-name: kenburns-9; z-index: 4; }
.slideshow-image:nth-child(10) { animation-name: kenburns-10; z-index: 3; }
.slideshow-image:nth-child(11) { animation-name: kenburns-11; z-index: 2; }
.slideshow-image:nth-child(12) { animation-name: kenburns-12; z-index: 1; }
.slideshow-image:nth-child(13) { animation-name: kenburns-13; z-index: 0; }

@keyframes kenburns-1 { 0% { opacity: 1; transform: scale(1.1); }
  0.3846153846% { opacity: 1; }
  7.3076923077% { opacity: 1; }
  8.0769230769% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); }
  99.6153846154% { opacity: 0; transform: scale(1.1047619048); }
  100% { opacity: 1; } }
@keyframes kenburns-2 { 7.3076923077% { opacity: 1; transform: scale(1.1); }
  8.0769230769% { opacity: 1; }
  15% { opacity: 1; }
  15.7692307692% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-3 { 15% { opacity: 1; transform: scale(1.1); }
  15.7692307692% { opacity: 1; }
  22.6923076923% { opacity: 1; }
  23.4615384615% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-4 { 22.6923076923% { opacity: 1; transform: scale(1.1); }
  23.4615384615% { opacity: 1; }
  30.3846153846% { opacity: 1; }
  31.1538461538% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-5 { 30.3846153846% { opacity: 1; transform: scale(1.1); }
  31.1538461538% { opacity: 1; }
  38.0769230769% { opacity: 1; }
  38.8461538462% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-6 { 38.0769230769% { opacity: 1; transform: scale(1.1); }
  38.8461538462% { opacity: 1; }
  45.7692307692% { opacity: 1; }
  46.5384615385% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-7 { 45.7692307692% { opacity: 1; transform: scale(1.1); }
  46.5384615385% { opacity: 1; }
  53.4615384615% { opacity: 1; }
  54.2307692308% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-8 { 53.4615384615% { opacity: 1; transform: scale(1.1); }
  54.2307692308% { opacity: 1; }
  61.1538461538% { opacity: 1; }
  61.9230769231% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-9 { 61.1538461538% { opacity: 1; transform: scale(1.1); }
  61.9230769231% { opacity: 1; }
  68.8461538462% { opacity: 1; }
  69.6153846154% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-10 { 68.8461538462% { opacity: 1; transform: scale(1.1); }
  69.6153846154% { opacity: 1; }
  76.5384615385% { opacity: 1; }
  77.3076923077% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-11 { 76.5384615385% { opacity: 1; transform: scale(1.1); }
  77.3076923077% { opacity: 1; }
  84.2307692308% { opacity: 1; }
  85% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-12 { 84.2307692308% { opacity: 1; transform: scale(1.1); }
  85% { opacity: 1; }
  91.9230769231% { opacity: 1; }
  92.6923076923% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.1); } }
@keyframes kenburns-13 { 91.9230769231% { opacity: 1; transform: scale(1.1); }
  92.6923076923% { opacity: 1; }
  99.6153846154% { opacity: 1; }
  100% { opacity: 0; transform: scale(1); } }
body { margin: 0; padding: 0; }

#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url("http://files.mimoymima.com/images/loading.gif") no-repeat center center; }

h1 { position: absolute; bottom: 4px; right: 24px; /*transform: translate3d(-50%, -50%, 0);*/ z-index: 99; text-align: center; font-family: Raleway, sans-serif; font-weight: 300; /*text-transform: uppercase;*/ background-color: rgba(255, 255, 255, 0.75); box-shadow: 0 1em 2em -1em rgba(0, 0, 0, 0.5); padding: 0.5em 1em; line-height: 1.5; }
h1 small { display: block; /*text-transform: lowercase;*/ font-size: .7em; /*
&:first-child { border-bottom: 1px solid rgba(0,0,0,.25); padding-bottom: .5em;
}

&:last-child { border-top: 1px solid rgba(0,0,0,.25); padding-top: .5em;
}*/ }