body {	margin:0; color:rgb(0,0,0);  word-spacing:0.1em;  letter-spacing:0.07em;  
	font-family:Arial, Helvetica, "sans-serif";   font-size:1em;  }

.keltainensininen {	background:hsl(51,100%,50%);	background:hsl(212,100%,36%); }
.vaihtuvat {	width:100%; margin:0 auto;    }
.slideshowwrapper{	width:100%;  height:900px;  position:relative;  overflow:hidden;	}
	
.smooth_slider_container {	position:relative;  height:100%;  overflow:hidden;  }
.smooth_slider_panel {	position: absolute;  top:0px;	left:0px;  background-position:0% 0%;  background-repeat:no-repeat;  }

#img_msg_area {	width:100%;  text-align:center;  color:hsl(0,0%,88%);  position:absolute;  right:0;  top:0;  z-index:120;  font-size:122%;  
		padding:33px; background:linear-gradient(90deg , hsla(220,100%,40%, 0) , hsl(220,100%,40%) , hsla(220,100%,40%, 0) );   }


#static_text_area { font-size:1%;  width:0;
/*
font-size:122%;  width:100%;   background-color:rgb(255,255,255);  color:rgb(0,0,0); 
position:absolute;  left:0;  bottom:0px;  z-index:120;  padding:0.3em 1em;  text-align:center; 
*/
  }

#resume {		position:absolute;  bottom:0px;  left:calc(50% - 400px);   background-color:hsl(0,100%,50%);  border-radius:17px 17px 0 0; 
		width:800px;  color:hsl(0,0%,100%);   text-align:center;  cursor:pointer;  padding:11px 0;  
		font-size:1em;  z-index:120;   font-family: 'Courgette', cursive;    }
.tervehdys {	width:400px;  color:hsl(0,0%,100%);   text-align:center;  cursor:pointer;  padding:1em;  
		font-size:1.2em;  z-index:120;     font-family: Arial, Helvetica, Tahoma, "Liberation Sans", "DejaVu Sans", "Bitstream Vera Sans", "sans-serif";  }		
.allekirjoitus {	font-size:1em; font-family: 'Courgette', cursive;  }
.kuvientiedot {	font-size:0.8em;  width:90%;  color:rgb(0,0,0);  margin:0; padding:2em 2em;  text-align:center; line-height:145%;  font-style:normal;  font-family: Arial; }


#throbber {	position: absolute;	top:10px;  right:20px;  z-index: 150;}
.noflicker { 	-webkit-transform:translateZ(0);  -moz-transform:translateZ(0);  -ms-transform:translateZ(0);  -o-transform:translateZ(0);  transform:translateZ(0);
		-webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -ms-backface-visibility: hidden;  
		backface-visibility:hidden;  -webkit-perspective:1000;  -moz-perspective:1000;  -ms-perspective:1000;  perspective:1000;	}	/* this is to prevent flickering on some Android devices */ 






@media screen and (max-width :800px)	{	/*	======================================================================	*/      
.slideshowwrapper{	width:100%;  height:800px;  position:relative;  overflow:hidden;	}
#resume {		left:0;  width:100%;      }


				}	/*	======================================================================	*/





@media screen and (max-width :555px)	{	/*	======================================================================	*/      
.slideshowwrapper{	width:100%;  height:555px;  position:relative;  overflow:hidden;	}
#resume {		left:0;  width:100%;      }


				}	/*	======================================================================	*/