
 .navbar {
      margin-bottom: 0;
      border-radius: 0;
	  height: 150px;
    }
	
.navbar-nav li a {
    margin: 0;
	padding: 60px 15px;
}
.navbar-nav {
	float: right !important;
}

.navbar-inverse .navbar-nav .active2 a, .navbar-inverse .navbar-nav .active2 a:focus {
  color: #f66b00;
  font-weight: bold;
  padding: 50px 15px;
}

.navbar-inverse .navbar-nav .open a:focus {
  color: #ccc;
  background-color: #666;
}

.navbar-inverse .navbar-nav .active2 a:hover {
	color: #fff;
}

.navbar-inverse .navbar-nav .pudotusvalikko li a{
	padding: 5px;
}

.wellheader {
	width:100%;
	margin:0 0 15px 0;
	padding: 15px 0;
	background: #ccc;
	border-radius:15px;
	font-weight:bold;
}

.karttafreimi {
	width: 100%;
	height: 300px;
}

.tuotteet {
	margin: 15px auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hinnasto {
	margin: 15px auto;
}

.hinnasto th {
	border: 0;
	padding: 15px 0 0 5px;
	vertical-align: bottom;
}
.hinnasto td {
	border: 1px outset #ccc;
	padding: 15px;
	text-align: left;
}

.hinnasto_mobile {
	display: none;
	margin: 15px auto;
}
.hinnasto_mobile th {
	border: 0;
	padding: 15px 0 0 0;
}

.hinnasto_mobile td {
	border: 1px outset #ccc;
	padding: 15px;
	text-align: left;
}

.tuotekuva {
	max-width: 300px;
}

.lista {
	text-align: left;
}

.luettelo_ilman {
	list-style-type: none;
}

.paivystys {
	  color: #f66b00 !important;
  font-weight: bold !important;
}

textarea[name=form_msg] {
	width:300px;
	height: 181px;
	resize: none;
}

button[name=submit] {
	margin-bottom: 15px;
}
    
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }
 .carousel-inner {
 	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
  .carousel-control {
  	opacity: 1.0 !important;
  }
    
  .carousel-inner img {
      width: 60%; /* Set width to 60% */
      margin: auto;
      /*min-height:200px;*/
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  }
  
  .carousel-caption {
  	background: rgba(0, 0, 0, 0.5);
  }
  

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }
  
  @media (max-width: 1280px) {
  	  .carousel-inner img {
      width: 80%; /* Set width to 80% */
      margin: auto;
      /*min-height:200px;*/
  }
}
  
  @media (max-width: 768px) {
  	.navbar {
		z-index: 1000;
	}
	.navbar-brand img {
		max-width:100%;
		margin-top: -15px;
	}
	.navbar-nav li a {
	width: 200px;
    margin: 0;
	padding: 5px 5px;
	background-color: #666;
	color: #fff !important;
}

.navbar-inverse .navbar-nav .active2 a, .navbar-inverse .navbar-nav .active2 a:focus {
  color: #f66b00 !important;
  font-weight: bold;
  padding: 5px;
}
	.navbar-nav li a:hover {
    margin: 0;
	padding: 5px 5px;
	background-color: #ccc !important;
	color: #000 !important;
}
textarea[name=form_msg] {
	width:100%;
}
	.hinnasto {
		display: none;
	}
	.hinnasto_mobile {
		display: block;
	}
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
  }
  }
 
