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

html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	
	}
 body {
	 margin-left:auto;
	 margin-right:auto;
	 height:100%;
	 background-image:url(kuvat/body_tausta2.jpg)
 
 }
 
 main {
	 
	 height:auto;
	 
	 
 }
 
 
 
 header {
	 height:auto;
	 background-image:url(kuvat/header_tausta.png);
	 
	 
 }
	.style-logo {
		display:none;
	}
	
	.style-logo2 {
		display:block;
		margin-left:auto;
		margin-right:auto;
		max-width:340px;
		width:100%;
		height:auto;
		
	}
	.style-nav {
		display:none;
	}
	.q {
		width:0%;
	}
	
	.kolme-q {
		width:100%;
	}
	
	h1 {
		padding:1px;
		padding-left:10px;
		
	}
		
	h2 {
		padding:10px;
		font-size:11px;
		font-weight:100;
	}
	
	h3 {
		padding:10px;
		font-size:11px;
		font-weight:100;
	}
	
	h4 {
		padding-top:60px;
	}
	
	h5  {
		font-size:11px;
		padding:10px;
		text-decoration:none;
		text-align:center;
		
		
	}
	
	.rajoitukset {
		line-height:15px;
	}
	.col-md-one-half {
		width:100%;
		}
		
	.infocol {
		float:left;
		
		
	}
	 .infotxt {
		 text-align:left;
		 
		 font-size:6px;
		 color:white;
		 padding-top:10px;
		 padding-left:3px;
		 padding-right:13px;
		 vertical-align:top;
		 
	 }
	 
	 .infotxt h5 li a {
		 text-decoration:none;
		 color:#E4DC91;
		 font-size:12px;
	 }
	 .marinkuva {
		 background-image: url(kuvat/3.jpg);
		 background-repeat:no-repeat;
		 background-position:right;
		 background-size:300px;
		 height:250px;
		 
		 
	 }
	 
	 .mari {
		 
	 }
	 
	 .prow {
		 height:auto;
		 
	 } 
	 
	 .pcol {
		display:block;
		text-align:center;
		color:#FFFFFF;
		font-size:12px;
		height:auto;
		
	 }
	 
	 
	 
	 .karkkila {
		 background-image:url(kuvat/karkkila.jpg);
		 background-size:cover;
		 background-position:top;
		 height:120px;
		 opacity:0.8;
		 
	 }
	 
	 .tuusula {
		 background-image:url(kuvat/tuusula.jpg);
		 background-size:cover;
		 background-position:top;
		 height:120px;
		 opacity:0.8;
	 }
	 
	 .button {
		border:3px solid #FFFFFF;
		padding:3px 12px;
		border-radius:30px;
		color:#ffffff;
		text-decoration:none;
		text-shadow:#000000;
		}
		
	footer {
		height:40px;
		background-color:black;
	}
	
		.footer-text{
			color:gray;
			font-size:7px;
			text-align:center;
			padding:9px;
			
		}
	.row:before, .row:after {
	content: "";
	display: table;
	}

.row:after {
	clear:both;
	}
	
	/*Tablet view*/	
@media (min-width : 590px ){
	header {
		height:auto;
		
		
	}
	
	.style-logo {
		display:block;
		margin-left:auto;
		margin-right:auto;
		background-image:url(kuvat/logo_tausta2.png);
		background-size:contain;
		
	}
	
	.style-logo2 {
		display:none;
	}
	
	.style-nav {
		display:block;
		text-align:center;
		padding-bottom:15px;
	}
	
	.infotxt {
		padding-left:16px;
		padding-top:4px;
		
	}
	
	.row {
		background-image:url(kuvat/main_tausta.png);
	 background-repeat:no-repeat;
	}
	
	h1 {
		padding-left:0px;
	}
	h5 {
		display:none;
	}
	
	.q {
		width:40%;
	}
	
	.kolme-q {
		width:60%;
	}
	
	
.col-md-one-half {
		width:50%;
		}
		
		
		
	main {
		height:420px;
	}
	
	.style-nav ul {
		list-style-type: none;
		text-align:center;
	} 
	.style-nav ul li{
		display:inline-block;
	}
	
	.style-nav ul li a {
		text-decoration:none;
		padding:30px;
		color:#E4DC91;
		font-size:14px;
		font-weight:600;
	}
	
	.pcol {
		float:left;
	}
	
	.karkkila {
		height:170px}
		
	.tuusula {
		height:170px;
	}
img {
	max-width:700px;
	width:100%;
	padding:14px;
	width:94%;
}

	.footer-text {
		font-size:9px;
	}
	
}
/*Desktop view*/
@media (min-width : 1098px ){

	html{
  height: 100%;
}
body {
  min-height: 100%;
}

	header {
		height:259px;
	}
	
	.style-nav {
		padding-top:110px;
		padding-bottom:0%;
		float:right;
	}
	
	.style-nav ul {
		padding-right:21px
	}
	
	.style-nav ul li a {
		padding:11px;
	}
		
	.style-logo {
		float:left;		
}

.col-md-one-half {
		width:50%;
		}
		
		.icol-md-one-half {
		width:50%;
		}
		
.infotxt {
	padding-right:20px;
	padding-top:40px;
}
}