/* 8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 63.237em) {
	.container {
	padding-left: 1.618em;
	padding-right: 1.618em;
	margin: 0 auto; 
	max-width: 60em;
	}


.container_nopad { padding-left: 0; padding-right: 0; }

.half { width: 28em; padding-left: 0; padding-right: 2em; float: left;}

footer#footer p, .highlight h1 { text-align: left; }

.stripe {height: 25px;}
header#header .stripe .container { text-align: right; }

img.infopallo { float: right; max-height: 100%; margin: 0;}

	
.highlight_yhteystiedot {  background: #006FB9;  }
	.highlight_yhteystiedot .container { background: url(images/kvk247.png) no-repeat right center; background-size: contain;  }
	.highlight_yhteystiedot_se .container { background: url(images/kvk247_se.png) no-repeat right center; background-size: contain;  }
	.highlight_yhteystiedot_no .container { background: url(images/kvk247_no.png) no-repeat right center; background-size: contain;  }	
.highlight_tuotetiedot { background: #39B54A;   }
	.highlight_tuotetiedot .container { background: url(images/rp50m.png) no-repeat right center; background-size: contain;  }
	.highlight_tuotetiedot_se .container { background: url(images/rp50m_se.png) no-repeat right center; background-size: contain;  }
	.highlight_tuotetiedot_no .container { background: url(images/rp50m_no.png) no-repeat right center; background-size: contain;  }

.nosto { margin: 0 auto; max-width: 60em; max-height: 33.75em;  }
	.nosto h1 { margin: auto; padding-top: 4rem; padding-left: 2rem; text-align: left; font-size: 350%; color: #fff; line-height: 6rem; }
	.nosto h1 span.firstline {display: block; }
	.nosto_se h1 { font-size: 270%; }

.column { float: left; width: 17.333333333em;  }

ul.menu { max-width: none; }


nav#nav.navigation { position: absolute; top: 25px; width: 100% !important; max-width: 100% !important; color: #ddd; }
	nav#nav.navigation h3 { display: none; }
	nav#nav.navigation ul.menu { display: block; float: right; width: 38em; margin: 0 auto;  text-align: right; border: 0; }
	nav#nav.navigation ul.menu li { display: inline-block; width: auto; margin: 0;  }
	nav#nav.navigation ul.menu li a { display: inline-block;   padding: 0.25em 0.5em; border: 0;  }
	nav#nav.navigation ul.menu li a:hover, .navigation ul.menu li a:focus  {   }

	 
	
.navigation h3 { border: 0;  font-size: 118%; text-align: left;  }

ul, ol { margin-left: 0;  }

#logo { text-align: left; margin: 0; } 
#logo { width: 250px; height: 100px; }


.full_width p { max-width: 100% !important; }

.mobile {display: none !important;}



.maincontent { margin-top: 2em; }
	.maincontent p { max-width: none; width: auto; }
	

} /* END DADDY BEAR */

/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 30em) and (max-width: 63.236em) {



.navigation ul.menu {  margin: 0 -1.618em;  max-width: none;}

.container {padding-left: 1.618em;	padding-right: 1.618em; width: 30em; }

#nav .container { width: auto; }

.column {float: none;width: auto; margin: 0 auto;}
	
.nosto { margin: 0 auto; max-width: 30em; max-height: 18em;  }
	.nosto h1 { margin: auto; padding-top: 1.5rem; padding-left: 1rem; text-align: left; font-size: 150%; color: #fff; line-height: 2.5rem; }
	.nosto h1 span.firstline {display: block; font-size: 250%;}
	.nosto_se h1 { line-height: 3rem; }
	.nosto_se h1 span.firstline { font-size: 270%; }

}