.div {	border:1px red solid; 	}

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

.liukusavypysty { 	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 );   }

.perusvari {				background-color:hsl(222,100%,40%); }
.perusvariingressiOIKEA	{	background-color:hsl(222,100%,70%);	color:rgb(102,148,255);	 color:6694FF  }
.perusvariingressiVASEN	{	background-color:hsl(222,100%,90%);	color:rgb(204,219,255);	 color:CCDBFF  }
.tummanvihee	{			background-color:hsl(117,19,39);		color:rgb(83,119,81);	 color:537751  }
.piristevihee	{			background-color:hsl(117,19,39);		color:rgb(83,119,81);	 color:537751  }

.peruslikimusta	{	background-color:hsl(222,100%,20%); 	}
.perusvaalea	{	background-color:hsl(222,100%,70%); 	}
.perushaalea	{	background-color:hsl(222,100%,80%); 	}
.perusvalju	{	background-color:hsl(222,100%,95%); 	}
.piristevari {		color:hsl(55,100%,60%);  	}
.sloganfontti {	font-family: 'Archivo Black', sans-serif;	}


h2 {		margin:22px 0 0 0;  padding:0;   font-size:199%;  font-style: normal;   }
h3 {		margin:22px 0 0 0;  padding:0;    font-size:122%;     }
p {		margin:0;  padding:22px 0 0 0;   font-size:111%;  line-height:155%;   }
.pampula {		margin:11px 0 0 0;  padding:0px 0px 0px 7%;  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%;   }
.leveeotsikko {	text-align:center; font-size:177%;  margin:0;  padding:77px 3% 0 7%;  font-weight:normal;  word-spacing:0.14em;  
				letter-spacing:0.08em;  font-family: "Michroma", sans-serif; font-weight: 400; font-style: normal;    }

.alateksti {	margin:0;  padding:22px 60px;  font-size:133%;  text-align:center; 
			color:hsl(0,0%,100%);  background:linear-gradient( hsl(222,100%,30%) , hsl(222,100%,50%) );  }



/*    alueet    .......................................................................................................................................................        */

.sivualue {	width:100%;  max-width:1920px;  margin 0 auto;  display:table; background-color:hsl(0,0%,100%);
			border-width:22px 0 0 0;  border-color:hsl(222,100%,40%); border-style:solid;  	}
.aluelevee {	width:100%;  display:table; 	}
.aluevakio {	padding-left:5%;  padding-right:5%;   width:100%;  display:table;  background-color:hsl(0,0%,100%);  }

.alueimage {	height:700px; padding:0 0 33px 0;  width:100%;  position:relative; 
			background-image:url(kuvat/imagekuva.jpg); background-size:1920px;  
			background-position:50% 0%;  background-repeat:no-repeat;  display:table;    }
.kuultotausta { position:absolute; top:0x; width:100%; height:340px; background-color:hsl(0,0%,100%, 0.7); } 

.taustavaalea {	    padding-bottom:33px; 	}


.alueingressi {	padding:0;  width:100%;  display:flex;  flex-wrap:wrap;  	}
.ingressivasen  {	width:55%;   padding:55px 5% 44px 10%;  margin:0;  
				background-color:hsl(222,100%,30%);  color:hsl(0,0%,100%);  }
.ingressiteksti {	padding:0;   margin:22px 0 0px 0px;  font-size:155%;  line-height:166%;    }
.ingressioikea  {	width:45%;   margin:0;  padding:55px 10% 33px 5%;   background-color: hsl(222,100%,70%);   }
.ingrpamp {	padding:0px 0px 0px 11%;  margin:20px 0 0px 1%;   font-size:144%;  background-image:url(kuvat/pallomusta.png);  
			background-size:0.4em;  background-position:0 0.56em;  background-repeat:no-repeat;  line-height:166%;   }




/*    logo   .......................................................................................................................................................        */

.logolohko { 	width:300px;  height:300px;  margin:20px 0 20px 7%;  background-color:hsla(0,10%,100%);  
			border-width: 0 0 0 5px;  border-color:hsl(0,0,100%);  border-style:solid; display:table;  border-radius:50%;  float:left; }
.logokuva {	width:260px;  height:260px;  margin:20px auto;     }

.oikealohko {	float:right; width:44px;  display:table;  }

.yhteyslohko { 	width:18em;  margin:33px 5% 0 1%;  display:table;  float:right;    }
.puhelinnumero {	text-align:center;  padding:11px 0 0 0;  font-size:144%;  color:hsl(222,100%,40%);  word-spacing:0.1em;  letter-spacing:0.09em;      }

.imageslogan {	width:20em;  font-size:166%;  line-height:155%;  position:absolute;  bottom:33px;  right:5%;  color:hsl(222,100%,40%);  
			word-spacing:0.1em;  letter-spacing:0.05em; text-align:right;  font-family: 'Archivo Black', sans-serif;	  }
.kehotus {	margin:44px 10% 0 10%;   padding:0;   font-size:144%;  text-align:center; line-height:155%;  zzfont-weight:bold;  
			font-style:italic;  font-family:"Abyssinica SIL", "Liberation Serif", FreeSerif, Serif;  }



/*    navigointi    .......................................................................................................................................................        */

.linkkinappi {			width:8em;  margin:1em auto;  }
.linkkiteksti:link { 	color:hsl(0,0%,100%);      }
.linkkiteksti:visited { 	color:hsl(0,0%,100%);     }
.linkkiteksti:hover { 	color:hsl(0,0%,0%);  background-color:hsl(55,100%,60%);        }
.linkkiteksti {	 	padding: 0.5em 0em;  border:1px hsl(222,100%,90%) solid; 
					background-color:hsl(222,100%,40%); 
					text-align: center;  display: block;  font-weight:bold;  text-decoration: none; }
	

.nnkele {	 	bottom:11px;  right:11px;  position:fixed;   }
.nnk:link { 	background-image:url(kuvat/nnkoy255.png);   }
.nnk:visited { background-image:url(kuvat/nnkoy255.png);     }
.nnk:hover { 	background-image:url(kuvat/nnkoy0.png);  background-color:hsl(55,100%,60%);   border:1px hsl(0,0%,0%) solid;  }
.nnk {	 	background-color:hsl(222,100%,40%); border:1px hsl(0,100%,100%) solid; 
			height:50px;  width:50px;  background-size:30px;  background-repeat:no-repeat; 
			background-position:50% 50%;  display:block;  text-decoration:none;  }



.tekstilinkki:link {	color:hsl(222,100%,40%);  text-decoration:underline; }  
.tekstilinkki:visited {	color:hsl(222,100%,40%);  text-decoration:underline; }
.tekstilinkki:hover {	color:hsl(300,80%,20%);   text-decoration:none; }


.boxilinkkiele {	 	width:44px;  bottom:13px;  right:13px;  position:absolute;   }
.boxilinkki:link { 		background-image:url(kuvat/nnkovo.png);   }
.boxilinkki:visited { 	background-image:url(kuvat/nnkovo.png);     }
.boxilinkki:hover { 	background-image:url(kuvat/nnvom.png);  background-color:hsl(55,100%,60%);  }
.boxilinkki {	 		height:44px;  width:44px;  background-size:15px;  background-repeat:no-repeat;  						
					background-color:hsl(222,100%,40%);  border-radius:50%;  					
					background-position:55% 50%; display:block;  text-decoration:none;  }



/*    boxit    .......................................................................................................................................................        */


.boxialue1 {	margin:66px 0 0 0; width:100%;  }

.boxialue2 {	margin:66px 0 0 0; padding:0 10%; width:100%;   display:flex; justify-content:space-between;  flex-wrap:wrap;	}
.boxi2 {		width:45%;       }

.boxialue3 {	margin:66px 0 0 0;  width:100%;  display:flex; justify-content:space-between; flex-wrap:wrap;  }
.boxi3 {		width:30%;        }

.boxialuew {	margin:66px 0 0 0; width:100%;   	}
.boxiw {		width:23%;  border-radius:33px;  margin:33px 1%;  float:left;    }


.boxiotsikko {	position:absolute;  top:33px;  left:1%;  width:98%;  font-weight:bold;  text-align:center;  
			padding:0.2em 2em;  margin:0;  font-size:155%; background-color:hsl(222,100%,40%);  color:hsl(0,0%,100%);  font-style: normal;  }

.soft-sellukuituliina {	background-image:url(kuvat/soft-sellukuituliina.jpg);  height:333px;  background-position:20% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.teollisuuspyyhe {	background-image:url(kuvat/teollisuuspyyhe.jpg);  height:333px;  background-position:20% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.vetopyyhe {		background-image:url(kuvat/vetopyyhe.jpg);  height:333px;  background-position:20% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.soft-isorulla {	background-image:url(kuvat/soft-isorulla.jpg);  height:333px;  background-position:50% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.z-taitepyyhe {	background-image:url(kuvat/z-taitepyyhe.jpg);  height:333px;  background-position:50% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }	
.soft-liina-arkki {	background-image:url(kuvat/soft-liina-arkki.jpg);  height:333px;  background-position:50% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }	
.wc-jumbo {		background-image:url(kuvat/wc-jumbo.jpg);  height:333px;  background-position:20% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.wc-paperi {		background-image:url(kuvat/wc-paperi.jpg);  height:333px;  background-position:50% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.soft-kasvoaukonsuoja {	background-image:url(kuvat/soft-kasvoaukonsuoja.jpg);  height:333px;  background-position:50% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.siivousliinarulla {	background-image:url(kuvat/siivousliinarulla.jpg);  height:333px;  background-position:50% 50%; 
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.jatesakki {		background-image:url(kuvat/jatesakki.jpg);  height:333px;  background-position:50% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.servetti {		background-image:url(kuvat/servetti.jpg);  height:333px;  background-position:50% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }
.nitriilihansikkaat {	background-image:url(kuvat/nitriilihansikkaat.jpg);  height:333px;  background-position:50% 50%;  
				width:100%;  border-radius:32px;   position:relative;  background-size:cover; }

.kuvateksti {	margin:0;  padding:12px 5% 12px 5%;   font-size:99%;     }




/*    yhteydet    .......................................................................................................................................................        */

.alueyhteys {	width:100%;  margin:0;  padding:22px 3% 44px 3%;  background-color:hsl(222,100%,87%);	
			display:flex;  justify-content:space-around;  flex-wrap:wrap; 
			border-width: 2px 0 0 0;  border-color:hsl(222,100%,40%);  border-style:solid;   }
.yhteysboxi1 {	 	padding:44px 3% 44px 5%; width:35%;   }
.yhteysboxi2 {	 	padding:44px 3% 44px 5%; width:30%;   }
.yhteysboxi3 {	 	padding:44px 3% 44px 5%; width:35%;   }


h1 {		font-size:288%;  margin:0 0 0 0;  padding:0;  color:hsl(0,0%,10%);  word-spacing:0.14em;  letter-spacing:0.07em;  font-weight:normal; 	}
.yhteysapuotsikko {	color:hsl(0,0%,10%);  font-size:111%;  margin:0;  padding:7px 0 0 0;   word-spacing:0.14em;  letter-spacing:0.07em;  	}
.yhteystieto {		color:hsl(0,0%,10%);  font-size:111%;  margin:0;  padding:11px 0 0 0;   word-spacing:0.14em;  letter-spacing:0.07em;    }

.yhteysrako {		margin-top:22px;	}

.pieniharmaa {	color:hsl(0,0%,0%);  font-size:99%;  	}




/*    harvinaiset    .......................................................................................................................................................        */

.haiveviiva { 	height:1px;  width:55%;  margin:66px auto 0 auto;  background:linear-gradient( 90deg, transparent , hsl(0,0%,33%) , transparent );   }
.aluealin {	background-color:hsl(222,100%,40%);  width: 100%;    }
.alinteksti {	margin:0;  padding:22px 11% 22px 11%;  font-size:122%;  line-height:155%;  font-weight:bold; font-style:italic; 
				color:hsl(55,100%,60%);  text-shadow:1px 1px hsl(0,0%,10%);  word-spacing:0.1em;  letter-spacing:0.05em; 
				text-align:center; font-family: 'Archivo Black', sans-serif;   }



.renkaat {	width:77px;  margin:44px auto; 		}
.pallot {		margin:33px 0 22px 0;  font-size:333%;  color:hsl(55,100%,60%); }



/*    galleria    .......................................................................................................................................................        */

.zzggbody, zzhtml {	height:100%;  margin:0;  }
.ggbody  {	height:999px;  margin:0;  }
.ggbody {		background-image:none;	}


.ggsoft-sellukuituliina {	background-image:url(gg/soft-sellukuituliina.jpg); 	background-position: 20% 50%;  background-size:cover;       }
.ggteollisuuspyyhe {		background-image:url(gg/teollisuuspyyhe.jpg); 		background-position: 20% 50%;  background-size:cover;       }
.ggvetopyyhe {				background-image:url(gg/vetopyyhe.jpg); 			background-position: 10% 50%;  background-size:cover;       }
.ggsoft-isorulla {			background-image:url(gg/soft-isorulla.jpg); 			background-position: 40% 50%;  background-size:cover;       }
.ggz-taitepyyhe {			background-image:url(gg/z-taitepyyhe.jpg); 			background-position: 40% 50%;  background-size:cover;       }
.ggsoft-liina-arkki {		background-image:url(gg/soft-liina-arkki.jpg); 		background-position: 20% 50%;  background-size:cover;       }
.ggwc-jumbo {				background-image:url(gg/wc-jumbo.jpg); 				background-position: 20% 50%;  background-size:cover;       }
.ggwc-paperi {				background-image:url(gg/wc-paperi.jpg); 			background-position: 50% 50%;  background-size:cover;       }
.ggsoft-kasvoaukonsuoja {	background-image:url(gg/soft-kasvoaukonsuoja.jpg); 	background-position: 50% 50%;  background-size:cover;       }
.ggsiivousliinarulla {		background-image:url(gg/siivousliinarulla.jpg); 		background-position: 60% 50%;  background-size:cover;       }
.ggjatesakki {				background-image:url(gg/jatesakki.jpg); 			background-position: 40% 50%;  background-size:cover;       }
.ggservetti {				background-image:url(gg/servetti.jpg); 				background-position: 30% 50%;  background-size:cover;       }
.ggnitriilihansikkaat {		background-image:url(gg/nitriilihansikkaat.jpg); 		background-position: 60% 50%;  background-size:cover;       }



.ggboxialue2 {	width:100%;  zzheight:100%;  zzmin-height:999px;  height:999px;  display:flex;  justify-content:space-between;  flex-wrap:wrap;  }
.ggboxi2 {	width:100%;  display:table; 	}
.ggboxi21 {	width:calc(100% - 666px);   zzwidth:auto;  	}
.ggboxi22 {	width:666px; background-color:hsla(0,0%,100%, 0.7);   padding:22px 5% 66px 5%;     }
.ggboxikapee21 {	width:auto  	}
.ggboxilevee22 {	width:777px;   max-width:calc(100% - 600px);   }


.gglogoele {	width:200px;  height:200px;  margin:22px 0 22px 22px;  padding:0;  border-radius:50%;  background-color:hsl(0,0%,100%); 
			border-width: 0 0 0 5px;  border-color:hsl(0,0%,0%);  border-style:solid; float:left;    }
.gglogokuva {	width:160px;  margin:20px auto 20px auto;	}
.gglinkkiele {		width:230px;  margin:100px 0;  padding: 0 5px;  float:left;  background-color:transparent;   	}
.gglinkkinappi {	width:50px;  margin: 0 10px;  zzbackground-color:hsl(0,0%,88%);  float:left;   	}

.ggtakaisin:link { 		background-image:url(kuvat/nnnwv.png);   } 
.ggtakaisin:visited { 	background-image:url(kuvat/nnnwv.png);     }
.ggtakaisin:hover { 	background-image:url(kuvat/nnnwvm.png);  background-color:hsl(55,100%,60%);   }
.ggtakaisin {			height:50px;  width:50px;  border-radius:50%;  display:block;  text-decoration:none;  
					background-size:25px;  background-position:42% 50%;  background-color:hsl(222,100%,40%);   background-repeat:no-repeat; }    

.ggedellinen:link { 	background-image:url(kuvat/nnvvv.png);   }
.ggedellinen:visited { 	background-image:url(kuvat/nnvvv.png);     }
.ggedellinen:hover { 	background-image:url(kuvat/nnvvm.png);  background-color:hsl(55,100%,60%);   }
.ggedellinen {		height:50px;  width:50px;  border-radius:50%;  background-size:15px;  background-position:41% 50%; background-color:hsl(222,100%,40%);  background-repeat:no-repeat;  display:block;  text-decoration:none;   }

.ggseuraava:link { 		background-image:url(kuvat/nnkovo.png);   }
.ggseuraava:visited { 	background-image:url(kuvat/nnkovo.png);     }
.ggseuraava:hover { 	background-image:url(kuvat/nnvom.png);  background-color:hsl(55,100%,60%);    }
.ggseuraava {		height:50px;  width:50px;  border-radius:50%;  background-size:15px;  background-position:59% 50%; background-color:hsl(222,100%,40%);  background-repeat:no-repeat;  display:block;  text-decoration:none;  }


.ggpaaotsikko {	padding:33px 0 33px 0; margin:0;  font-size:166%;  font-weight:bold; color:hsl(0,0%,0%);  text-align:left;  clear: both;   }
.ggapuotsikko {	padding:33px 0 0 0; margin:0;  font-size:144%;  font-weight:bold; color:hsl(0,0%,0%);  text-align:left;    }
.ggp {		padding:19px 0 0 0;  margin:0;  font-size:122%;  color:hsl(0,0%,0%);   line-height:155%;   }
.ggpampula  {	padding:0px 0px 0px 33px;  margin:19px 0 3px 1%;  font-size: 122%; color:hsl(0,0%,0%);   
			background-image:url(kuvat/pallomusta.png);  background-size:0.4em;  background-position: 0 0.56em;  background-repeat: no-repeat;  line-height:155%;   }
.ggraamit {	margin:1em 0 0 0;  padding:19px 2% 19px 5%; border:2px hsl(0,50%,50%) solid;  background-color:hsl(0,0%,0%);	}
.ggaluekapee {	position:absolute;  bottom:0;  height:9em;  }


/*	------------------------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------------------------------------------------------------------------------------------	*/

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


.aluevakio {	padding-left:1%;  padding-right:1%;  }


.ingressivasen  {	width:100%;  padding:55px 10% 55px 5%;    }
.ingressiteksti {	   }
.ingressioikea {	width:100%;  margin:-20px 0 0 0; padding:10px 10% 33px 5%;  }



.nnv:link {	background-image:url(kuvat/nnv255.png);       }
.nnv:visited {	background-image:url(kuvat/nnv255.png);        }
.nnv:hover {	background-image:url(kuvat/nnv0.png);  background-color:hsl(60,100%,50%);     }
.nnv {	 	float:right;  
		background-image:url(kuvat/nnv255.png); background-color:hsl(222,100%,40%); 
		height:50px;  width:50px;  background-size:30px;  margin-bottom:0px;   
		background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }

.boxiw {		width:48%;    }

.boxialue2 {	margin:66px 0 0 0; padding:0 5%;width:100%;  	}
.boxi2 {		width:48%;       }
.boxi3 {		width:31%;        }
.boxi4 {		width:21%; margin:22px 0;        }	
.yhteysboxi {	margin:22px auto;  padding: 44px 5% 33px 15%;  width:80%; }
		
.yhteystekstilohko {	padding:0;  width:100%;     }



/*    ggalleria    .......................................................................................................................................................        */

.ggboxialue2 {		zzmin-height:auto;      }
.ggboxi21 {		width:100%;  height:666px; 	}
.ggboxi22 {		width:100%;  background-color:hsl(0,0%,100%);  }
.ggtekstiele {		margin:0px 0 0 0; width:100%;   	}
.ggpaaotsikko {	color:hsl(0,0%,0%);	}
.ggp {	color:hsl(0,0%,0%);  font-weight:normal; 	}
.ggpampula {	color:hsl(0,0%,0%);	 font-weight:normal;  background-image:url(kuvat/pallomusta.png);   }



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


/*	------------------------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------------------------------------------------------------------------------------------	*/


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

.aluevakio {	padding-left:3%;  padding-right:3%;  }
.alueimage {	height:600px;     }
.imageslogan {	width:100%;  font-size:166%;  position:relative;  right:0;  margin:400px 0 0 0;  padding: 0 5%; float:none;  text-align:center; font-family: 'Archivo Black', sans-serif;	  }

.ingressiteksti {	font-size:133%;     }
.ingrpamp {	font-size:122%;  }

.boxi2 {		width:100%;       }
.boxi3 {		width:100%;  	}
.boxi4 {		width:48%;       }

.yhteysboxi1 {	margin:0px auto;  padding: 33px 5% 0px 9%;  width:90%; }
.yhteysboxi2 {	margin:0px auto;  padding: 33px 5% 0px 9%;  width:90%; }
.yhteysboxi3 {	margin:0px auto;  padding: 33px 5% 0px 9%;  width:90%; }


.pilarirakonolla {	margin-top:0;	}
.pilarirakopieni {	margin-top:44px;	}
.pilarirakoiso {	margin-top:66px;	}

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



/*	------------------------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------------------------------------------------------------------------------------------	*/



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

.sivualue {	border-width:11px 0 0 0;   	}

.alueimage {		padding:0 0 33px 0;  height:800px;   }
.kuultotausta { 	height:240px;  } 
.yhteyslohko { 	width:calc(90% - 200px);   margin:50px 1% 0 2%;   }
.puhelinnumero {	font-size:122%; }
.imageslogan {		margin:300px 0 0 0;  font-size:155%; 	  }

.logolohko { 	width:200px;  height:200px;  margin:20px 0 20px 4%;  }
.logokuva {	width:160px;  height:160px;      }


.nnv {	 	height:4em; width:100%;  margin-bottom:0px;   }

.leveeotsikko {	font-size:144%;  padding:66px 3% 0 7%;    }
.kuultoh3	 {  	font-size:122%;   padding:0.5em 1em;  	}

.boxi4 {		width:100%;       }
.isoteksti {	font-size:111%;    }
.boxiw {		width:98%;  max-width:450px;   margin:33px auto;  float:none;    }

.gglogoele {	width:140px;  height:140px;    }
.gglogokuva {	width:100px;  	}

.gglinkkiele {		width:210px;  margin:65px 0 0 0;  padding: 0 5px;  float:left;  background-color:transparent;   	}
.gglinkkinappi {	width:50px;  margin: 0 5px;  float:left;   	}


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



/*	------------------------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------------------------------------------------------------------------------------------	*/
/*	------------------------------------------------------------------------------------------------------------------------	*/



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

.yhteyslohko { 	width:calc(90% - 120px);   margin:50px 1% 0 2%;   }

.logolohko { 	width:120px;  height:120px;  margin:20px 0 20px 4%;  }
.logokuva {	width:90px;  height:90px;   margin:15px auto;   }



.gglogoele {	width:120px;  height:120px;    }
.gglogokuva {	width:90px;   margin:15px auto 15px auto;	}

.gglinkkiele {		width:210px;  margin:55px 0;  padding: 0 5px;  float:left;  background-color:transparent;   	}
   


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




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







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

.ypadmaxi { 	padding-top:111px; }
.ypadiso { 	padding-top:66px; }
.ypadpieni { 	padding-top:33px; }
.ypadnolla { 	padding-top:0; }

.apadmaxi { 	padding-bottom:111px; }
.apadiso { 	padding-bottom:66px; }
.apadpieni { 	padding-bottom:33px; }
.apadnolla { 	padding-bottom:0; }

.ymargmaxi { 	margin-top:111px; }
.ymargiso { 	margin-top:66px; }
.ymargpieni { 	margin-top:33px; }
.ymargmini { 	margin-top:11px; }
.ymargnolla { 	margin-top:0; }

.amargmaxi { 	margin-bottom:111px; }
.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%); 	}
.levee100 {	width:100%; }


.haiveviivamalli { 	height:1px;  width:77%;  margin:33px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,100%) , transparent );   }
.liukupystymalli { 	background:linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }
.taustakuvamalli {	background-image:url(kuvat/kuva.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(222,100%,40%);	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;   }