@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  {
	max-width:80%;
		}
		
		.home {
		float:left;
		size:11px;
		}
		
		.back {
		float:right;
		size:11px;
		}
		footer {
    
	width:100%;
	position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
	}
	
body  {
	background:#2e1a07;
	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;
		
	}
	
	.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;
		}
	
	.logo {
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		display:none;
		}
	
	.meili {
		display:none;
		}
		
	.logo_pieni {
		padding-top:38px;
		max-width:70%;
		margin-left:auto;
		margin-right:auto;
		}
		
		.meili_pieni {
		margin-top:30px;
		color:white;
		font-size:13px;
			}
		
		
	.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 : 550px ){
	
	
.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;
	
}

.kolmasosa {
		width:33%;
		float:left;
	}

.logo {
		padding-top:140px;
		max-width:100%;
		display:inherit;
		}

.meili {
	display:inherit;
	margin-top:30px;
	font-size:12px;
	color:white;
	}


.logo_pieni {
		padding-top:140px;
		max-width:100%;
		display:none;
		}

.meili_pieni {
	    display:none;
	}

}
/*Desktop view*/	
@media (min-width : 850px ){
	
	
	
.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;
	
}

.kolmasosa {
		width:33%;
		float:left;
	}

.logo {
		padding-top:110px;
		max-width:350px;
		display:inherit;
		}
		
.logo_pieni {
		padding-top:70px;
		max-width:350px;
		display:none;
		}
}