.div {	border:1px red solid; 	}

body {	margin:0;  word-spacing:0.2em;  letter-spacing:0.1em;  
font-family: Arial, Helvetica, Tahoma, "Liberation Sans", "DejaVu Sans", "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;	}

.zzliukusavypysty { 	background: linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }
.peruskeltainen  {		background-color:hsl(75,100%,60%); 	  }




h3 {		padding:33px 11% 22px 11%;  margin: 0;  font-size: 133%;    	}
p {		padding: 11px 11%;  margin: 0;  font-size: 111%;    line-height:155%;	}
.pampula {	padding:0 0 0 7%;  margin:11px 2% 11px 11%; font-size:99%;  background-image:url(kuvat/pallokeltainen.png);  background-size:0.4em;  background-position: 0 0.5em;  background-repeat: no-repeat;  line-height:144%;  }



.sivualue {	width:100%;  max-width:1920px;  display:table;	 }

.alempilohko {	width:100%;  display:table;  
		background-image:url(kuvat/kuva00.jpg);  background-size:1920px;  background-position:40% 0;  background-repeat:no-repeat;  }
.ylempilohko {	width:100%;  display:flex;  flex-wrap:wrap;    }
.sarake1 {	width:44em;  background-color: hsl(0,0%,0%);   }
.sarake2 {	width:calc(50% - 22em); background: hsla(0,0%,0% ,0.4); }
.sarake3 {	width:calc(50% - 22em);  background: transparent;  	}
.aitotaustakuva {	display:none; 	}

.logolohko { 	width:100%;  display:table;    }
.logokuva { 	width:80%;  max-width:333px;  margin:99px auto 66px auto;     }
.logohaive { 	height:1px;  width:77%;  margin:33px auto; background: linear-gradient( 90deg, transparent , hsl(75,100%,60%) , transparent );   }

.yhteyslohko {	margin:33px 0;  padding: 22px 0;     }
.yteksti {	padding:5px 5%;  margin:0;  font-size:133%;   text-align:center;  color:hsl(75,100%,60%);       }
.yotsikko {	padding-bottom:33px;  font-size:188%;        }
.yrako {		margin-top:1.2em; }
.ypieni {		font-size:100%; 	}

.sloganhaive { 	height:1px;  width:77%;  margin:33px auto; background: linear-gradient( 90deg, transparent , hsl(75,100%,60%) , transparent );   }
.slogan {		color:hsl(75,100%,60%);  padding:33px 15% 66px 15%;  margin:0;  font-size:155%;  font-style:italic;  text-align:center;  
		font-family:"Abyssinica SIL", "Liberation Serif", FreeSerif, Serif;  }



.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; }

.vaalealinkki:link {	color: hsl(0,0%,100%);   text-decoration: underline; }  
.vaalealinkki:visited {	color: hsl(0,0%,100%); text-decoration: underline; }
.vaalealinkki:hover {	color: hsl(0,0%,100%);   text-decoration: none; }









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

.sarake1 {	width:30em;    }
.sarake2 {	width:calc(50% - 15em);  }
.sarake3 {	width:calc(50% - 15em);    	}

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







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

.alempilohko {	background-image:none; }
.sarake1 {	width:100%; }
.sarake2 {	display:none; }
.sarake3 {	width:100%; 	}
.aitotaustakuva {	width:100%;  display:block; 	}

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





/*	kestotietoa            */

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