@media screen and (max-width:870px) {
	div.centerContainerMin{width:90%; margin:0 auto;}
	#content table tr td{display:block;}
}

@media screen and (max-width:770px) {
	div#header div#header-logo-text{font-size:2em !important; padding-top:2.3em;}
	
}

@media screen and (min-width:635px) {
	nav a.navimenu{display:none;}

	nav ul{list-style-type: none; margin:0; padding:0;}
	nav ul li{float:left; padding:1em; text-align:center; min-width:60px;}
	nav ul li:hover{border-bottom: 2px solid #76b4ca;}
	nav ul li a{display:block; vertical-align:text-bottom; font-size:1.2em; padding:3.0em 0 0 0; color:white; text-decoration:none;}
	nav ul li a:hover{text-decoration:none;}
	nav ul li a.etusivu{background: rgba(0, 0, 0, 0) url("../images/ico_etusivu.png")  no-repeat scroll center 0 / 3em 3em; }
	nav ul li a.mutka{background: rgba(0, 0, 0, 0) url("../images/ico_mutka.png")  no-repeat scroll center 0 / 3em 3em;}
	nav ul li a.tilaa{background: rgba(0, 0, 0, 0) url("../images/ico_tilaa.png")  no-repeat scroll center 0 / 3em 3em;}
	div#karusellibg{margin-top:130px}
}

@media screen and (max-width:635px) {
	div#webshobnavi{margin-top:2.6em;}
	nav a.navimenu{display:block;}
	div.naviblocks{display:none; position:absolute; z-index:10000; top:80px; left:2%; background: #263037; width:96%; border:1px solid #f2f2f4;}
	div.naviblocks ul.uppernavi{margin:1em; padding:0; list-style-type: none;}
	div.naviblocks ul.uppernavi li{border-bottom: 1px solid #cfcfcf; padding:2px 5px 2px 5px;}
	div.naviblocks ul.uppernavi li a{color:white; font-weight:bold; text-decoration:none; font-size:16px; padding-left:25px;}

	nav ul li a.etusivu{background: rgba(0, 0, 0, 0) url("../images/ico_etusivu.png")  no-repeat scroll left 0.2em / 1.2em 1.2em; }
	nav ul li a.mutka{background: rgba(0, 0, 0, 0) url("../images/ico_mutka.png")  no-repeat scroll left 0.2em / 1.2em 1.2em;}
	nav ul li a.tilaa{background: rgba(0, 0, 0, 0) url("../images/ico_tilaa.png")  no-repeat scroll left 0.2em / 1.2em 1.2em;}

	div.cols1-2{float:none; width:100%; margin-bottom:2em;}
	
	div#header div#header-logo-text{padding-top:1.5em;}
	div#header div#header-logo{padding-top:0em;}
	div#headerbg{height:100px;}
	div#header{height:100px;}
	div#karusellibg{margin-top:100px}

	table.tilaajantiedot{width:100%;}
	table.tilaajantiedot tr td{display: table-row;}

	.mobileshow{display:block;}
	.mobilehide{display:none;}

	div.cols1-3{width:100%; float:none;}
	div.cols2-3{width:100%; float:none;}
	div.margin1em{margin:0em;}

	div.listnewrow{float:none;}
}