* {box-sizing: border-box;}

body {font-family: Calibri, Verdana, sans-serif; background-color: #fff; overflow: hidden;}

.mySlides {display: none;}

.slideshow-container { /* Kuvashow n säiliön koko verrattuna ikkunan kokoon */
  max-width: 100vw; max-height: 100vh; position: relative; margin: -7px auto; }

.numbertext { z-index: 1; font-size: .9em; color: #000; margin: 6px auto auto 8px; position: absolute; padding: .32rem;  }

.dot { /* Täplät / indikaattorit pienennetty 15px stä -> 0px. Eivät näy! */
  display:none; }

.active {/* Liittyvät dot teihin. Eivät näy! */
  display:none; }

img, .img, video { z-index: 2; display: block; margin-left: auto; margin-right: auto; border-radius: .4em; -moz-border-radius: .4em; -webkit-border-radius: .4em; filter:drop-shadow(3px 3px 4px gray);}
  
img, .img {max-width: 100vw; max-height: 99.5vh; }
video {width: 100%; max-width: 400px; height: auto; }

.text {color: #000; font-size:1.1em; padding: 3px; position: absolute; bottom: -1.8em; text-align: center; width: auto; left: 0%; right:0%;}
.text_al {color: #000; font-size:1.1em; padding: 3px; position: absolute; bottom: -3em; text-align: center; width: auto; left: 0%; right:0%;}

.fade { /* Häivytysanimaation kesto */
  animation-name: fade; animation-duration: 1.6s;}

@keyframes fade {from {opacity: .02} 
  to {opacity: 1} }
  
button { cursor: pointer; filter:drop-shadow(3px 3px 4px gray); }


/* PIENEMMÄT 959px NÄYTÖT, KÄNNYT, PIENEMPI TEXTIKOKO */

@media screen and (max-width: 959px), 
screen and (max-height: 650px) {
body {background-color: #000; font-size: .9em !important;}
.slideshow-container { /* Kuvashow n säiliön koko verrattuna ikkunan kokoon */
  max-width: 100vw; max-height: 99.9vh; position: relative; margin: -7px auto auto -7px; }
img, .img, video { filter: none;}

.numbertext { color: #fff; font-size: .8em;}

.text {background: transparent; color: #fff; font-size:0.9em; padding: 0px; position: absolute; bottom: -3.6em; text-align: center; width: 100%; left: 0%; right:0%; }

button { cursor: pointer; filter:none;}
}