body {
	font-family: 'Alegreya', serif;
	font-size: 17px; 
	background: #d9dcde;
	margin-bottom: 40px;
text-align: justify;
}


.copyt {
	font-family: 'Alegreya', serif;
	font-size: 12px; 
	background: #d9dcde;
	margin-bottom: 0px;
text-align: center;
}

.copyt1 {
	font-family: 'Alegreya', serif;
	font-size: 13px; 
	background: #d9dcde;
	margin-bottom: 0px;
text-align: center;
}



p {
	text-shadow: 1px 1px #eaeaea;
}

h1, h2, h3 {
	font-family: 'Gabriela', serif;
	font-weight: bold;
	text-shadow: 2px 1px #ffffff;
}

h4, h5, h6 {
	font-weight: bold;
}

hr {
	border-top: 1px solid #e2e4e5;
	border-bottom: 1px solid #d1d2d3;
}

h1 {
	text-align: center; padding: 5px;
}

a, a:link {
	color: #657479;
}

a:hover {
	color: #3b3b38;
}

.nosto {
	background: #e6e7e8; border:10px solid #d9dcde; display: table; 
}
	
#photo {
	background: url('img/bg.jpg');
	background-attachment: fixed;
	background-position: center bottom;
	border-bottom: 10px #657479 solid;
}

#photo p {
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-size: 130%;
	text-shadow: 1px 1px #27282c;
margin-top: -30px;
}

@media (max-width: 768px)
.logo img {
  width: 100%;
}

#photobg {
	background-color: rgba(38, 39, 43, 0.5);
	min-height: 350px;
	padding-top: 70px;
	text-align:center;
}

.navbar {
	border-bottom: 0px; background: #27282c;
	font-size: 70%; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;
	border-radius:0; margin:0;
}

#main {
	padding-top: 40px; 
}

@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}



.taulukko2 {
width:100%;
margin-left:0px;

border-top:1px solid #686868;
border-bottom:1px solid #686868;

}



.lista {
padding:6px 10px;
padding-left:15px;
font-size: 15px;
color: #000;
border-bottom: 1px solid #bfbfbf;
background-color: rgba(175,174,163,0.1);

}


.listavika {
padding:6px 10px;
padding-left:15px;
font-size: 15px;
color: #000;
background-color: rgba(175,174,163,0.1);

}