.div {	border:1px red solid; 	}

body {	margin:0;  color:hsl(0,0%,0%);  word-spacing:0.1em;  letter-spacing:0.07em;  
	font-family:Arial, Helvetica, Tahoma, "Liberation Sans", "DejaVu Sans", "sans-serif";   }
.kursiivifonttienvarasto { 	font-family:"Abyssinica SIL", "Liberation Serif", FreeSerif, Serif;	 }

body, html {	height:100%;  margin:0;  }
td { 	padding:0;  vertical-align:top;  }
table { 	border-collapse:collapse;  empty-cells:show;}
img {	border:0;  display:block; }
* {	box-sizing:border-box; 	}
html {	scroll-behavior:smooth; 	}

.sivu {		padding:0 44px;  width:100%;  max-width:1920px;  display:table;
background:
repeating-linear-gradient(80deg, hsla(0,0%,80% ,0.1), hsla(0,0%,80% ,0.1) 7px, hsla(0,0%,60% ,0.1) 21px, hsla(0,0%,60% ,0.1) 18px ) ,
repeating-linear-gradient(122deg, hsla(0,0%,80% ,0.1), hsla(0,0%,80% ,0.1) 3px, hsla(0,0%,60% ,0.1) 17px, hsla(0,0%,60% ,0.1) 31px ) ,
repeating-linear-gradient(90deg, hsla(0,0%,80% ,0.1), hsla(0,0%,80% ,0.1) 11px, hsla(0,0%,60% ,0.1) 26px, hsla(0,0%,60% ,0.1) 5px ) ,
repeating-linear-gradient(111deg, hsla(0,0%,80% ,0.1), hsla(0,0%,80% ,0.1) 1px, hsla(0,0%,60% ,0.1) 4px, hsla(0,0%,60% ,0.1) 6px ) ,
repeating-linear-gradient(82deg, hsla(0,0%,80% ,0.1), hsla(0,0%,80% ,0.1) 5px, hsla(0,0%,60% ,0.1) 9px, hsla(0,0%,60% ,0.1) 1px ) ;
	}


h2 {		margin:33px 0 0 0;  padding:0; text-align:center;  letter-spacing:0.1em;  font-weight:normal;  font-size:244%;  	}
.pvm {		color:hsl(0,100%,50%); margin: 0;  padding:11px; text-align:center;  letter-spacing:0.1em;  font-weight:normal;  font-size:222%;  	}
.tekstilohko {	width:100%;  max-width:1111px;  margin: 0 auto;  display:table;   }
.tekstilohko p {	font-size:144%;  text-align:center;   }
.pvm {		text-align:center; 	}
a:link {		color:hsl(222,51%,39%); }  
a:visited {	color:hsl(222,51%,39%); }
a:hover {		color:hsl(0,82%,48%);    }

h3 {		margin:55px 0 0 0;  padding:22px; text-align:center;  letter-spacing:0.1em;  font-weight:normal;  font-size:144%; 
		background-color:hsla(0,0%,33%, 0.2);   	}


.minilinkkilohko {	text-align:center;  width:100%;  padding:33px 0;  display:flex;  flex-wrap:wrap;   }
.haiveviiva { 	height:1px;  width:77%;  margin:77px auto; background: linear-gradient( 90deg, transparent , hsl(220,100%,11%) , transparent );   }


.minilinkkiele {	width:23%;  margin:22px 1%;  background-color:hsl(0,0%,100%);  border:3px hsl(0,0%,55%) solid;  border-radius:11px;	}
.minikuva {	border-width:0 0 3px 0;  border-color:hsl(0,0%,55%);  border-style:solid;  border-radius: 8px 8px 0 0;  width:100%; 	}


.linkkinappi {	  	width:10em;  margin:22px auto;  text-align:center;  display:block;     }
.linkkiteksti:link { 	color:hsl(0,100%,100%);  background:linear-gradient( hsl(220,100%,11%) , hsl(220,100%,44%) );  text-decoration: none;  }
.linkkiteksti:visited { 	color:hsl(0,100%,100%);  background:linear-gradient( hsl(220,100%,11%) , hsl(220,100%,44%) );   text-decoration: none;  }
.linkkiteksti:hover { 	color:hsl(0,100%,100%);  background:linear-gradient( hsl(220,100%,33%) , hsl(220,100%,77%) );  text-decoration: none;  }
.linkkiteksti {		padding:0.3em;  border-radius:1em;  text-decoration:none;  display:block;   }



.nnkele {	 	bottom: 4px;  right: 4px;  position: fixed;   }
.nnk {	 	border-radius:50%;  background-color:hsl(220,100%,33%);  height:50px;  width:50px;  background-size:22px; 
		background-repeat:no-repeat;  background-position:50% 45%;  display:block;  text-decoration:none;  }
.nnk:link { 	background-image: url(../kuvat/nnk255.png);   }
.nnk:visited { 	background-image: url(../kuvat/nnk255.png);     }
.nnk:hover { 	background-image: url(../kuvat/nnk255.png);  background-color:hsl(220,100%,66%);  }

.kuvalohko {	width:100%;  padding:77px 0%;  display:table;  }
.otsikko {	font-family:'Quicksand', sans-serif;   padding:11px 55px 7px 55px;  margin:55px 0 3px 0;  width:11em;  background-color:hsl(0,0%,100%);  font-size:155%;  text-align:center;   }
.kuvaele {	margin:0 0 222px 0;  width:100%; }





@media screen and (max-width :1440px)	{	/*	============================================================	*/ 

.minilinkkiele {	width:31%;  margin:22px 1%;  	}

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








@media screen and (max-width :960px)	{	/*	============================================================	*/ 

.minilinkkiele {	width:48%;  margin:22px 1%;  	}

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







@media screen and (max-width :720px)	{	/*	============================================================	*/ 

.minilinkkiele {	width:98%;  max-width:480px; margin:22px auto;    	}
  					}	/*	============================================================	*/




/*	kestotietoa yyy           --------------------------------------------------------------------------------------------   */

.vaaleaotsikko {	color:hsl(0,0%,100%);    }

.ypadiso { 	padding-top:66px; }
.ypadpieni { 	padding-top:33px; }
.ypadnolla { 	padding-top:0; }
.apadiso { 	padding-bottom:66px; }
.apadpieni { 	padding-bottom:33px; }
.apadnolla { 	padding-bottom:0; }

.ymargiso { 	margin-top:66px; }
.ymargpieni { 	margin-top:33px; }
.ymargnolla { 	margin-top:0; }
.amargiso { 	margin-bottom:66px; }
.amargpieni { 	margin-bottom:33px; }
.amargnolla { 	margin-bottom:0; }

.vasemmalle {	text-align:left; }
.keskelle {	text-align:center; }
.oikealle {	text-align:right; }
.kuvakeskelle {	margin-left:auto;  margin-right:auto; }
.valkea {		color:hsl(0,0%,100%); 	}






.liukupystymalli { 	background: linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }
.taustakuvamalli {	background-image:url(kuvat/taustakuva.jpg);  background-size:cover;  background-position: 0 0;   min-height:555px;  }

.sininen {	background-color:hsl(208,100%,33%);	color:rgb(0, 61, 204); }
.keltainen {	background-color:hsl(60,100%,50%);	color:rgb(255, 255, 0); }
.oranssi {	background-color:hsl(25,100%,50%);	color:rgb(255, 106, 0); }
.vihree {		background-color:hsl(120,100%,33%);	color:rgb(0, 166, 0); }
.punainen {	background-color:hsl(0,82%,48%);	color:rgb(222, 22, 22); }
.valkoinen {	background-color:hsl(0,100%,100%);	color:rgb(255, 255, 255); }
.musta {		background-color:hsl(0,100%,0%);	color:rgb(0, 0, 0); }

.fontti {    	font-family: 'Alfa Slab One'; 	}
.levee100 {	width:100%;  }
.erotin {		width: 100%;  height: 1px;  display: block;  }
.eimarginaalia {	margin-right: 0;   }