@import url(http://fonts.googleapis.com/css?family=Lora:400,700);

body {
	
	background: url(../images/bg.jpg) center top;
	background-color: #c3e065;
	font-size: 16px;
	background-repeat: no-repeat;
	font-family: 'Lora', Arial, Helvetica, Trebuchet MS, sans-serif; 

}


a {
	color: #1c4d99;

}

a:hover { 
	color: #97c338;
}

/* OTSIKOT
------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lora', Arial, Helvetica, Trebuchet MS, sans-serif;     
	font-weight: 400;
	color: #3c5014;
	line-height: normal;
	padding: 0;
	margin: 0;
}
	h1 { font-size: 36px; text-transform: uppercase;}
	h2 { font-size: 30px;}
	h3 { font-size: 24px;}
	h4 { font-size: 19px;}
	h5 { font-size: 16px;}
	h6 { font-size: 15px;}


header {
	padding-bottom: 0px;	
}

.btn-primary {
    background-color: #1c4d99;
    border-color: #1c4d99;
    color: #fff;
}
	

/* VALIKKO
------------------------------------------------------------------------------------------*/
nav {
	color: white;
}

.navbar-default{
	background-color:#1c4d99;	
}

.navbar-default .navbar-nav > li > a {
	color: white;

}

.navbar-default .navbar-nav > li > a:hover {
	color: white;
	background-color: #0d3777;
}

.navbar-default .navbar-nav > .active > a{
	background-color: #97c338;
	color: #ffffff;
}

.navbar-default .navbar-nav > .active > a:hover{
	background-color: #97c338;
	color: #ffffff;
}

.navbar-toggle {
    	position: relative;
    	float: right;
    	padding: 9px 10px;
   	margin-top: 9px;
    	margin-right: 15px;
    	margin-bottom: 9px;
    	background-color: #fff;
   	background-image: none;
    	border: 0px solid transparent;
    	border-radius: 2px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #97c338;
}

.content {
	background: url(../images/content_bg.png) repeat center top;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	padding-top: 45px;
	padding-bottom: 40px;
	padding-left: 70px;
	padding-right: 70px;
}

main {
	
}


footer {
	/*background: url(../images/footer.jpg) repeat-x top left #a0cb40;*/
	background-color: #97c338;
	color: white;
	margin-top: 0px;
}

@media (max-width: 768px) {

.frontpage_contact_content{
			}

.link_box{padding-bottom: 25px;}

.content {padding-top: 15px;padding-bottom: 15px;padding-left: 30px;padding-right: 30px;}
h1 { font-size: 32px;}

}

@media (min-width: 768px) {
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.navbar .navbar-collapse {
		text-align: center;
	}

	.frontpage_contact_content{
	height: 270px;
	}

	.link_box{margin-bottom: 0px;}
	
}


@media (min-width: 992px) {
	.frontpage_contact_content{
	height: 284px;
	}

	.link_box{margin-bottom: 0px;}
}

@media (min-width: 1200px) {
	.frontpage_contact_content{
	height: 353px;
	}
	.link_box{margin-bottom: 0px;}
}