html,body{
  height:100%;
}
body{
  background:#111;
  padding:0;
  margin:0;
  overflow:hidden;
}
div.image{
  width:20vw;
  position:absolute;
  transition:all 0.5s ease;
  box-shadow:0.3vw 0.3vw 0.2vw rgba(0,0,0,0.6);
  background:#fff;
  border:1px solid #999;
  overflow:hidden;
}
div.image img {
  width:100%;
  height:auto;
}
div.image img.flir {
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  animation:fadeIn 1s;
}
div.image img.mask {
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

/*
div.image:nth-of-type( 1){z-index:30;top:50vh;left:50vw;transform:translate(-50%,-50%) !important}

div.image:nth-of-type( 2){z-index:29;top:40vh;left:40vw}
div.image:nth-of-type( 3){z-index:28;top:40vh;left:60vw}
div.image:nth-of-type( 4){z-index:26;top:60vh;left:60vw}
div.image:nth-of-type( 5){z-index:27;top:60vh;left:40vw}

div.image:nth-of-type( 6){z-index:25;top:30vh;left:30vw}
div.image:nth-of-type( 7){z-index:24;top:30vh;left:50vw}
div.image:nth-of-type( 8){z-index:23;top:30vh;left:70vw}
div.image:nth-of-type( 9){z-index:21;top:50vh;left:70vw}
div.image:nth-of-type(10){z-index:18;top:70vh;left:70vw}
div.image:nth-of-type(11){z-index:19;top:70vh;left:50vw}
div.image:nth-of-type(12){z-index:22;top:50vh;left:30vw}

div.image:nth-of-type(13){z-index:12;top:70vh;left:80vw}
div.image:nth-of-type(14){z-index:11;top:80vh;left:20vw}
div.image:nth-of-type(15){z-index:13;top:70vh;left:20vw}
div.image:nth-of-type(16){z-index:15;top:30vh;left:20vw}
div.image:nth-of-type(17){z-index:17;top:20vh;left:20vw}
div.image:nth-of-type(18){z-index:16;top:20vh;left:80vw}
div.image:nth-of-type(19){z-index:14;top:30vh;left:80vw}
div.image:nth-of-type(20){z-index:14;top:50vh;left:80vw}
*/

div.image:nth-of-type( 1){
  z-index:999;top:50vh;left:50vw;
  transform:translate(-50%,-50%) scale(1.2) !important;
  box-shadow:0.7vw 0.7vw 0.2vw 0.5vw rgba(0,0,0,0.3);
}

div.image:nth-of-type(2){z-index:998;top:38vh;left:29vw}
div.image:nth-of-type(3){z-index:997;top:38vh;left:71vw}
div.image:nth-of-type(4){z-index:996;top:62vh;left:71vw}
div.image:nth-of-type(5){z-index:995;top:62vh;left:29vw}
div.image:nth-of-type(6){z-index:994;top:26vh;left:7vw}
div.image:nth-of-type(7){z-index:993;top:26vh;left:29vw}
div.image:nth-of-type(8){z-index:992;top:26vh;left:50vw}
div.image:nth-of-type(9){z-index:991;top:26vh;left:71vw}
div.image:nth-of-type(10){z-index:990;top:26vh;left:93vw}
div.image:nth-of-type(11){z-index:989;top:38vh;left:93vw}
div.image:nth-of-type(12){z-index:988;top:50vh;left:93vw}
div.image:nth-of-type(13){z-index:987;top:62vh;left:93vw}
div.image:nth-of-type(14){z-index:986;top:74vh;left:93vw}
div.image:nth-of-type(15){z-index:985;top:74vh;left:71vw}
div.image:nth-of-type(16){z-index:984;top:74vh;left:50vw}
div.image:nth-of-type(17){z-index:983;top:74vh;left:29vw}
div.image:nth-of-type(18){z-index:982;top:74vh;left:7vw}
div.image:nth-of-type(19){z-index:981;top:62vh;left:7vw}
div.image:nth-of-type(20){z-index:980;top:50vh;left:7vw}
div.image:nth-of-type(21){z-index:979;top:38vh;left:7vw}

div.image:nth-of-type(22){z-index:978;top:-20vh;left:7vw}





img.logo {
  position: fixed;
  bottom: 1vw;
  height: 5vw;
  width: 5vw;
  pointer-events: none;
  z-index: 1000;
  box-shadow:0.5vw 0.5vw 0.2vw rgba(0,0,0,0.6);
}
#uniqlo {
  left: 1vw;
}
#heattech {
  right: 1vw;
  border:1px solid #999; /* Because it is white, and gets lost ontop of the polaroids */
}