.div {	border:1px red solid; 	}

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

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;	}
body, html {	height:100%;  margin:0;  }


h2 {		padding:0;  margin:2em 0 0 0; font-size:155%;  font-weight:normal;    }
p {		padding:12px 0 0 0;  margin:0;  font-size:144%;  line-height:155%;   }
.portfolio {	padding:33px 0 0 0;  margin:0;  font-size:144%;  line-height:155%;   }
.pampula {	padding:0px 0px 0px 33px;  margin:5px 0 5px 1%;   font-size: 111%;  background-image:url(kuvat/pallomusta.png);  background-size:0.4em;  background-position: 0 0.56em;  background-repeat: no-repeat;  line-height:155%;   }

.keltainen {	background-color:hsl(57,100%,50%);	color:rgb(255, 242, 0); }

.sivualue {	width:100%;  max-width:1200px;  margin:0 auto;  background-color:hsl(0,0%,100%);   display:table;	}
.alueimage {	padding: 0 5%;  width:100%;  background-color:hsl(57,100%,50%);  display:table;	}
.logokuva { 	width:100%;  max-width:888px;  margin:88px auto 0px auto;      }
.logonalle {	text-align:center;  font-size:1.8em;  margin:22px 5% 44px 5%; 	}



.boxialue2 {	padding: 0 5%;  margin:33px 0 0 0;  width:100%;  display: flex; justify-content:space-between; flex-wrap:wrap; 	}
.boxi2 {		width:55%;    	}
.boxi22 {		width:40%;    	}



h3 {		padding:0;  margin:2em 0 2em 0;  font-size:111%;     }
.yhteystieto {	padding:0px 0;  margin: 0;  font-size: 111%;      }
.yhteysrakoiso {	margin-top:3em; 	}
.yhteysrako {	margin-top:1.7em; 	}
.linkkirako {	margin-bottom:0.7em; 	}

.aluealin {	padding:0 5%;  width:100%;  display:table; 	}
.alinkuva {	width:100%;  max-width:666px;  margin:44px auto; 	}



.haiveviiva {	background:linear-gradient( 90deg, hsl(0,0%,100%, 0.1 ) , hsl(0,0%,100%, 1) , hsl(0,0%,100%, 0.1 ) ); 	
		margin:33px auto; height:1px;  width:40%;  max-width:555px; }

.slogan {		color:hsla(0,0%,100%, 0.5); padding: 7px 5%; margin: 0;  font-size: 155%;  font-style:italic;    }

.tekstilinkki:link {	color: hsl(222,51%,39%);   text-decoration: underline; }  
.tekstilinkki:visited {	color: hsl(222,51%,39%); text-decoration: underline; }
.tekstilinkki:hover {	color: hsl(0,82%,48%);   text-decoration: none; }





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

.boxi2 {		width:100%;    	}
.boxi22 {		padding-top:33px;    padding-bottom:11px;   	}

						 	}	/*	----------    */







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


						 	}	/*	----------    */





/*	kestotietoa            */

.levee100 {	width:100%;  }
.yhdessa {	white-space: nowrap;   }


.zzliukusavypysty { 	background: linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }
.zzhaiveviiva { 	height:1px;  width:77%;  margin:33px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,100%) , transparent );   }