@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  {
	width:100%;
		}
		
		.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%;
	}
	
section {
		margin-top:20px;
		width:100%;
		padding-bottom:25px;
		
		}
	
	.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;
		}
	
	.logo_pieni {
		padding-top:38px;
		max-width:70%;
		margin-left:auto;
		margin-right:auto;
		}
		
		.maincol {
			text-align:center;
			}
			
		.n_osa {
			padding:2px;
			}
			
		.yksi {
			opacity:0.5;
			}
		
		.kaksi {
			opacity:0.3;
			}
			
		.musictext {
			color:white;
			font-size:11px;
			letter-spacing:1px;
			padding:5px;
			opacity:0.9;
			}
			
		.musiclink {
			padding-bottom:10px;
			}
			
		.musiclink a {
			text-decoration:none;
			color:white;
			}
			
		.links {
	text-decoration:none;
	color:white;
		}
		
	.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;
	}
	
.row {
	text-align:center;
	}
.column {
	text-align:center;
	margin-left:none;
	margin-right:none;
	
	}	
  .video {
	  width:100%;
	  height:200px;
	  text-align:center;
	  }



	
	/*Tablet view*/	
@media (min-width : 550px ){
	
	
		
	img  {
	max-width:50%;
		}
		
	section {
		margin-top:55px;
		padding-bottom:25px;
		}
	
	.video {
	  width:80%;
	  height:auto;
	  margin-left:auto;
	  margin-right:auto;
	  }
.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;
	}

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

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

}


/*Desktop view*/	
@media (min-width : 850px ){
	
	section {
		margin-top:30px;
		}
	
	.video {
	  width:70%;
	  }
.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;
	}
	
.logo {
		padding-top:110px;
		max-width:350px;
		display:inherit;
		}
		
.logo_pieni {
		padding-top:70px;
		max-width:350px;
		display:none;
		}
		
.column img {
	
	width:60%;
	
	}
.pystykuva {
	max-width:65%;
	margin-left:auto;
	margin-right:auto;
	}

}