@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1280px) {
	
	h2#plj-1 { display: none;}
	h2#plj-2 { display: block; }
	
}


@media screen and (max-width: 1024px) {
	
	
	div.content, div.content-logot {  width: 90%!important; margin: 0 5%; }
	div.container-lira { width: 100%;  padding: 45px 5% 45px 5%; }
	div.content-lira { width: 100%;   padding: 45px 5% 45px 0; margin: 0; }
	div.footer {  width: 100%;  padding: 25px 10%;}
	
	
	
	
	
	
}

@media screen and (max-width: 993px) {
	div.top-navi { display: none!important;} 
	.w3-sidebar{ visibility:visible!important;  }
	.w3-btn,.w3-button {visibility: visible!important; padding: 20px!important;}
	
}

@media screen and (max-width: 800px) {
	
	div.top-etu-logo { width: 80%;}
	div.top-etu-logo h1 { font-size: 2.9em;  line-height: 1.2em;}
	
	section#terms {
   -webkit-column-count: 1;
   -moz-column-count:    1;
   column-count:         1;
	}

	a.telephone:link, a.telephone:visited {font-size: .8em;  margin: 0 5px; padding: 3px 5px 0 26px;}
	a.mail:link, a.mail:visited {font-size: .8em;    margin: 0 5px; padding: 3px 5px 0 26px; }

	div.content-left { width: 100%; margin: 0; padding: 0;}
	div.content-right { width: 100%; margin: 0; padding: 0;}
	div.content-right-campaign { width: 100%; margin: 0;  padding: 0;}
	div.footer-left {width:100%; padding: 10px 0; }
	div.footer-right { width:100%; padding: 10px 0 ;  }
	
	
	div.yhteystieto-img { float:left; width: 40%; padding: 0;}
	div.yhteystieto-txt {float:left; width: 55%; padding: 0 0 0 5%;}
	img.campaign-wide{ width: 100%; margin: 0 0 15px 0; padding: 0;  float:left; display: block;}
	div.toimittaja {width: 22%!important; margin: 12px 1.5%;}
	
	div.group-list { display: block; float:left; width:49%; padding: 15px 0; margin: 0 .5% 5px .5%; height: 55px;  text-align: center; 
	border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; background-color: #2196f3;}

	div.left-50 { width: 100%;}
div.right-50 { width: 100%;}
	
}

@media screen and (max-width: 640px) {

	div.top-etu-logo h1 { font-size: 2.4em;  line-height: 1.2em;}	
	div.top-etu-logo { position: absolute; top: 50px; left: 10%; width: 80%; display:block;  padding: 0; z-index: 100;}
	div.top-etu-logo img {  width: 100%; }
	
	img.footer-logo {width: 22%!important; margin: 0 1.5%!important; padding: 10px 0!important;}
	
	h1 { color: #333; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 2em; line-height: 1.4; }	
/*h2 {  color: #333; font-family: 'Poppins', sans-serif;  font-weight: 400; font-size: 1.8em; line-height: 1.3em;}	
h2.white {  color: #fff; font-family: 'Poppins', sans-serif;  font-weight: 400; font-size: 1.8em; line-height: 1.3em;}	
h3 {  color: #333; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 1.4em; line-height: 1.3em;}	
h3.white {  color: #fff; font-family: 'Poppins', sans-serif;font-weight: 400; font-size: 1.4em; line-height: 1.3em;}	
h4 {  color: #2196f3; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 1.2em; margin: 0;  line-height: 1.2em;}	
h4.center {  color: #333; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 1.2em; margin: 0; line-height: 1.2em; text-align: center;}	
*/
	b { font-size: .9em; line-height: 1.2; }	
	div.yhteystieto { padding: 15px 0;}
	div.yhteystieto-img { float:left; width: 100%; padding: 0;}
	div.yhteystieto-txt {float:left; width: 100%; padding: 0;}
	div.yhteystieto-txt h3 {  font-size: 1.2em;  }
	div.toimittaja {width: 30.33%!important; margin: 12px 1.5%;}
	
	img.content-right { float:right; padding: 15px 0 10px 0; width: 100%; }
	div.group-list a {   font-size: .75em!important; line-height: 2em; }
}

@media screen and (max-width: 480px) {

	div.top-etu-logo h1 { font-size: 1.8em;  line-height: 1.2em;}	

	
	#clouds-video { left: -500px; }
	a.more:link, a.more:visited {font-size: .85em; line-height: 2em; text-decoration: none; text-transform: uppercase; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; padding: 9px 15px; margin: 10px 15px 10px 0; color: #FFF; background-color: #2196f3; }
a.more:hover { color:#fff; background-color: #3c62ad;}

	div.top-address {display:block; background-color: #3c62ad; color: #fff; height: 65px; padding: 22px 3% 10px 0; width: 100%; text-align: right; position:relative; }
	div.top-address img  { height: 25px; padding: 0 0 0 10px;   }
	img.logo-ppr { position: absolute!important; top: 6px!important; left: 2%!important; width: 133px!important; height:auto!important;}
div.toimittaja {width: 47%!important; margin: 12px 1.5%;}
	div.group-list { display: block; float:left; width:99%!important; padding: 15px 0; margin: 0 .5% 5px .5%; height: 55px;  text-align: center; 
	border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; background-color: #2196f3;}
	
	
	
}

@media screen and (max-width: 340px) {

	

	
}



/*@media only screen and (orientation: portrait/landscape) {*/
@media only screen and (orientation: portrait) {
	/*body { background-image:url(images/bg-ver.jpg); }	*/

  
}