body {
  background-image: url(../pics/leather_1.png);
  color: #000;
  font-family: 'Overlock'/*, cursive*/,sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: auto;
  padding-bottom: 20px;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
a.soita {
    display: none;
}
h1 {
  font-family: 'Overlock'/*, cursive*/,sans-serif;
  font-weight: 900;
  margin-bottom:24px;
}

h2 {
  font-family: 'Overlock'/*, cursive*/,sans-serif;
  font-weight: 900;
  margin-bottom:20px;
}

h3 {
  font-family: 'Overlock'/*, cursive*/,sans-serif;
  font-weight: 900;
  margin-bottom:18px;
}


p { margin:0em;
}

.container {
  /*background-color:#fff;*/
  background-color:transparent; 
}

.container#first {
  background-image:url('../images/header.jpg'); 
  background-position:right top;
  background-repeat:no-repeat;
  min-height:250px;
}

.footer .container {}

.grid-container {background-color:#fff; }

.navbar  {
  margin-bottom:10px;
}
.navbar .container {
  background-color:#99bd43;
}

hr {height:20px; background-image:url(../images/hr_bg.png); width:100%;}

.logo {
	float: left;
	padding: 2em;}

img {max-width:100%}

.jumbotron {
  padding: 10px;
  margin-bottom: 10px;
  color: inherit;
  background-color:transparent!important;
  border-radius:0!important;
  /*text-align:center;*/
  /*background-image:url(../images/kangasmallit.jpg);
  background-position:left;
  background-repeat: repeat-y;*/
}

.jumbotron .container {
  /*background-image:url(../images/fabrics.jpg);
  background-position:left center;
  background-repeat: repeat-y;*/
}

/*.jumbotron*/ .container h1 {
 /*color:#99bd43;*/
 color:#80a823;
}

/*.jumbotron*/ .container a, .container a:hover {
 /*color:#99bd43;*/
 color:#339900;
}

.navbar-default {
    background:none;
	border: none;
}

.jumbotron p, .jumbotron ul li {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}

.container-fluid {float:right;}

.dcsns ul   {
	margin-bottom: 50px!important;
}

.navbar-default .navbar-brand {
  display:none;
 }

.navbar-header {border:none;}
.navbar-default {
  /*background-color: #f8f8f8;*/
  background-color: #99bd43;
  border-color: #e7e7e7;
  font-weight:900;
}
.navbar-default .navbar-brand {
  color:#f8f8f8;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  /*color: #777;*/
  color:#f8f8f8;
}
.navbar-default .navbar-nav > li > a {
  font-size: 18px;
  font-weight: 600;
 color:#f8f8f8;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #f8f8f8;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #f8f8f8;
  background-color: transparent;
  background-image: none;
  border: 2px solid #f8f8f8;
  border-radius: 4px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #f8f8f8;
}
navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #f8f8f8;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #f8f8f8;
}
.dropcap:before {
    background-color: #000000;
    border-radius: 0.5rem;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    padding: 0.2em;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: -1;
}
*, *:before, *:after {
    box-sizing: border-box;
}
.dropcap:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
*, *:before, *:after {
    box-sizing: border-box;
}
.dropcap {
    color: #ffffff;
    display: inline-block;
    float: left;
    font-family: 'Overlock';
    font-size: 2.5em;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    margin: 1rem 1.75rem 0rem 0.6rem;
    min-height: 1em;
    min-width: 1em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
*, *:before, *:after {
    box-sizing: border-box;
}

/* -- Fancybox thumbs -- */

.tab_container {
    clear: both;
    margin-bottom: 24px;
    overflow: hidden;
}

.tab_container a {
    display: inline-block;
}

.tab_container a img {
    display: block;
    margin-bottom: 4px;
    max-height: 100px;
    max-width: 200px;
	vertical-align: top;
}

.infolaatikko {border:double; border-color:#000; margin: 10px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#000; /*background-color:#000;*/ }

.infolaatikko p {margin: 1em;}

.infolaatikko a {color:#000;}

.infolaatikko a:hover {color:#000; text-decoration:underline;}

@media (max-width: 768px) {
.nav > li > a {
    display: block;
    padding: 10px!important;
    position: relative;
}

}
@media (max-width: 480px) {
	.jumbotron h1 {font-size:22px;}
	.jumbotron p, .jumbotron ul li {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}
    h2,h3 {font-size:18px;}
	.container-fluid {
    float: left;
}
.container {
  background-image:none!important; 
}

.container#first {
  min-height:50px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: none!important;
}
.footer .container .col-md-2 {text-align:center; margin:auto;}
.footer .container .col-md-2 img {padding:10px;}
.footer .container .col-md-4 {clear:both;}

a.soita {
    display: block!important;
	clear:both;
}
a.soita:hover {
    text-decoration: none;
	color:#ffffff;
}

a.soita {
    background: none repeat scroll 0 0 #99bd43;
    border: 1px solid #99bd43;
    border-radius: 5px;
    color: #ffffff;
    display: none;
    float: left;
    font-size: 1.1em;
    margin: 10px 2% 30px;
    padding: 10px;
    text-align: center;
    width: 90%;
}
}