@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%;
	
		}
		
		footer {
    
	width:100%;
	position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
	}
	
body  {
	background-color:#2e1a07;
	background-repeat:no-repeat;
	background-position:right , top;
	background-attachment:scroll;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	}
main  {
	text-align:center;
	}
		
	.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;
		padding-top:20px;
		
		}
	
	.logo_pieni {
		padding-top:38px;
		max-width:70%;
		margin-left:auto;
		margin-right:auto;
		}
	 
	.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 ){
	
body {
	background-color:#2e1a07;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:scroll;
	
	}
	
.style-nav ul li {
	display:inline-block;
}


.hcol {
	text-align:center;
}

.h2row {
		padding-top:0px
		}
	
.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:90px;
		max-width:450px;
		display:inherit;
		}

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

}
/*Desktop view*/	
@media (min-width : 850px ){
	
	
	
.style-nav ul li {
	display:inline-block;
}

.hcol {
	text-align:center;
}

.h2row {
		padding-top:0px
		}
		
.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:100px;
		max-width:450px;
		display:inherit;
		}
		
.logo_pieni {
		padding-top:70px;
		max-width:350px;
		display:none;
		}
}