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

html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight:500;
	
	}
	
img  {
	height:58px;
	vertical-align:bottom;
	
		}
		
footer {
	width:100%;
	position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
	}
	
body  {
	background:#2e1a07;
	background-image:url(kuvat/logo_footer.png);
	height:100%;
	}
	
	main {
		height:100%;
		}
		.style-nav ul li a  {
		text-decoration:none;
		font-weight:300;
		letter-spacing:4px;
		font-size:10px;
		color:white;
		display: block;
		text-align:center;
		padding:1px;
	}
	
	.home {
		float:left;
		size:11px;
		}
		.back {
		float:right;
		size:11px;
		}
	section {
		height:100%;
		margin-top:10px;
		padding-bottom:px;
		}
	
	.linkrow_1 {
		background-color:#81bfbf;
		line-height:120px;
		align-items:center;
		background-image:url(kuvat/21_hamburg_bg.png);
		background-position:center;
		
		}
		
		.linkrow_2 {
		line-height:120px;
		background-image:url(kuvat/21_videopr_kopio.png);
		background_position:center;
		}
		
	.linkrow_3 {
		background-color:#81bfbf;
		line-height:120px;
		background-image:url(kuvat/21_graph_bg.png);
		background-position:center;
		}
	.linkframe {
		padding-left:25px;
		margin-bottom:31px;
		}
	
	.hrow {
		padding:10px;
		}
		
	.h2row {
		padding-top:20px
		}
		
	.h2row a {
		text-decoration:none;
		color:white;
		letter-spacing:7px;
		font-size:15px;
		
		text-align:center;
		
		
	}
	
	.h2col {
		text-align:center;
		padding:10px;
		}
	
	
	
	
	
		.maincol {
			text-align:center;
			}
			
		.n_osa {
			padding:2px;
			}
			
		
	.button {
		border-top:1px solid gray;
		border-left:1px solid gray;
		padding:1px 10px;
		border-radius:3px;
		background-color:rgba(81,48,18,0.70);
		text-decoration:none;
		text-shadow:#000000;
		}
			
	.footer-text {
	color:white;
	font-size:9px;
	text-align:center;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	opacity:0.8;
	letter-spacing:3px;
	
	}
		
	.row:before, .row:after {
	content: "";
	display: table;
	}

.row:after {
	clear:both;
	}
	
	/*Tablet view*/	
@media (min-width : 510px ){
	
	img {
		height:87px;
		}
	
	section {
		margin-top:10px;
		padding-bottom:25px;
		}
	
		.linkrow_1 {
		background-color:#81bfbf;
		line-height:160px;
		}
		
		.linkrow_2 {
		line-height:160px;
		
		}
		
	.linkrow_3 {
		background-color:#81bfbf;
		line-height:160px;
		}
	
	.linkframe {
		padding-left:42%;
		margin-bottom:38px;
		}
		
.style-nav ul li {
	display:inline-block;
}

.hcol {
	text-align:center;
}

.h2row {
		padding-top:50px
		}
	
.h2col {
	text-align:center;
	padding:0px;
}


	
.links {
	text-decoration:none;
	
}

.style-nav ul li a  {
		text-decoration:none;
		font-weight:300;
		letter-spacing:4px;
		font-size:10px;
		color:white;
		display: block;
		text-align:center;
		padding:8px;
		
	}
	
.style-nav2 {
    display:inline-block;
	
}

.n_osa {
		width:50%;
		float:left;
		padding:6px;
	}
	
	.kolmasosa {
		width:33%;
		float:left;
	}



}
/*Desktop view*/	
@media (min-width : 850px ){
	
	img {
		height:110px;
		}
		
	
		
	section {
		margin-top:1px;
		}
		.linkrow_1 {
 		
		background-color:#81bfbf;
		line-height:180px;
		}
		
		.linkrow_2 {
		
		line-height:180px;
		}
		
	.linkrow_3 {
		background-color:#81bfbf;
		line-height:180px;
		}
		
		.linkframe {
		padding-left:52%;
		margin-bottom:38px;
		
		}
	
.style-nav ul li {
	display:inline-block;
}

.hcol {
	text-align:center;
}

.h2row {
		padding-top:50px
		}
		
.h2col {
	text-align:center;
}

.links {
	text-decoration:none;
	
}

.style-nav ul li a  {
		text-decoration:none;
		font-weight:300;
		letter-spacing:4px;
		font-size:10px;
		color:white;
		display: block;
		text-align:center;
		padding:8px;
		
	}
	
.style-nav2 {
    display:inline-block;
	
}

.n_osa {
		width:25%;
		float:left;
		padding:3px;
	}
	
.kolmasosa {
		width:33%;
		float:left;
	}
	

}