@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;
	 min-height:100%;
	 
 
 }
 
 img {
	max-width:220px;
	
	padding:1px;
	
}

 html {
	height:100%; 
	 }
	 
 main {
	padding-bottom:90px; 
	 }
 
 main2 {
	 width:100%;
	position: fixed; 
    bottom: 32px;
    left: 0;
    right: 0;
	 
	 
	 
 }
 
 	.col {
		background-image:url(kuvat/tapetti.jpg);
		}
 
 header {	 
 }
 
    .full-height {
		height:100%;
		}
		
	.style-logo {
		display:none;
	}
	
	.style-logo2 {
		display:block;
		margin-left:auto;
		margin-right:auto;
		max-width:400px;
		width:100%;
		height:auto;
		
	}
	.style-nav {
		display:none;
	}
	.style-nav_2 {
		display:none;
		text-align:center;
		padding-bottom:15px;
		padding-top:20px;
	}
	
	.style-nav_2 ul {
		list-style-type: none;
		text-align:center;
		background-color:#639;
	} 
	.style-nav_2 ul li{
		display:inline-block;
		
		
	}
	
	.style-nav_2 ul li a {
		text-decoration:none;
		padding:7px;
		color:white;
		font-size:11px;
		letter-spacing:1.5px;
		font-weight:500;
	}
	.q {
		width:20%;
	}
	
	.kolme-q {
		width:80%;
	}
	
	.footbic img{
		width:150px;
		}
	
	h1 {
		padding-top:10px;
		padding-left:10px;
		padding-bottom:11px;
		font-size:15px;
	}
		
	h2 {
		padding:10px;
		font-size:13px;
		font-weight:100;
	}
	
	h3 {
		padding:10px;
		font-size:12px;
		font-weight:100;
	}
	
	h4 {
		padding-top:60px;
	}
	
	h5  {
		font-size:11px;
		padding:10px;
		text-decoration:none;
		line-height:24px
		
		
	}
	
	a {
		text-decoration:none;
		}
		
	.photo {
		background-image:url(kuvat/20_cover_1.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		height:120px;
		
		}
		
	.menu {
		width:110px;
		float:left;	
		margin-top:68px;	
		margin-left:8px;
		}
		
	.col-md-one-half {
		width:100%;
		}
		
	.infocol {
		float:left;
		
		
	}
	 .infotxt {
		 text-align:left;
		 
		 font-size:6px;
		 color:#663399;
		 padding-top:45px;
		 padding-left:3px;
		 padding-right:13px;
		 vertical-align:top;
		 
	
		 
	 }
	  .info {
		  line-height:17px;
		  }
		  
	 .infotxt h5 li a {
		 text-decoration:none;
		 color:#E4DC91;
		 font-size:12px;
	 }
	 .marinkuva {
		 background-image: url(kuvat/kukka_rev.png);
		 background-repeat:no-repeat;
		 background-position:right;
		 background-size:300px;
		 height:250px;
		 
		 
	 }
	 
	 .mari {
		 
	 }
	 
	 .prow {
		 height:60px;
		 background-image:url(kuvat/tapetti.jpg)
		 
	 } 
	 
	 .pcol {
		display:block;
		text-align:center;
		color:#FFFFFF;
		font-size:12px;
		height:30px;
		
	 }
	 
	 .row {
		 
		 ;
	 }
	 
	 .karkkila {
		 background-color:white;
		 opacity:0.85;
		 height:30px;
		
		 
	 }
	 
	 .tuusula {
		 background-color:white;
		 opacity:0.85;
		 height:30px;
		 padding-bottom:50px;
		 
	 }
	 
	 .button {
		border:3px solid #FFFFFF;
		background-color:#639;
		padding:3px 12px;
		border-radius:30px;
		color:#ffffff;
		text-decoration:none;
		text-shadow:#000000;
		}
		
		.button_2 {
		border:2px;
		border-color:gold;
		background-color:#639;
		padding:1px;
		border-radius:5px;
		color:#ffffff;
		text-decoration:none;
		text-shadow:#000000;
		}
		
		.av_button {
		border:3px solid #639;
		padding:6px 12px;
		border-radius:30px;
		color:#639;
		text-decoration:none;
		text-shadow:#000000;
		
		}
		
	.rekisteri {
		text-decoration:none;
		font-size:11px;
		color:#639;
		margin:8px;
		
		
		}
		.piste {
			max-width:200px;
			}
			
	footer {
		background-color:#639;
		width:100%;
	position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
		
    height: 20px;
	}
	
		.footer-text{
			color:white;
			font-size:7px;
			text-align:center;
			padding:5px;
			
		}
	.row:before, .row:after {
	content: "";
	display: table;
	}

.row:after {
	clear:both;
	}
	
	/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */    
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-image:url(kuvat/seina_menu.jpg);
  background-size:cover;
  opacity:0.95;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 13px;
  text-decoration: none;
  font-size: 15px;
  letter-spacing:1px;
  font-weight:900;
  color: black;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #637;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 40px;
}

	
	/*Tablet view*/	
@media (min-width : 590px ){
	header {
		height:auto;
	
	}
	
	main2 {
		bottom: 20px;
		}
	
	.style-logo {
		display:block;
		margin-left:auto;
		margin-right:auto;
		
		background-size:contain;
		max-width:460px;
		
	}
	
	.style-logo2 {
		display:none;
	}
	
	.style-nav {
		display:block;
		text-align:center;
		padding-bottom:0px;
	}
	
	.style-nav_2 {
		display:none;
		}
	.marinkuva {
		background-image:url(kuvat/kukka.png)
		}
		
	.q {
		width:35%;
	}
	
	.kolme-q {
		width:65%;
	}
	.button_2 {
		border:2px;
		border-color:gold;
		background-color:#639;
		padding:1px;
		border-radius:5px;
		color:#ffffff;
		text-decoration:none;
		text-shadow:#000000;
		}
		
		.menu {
		display:none;
		}
	
	.infotxt {
		padding-left:16px;
		padding-top:20px;
		
	}
	
	.row {
		background-image:url();
	 background-repeat:no-repeat;
	}
	
	h1 {
		padding-top:40px;
	}
	h5 {
		display:none;
	}
	
	.col-md-one-half {
		width:50%;
		}
		
	
		
	main {
		height:auto;
	}
	
	.style-nav ul {
		list-style-type: none;
		text-align:center;
		background-color:#639;
	} 
	.style-nav ul li{
		display:inline-block;
		
		
	}
	
	.style-nav ul li a {
		text-decoration:none;
		padding:7px;
		color:white;
		font-size:11px;
		letter-spacing:1.5px;
		font-weight:500;
	}
	
	.pcol {
		float:left;
	}
	
	.karkkila {
		height:170px}
		
	.tuusula {
		height:170px;
	}
img {
	max-width:260px;
	
	padding:14px;
	width:94%;
}

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

	html{
  height: 100%;
}
body {
  height:auto;
}

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

.photo {
	height:160px
	}
	
.q {
		width:40%;
	}
	
	.kolme-q {
		width:60%;
	}
		
.infotxt {
	padding-right:20px;
}
}