@charset "UTF-8";
/* CSS Document */



body {
	background-image:url(../images/tausta5.jpg);
	font-family: 'Merriweather', serif;
	color: #651b12;

	
}

.navbar-default .navbar-toggle {
  border-color: #651b12;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #90c530;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #651b12;
}


hr {
	  border-color: #d6c1a4;
}


.logo img {
    display: block;
    margin: auto;
	margin-top:0px;
}



.navbar-default {
    background-color: transparent;
    border-color: #d6c1a4;
	font-weight:700;
	
}

.navbar-default .navbar-nav>li>a {
	font-size: 18px;
color: #651b12;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #bb2c0a;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #bb2c0a;
    background-color: #ecd19c;
}

.navbar-brand {
	   visibility: hidden;
	
}


.kielet a{
	align-content:center;
	font-weight:700;
	font-size:12px;
	color:#651b12;
	padding:0px;
	margin:0px;
	
}

.kielet ul li {
	display: block;
	float: left;
}
.kielet ul li a {
	display: block;
	float: left;
	padding:10px;
}

.kielet ul li a:hover {
	display: block;
	float: left;
	padding:10px;
	background-color:#90c530;
	
}


.kehys img {
 	border: 4px solid !important;
 	border-color: #ffffff !important;
	
}


p {
	font-size: 15px;
	color: #651b12;
}


p a {
	
color: #bb2c0a;
text-decoration:underline;
	
}

p a:hover {
	
color: #90c530;
text-decoration:none;
	
}

h4 a {
	
color: #bb2c0a;
text-decoration:underline;
	
}

h4 a:hover {
	
color: #90c530;
text-decoration:none;
	
}

.ingressi {
	font-family: 'Merriweather', serif;
	font-style:italic;
	font-weight:700;
	font-size: 32px;
color: #bb2c0a;
text-align:center;

}

h1 {
font-weight:700;
font-size: 45px;
color: #651b12;
line-height: 1.2;

}

h2 {
font-size: 48px;
color: #bb2c0a;
}


h3 {
	font-size:36px;
}

h4 {
		color: #bb2c0a;
		font-weight:700;
		line-height: 1.4;
}


ul li {
	font-weight:700;
	line-height: 1.6;
	color:#651b12;
	font-size:14px;
	
}

ol li {
	font-weight:700;
	line-height: 1.6;
	color:#651b12;
	font-size:14px;
	
}

.row img {
	width:100% !important;
	margin-bottom: 20px;
	
}


.kehys img {
	border: 4px solid !important;
 	border-color: #ffffff !important;
	
}

.img-thumbnail {
	width:100% !important;
	margin-bottom: 20px;
	border: 0px solid !important;
 	border-color: #ffffff !important;
	
}


.aloituskuva img {
	width:100% !important;
	margin-bottom: 20px;
	
}


#footer p {
	text-align: center;
}

.tekija p a {
	font-size:10px;
	text-align: right;
}


.info {
	color:#651b12;
	font-size:14px;
}


.kartta iframe {
	
	width: 100%;
	height: 300px;
	
}





@media (max-width: 1200px) {
    
.logo img {
    margin-left: auto;
    margin-right: auto;
	width: 400px;
	
	}
	
.ingressi {
	font-size: 32px;

}

h1 {
font-weight:700;
font-size: 40px;
color: #651b12;
line-height: 1.2;

}

h2 {
font-size: 38px;
color: #bb2c0a;
}


h3 {
	font-size:28px;
		
}

h4 {
		color: #bb2c0a;
		font-weight:700;
}





    
}

@media (max-width: 1000px) {
	
	
.logo img {
    margin-left: auto;
    margin-right: auto;
	width: 360px;
    
}

.ingressi {
	font-size: 22px;

}


.kartta iframe {
	
	width: 90%;
	height: 300px;
	
}


@media (max-width: 760px) {
    
	.navbar-brand {
	   visibility: visible;
	
}


.kielet ul li a {
	padding:5px;
	padding-left:8px;
}

.kielet ul li a:hover {
	padding:5px;
	padding-left:8px;
	
}



.kielet a {
	font-size:10px;
	color:#651b12;
	padding:0px;
	margin:0px;
	
}



h1 {
font-size: 28px;

}

h2 {
font-size: 28px;
}


h3 {
	font-size:24px;

}

h4 {
	
}





}