@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: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%;
	}
	
	.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;
		padding-bottom:20px;
		
		
	}
	
	.h2col {
		text-align:center;
		}
		
	
	.otsake {
	font-size:13px;
	font-weight:400;
	color:white;
	
	margin:5px
	}
	
	.votsake {
	font-size:11px;
	padding-top:1px;
	color:rgba(195,167,117,1.00);
	
		}
.htexti {
	font-size:11px;
	font-weight:100;
	color:#d6e1e1;
	margin-left:0px;
	}
		 .zap {
			 width:100%;
			 padding:20px;
			 max-width:350px;
			 }
			 
		  .hattaraz {
			  width:100%;
			 padding:20px;
			 max-width:350px;	
			  }
		   .disco{
			  width:100px; 
			   }
	.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;
}

.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;
	}

.otsake {
	font-size:13px;
	font-weight:400;
	color:white;
	padding:3px;
	margin:5px
	}
	
	.votsake {
	font-size:11px;
	padding-top:1px
		}
.htexti {
	font-size:11px;
	font-weight:100;
	
	margin-left:0px;
	}

}
/*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;
	}

.otsake {
	font-size:14px;
	font-weight:400;
	color:white;
	padding:3px;
	margin:5px;
	}
	
	.votsake {
	font-size:12px;
	padding-top:1px;
		}
.htexti {
	font-size:12px;
	font-weight:100;
	
	}
}