/*! OMA CSS */


.boxed:not(:last-child) { margin-bottom: 10px; }
.boxed { margin-bottom: 10px; }
.feature:not(.boxed) {  margin-bottom: 0px; }

.dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a { font-weight:600; }

a.block:hover > .feature {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.14);
}

a.block:hover > .feature .feature2 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.14);
}

.dropdown > .dropdown__trigger:after { font-size:16px; }

.otsikko1 {
	font-weight: 800;
    font-size: 54px;
}

.otsikko2 {
	font-weight: 600;
    font-size: 28px;
}

.bar .logo {
    max-height: 5.85714286em;
    max-width: none;
}

.teksti1 {
	font-weight: 800;
    color: #444;
}

.pikkukuva { max-width: 300px; height:auto; }

p a, span a, label a { text-decoration:none; }

.bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
    font-size: 1em;
    line-height: 2.166666666666667em;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .5px;
}

/*
.menu-horizontal > li > a, .menu-horizontal > li > span, .menu-horizontal > li > .modal-instance > .modal-trigger { color:#000; }

.varjo1
{
  position: relative;
}
.varjo1:before, .varjo1:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.varjo1:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.boxed {
  -webkit-box-shadow: 1px 1x 3px 2px #ccc;  
  -moz-box-shadow:    1px 1px 3px 2px #ccc;  
  box-shadow:         1px 1px 3px 2px #ccc; 
}

*/


@media all and (max-width: 767px){
  .nav-container {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #fff;
  }
  
.otsikko1 {
	font-weight: 800;
    font-size: 36px;
}

.otsikko2 {
	font-weight: 600;
    font-size: 28px;
}

}


@media (max-width: 767px) {
.bar__module .btn:not(:last-child) {
    margin-bottom: 0.9em;
margin-top: 0.9em; }

.otsikko2 { margin-top:80px; }
.otsikko3 { margin-top:80px; }
#laatikko1 { margin-top:50px; }
.pikkukuva { margin:50px; }
}


@media (min-width: 768px) {
.row div[class*='col-']:nth-child(1):nth-last-child(3) .feature, .row div[class*='col-']:nth-child(2):nth-last-child(2) .feature, .row div[class*='col-']:nth-child(3):last-child .feature {
height: 200px; }
}


@media (min-width: 991px) {
.bar.pos-fixed {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); }
}

@media (max-width: 500px) {

}

@media (max-width: 432px) {

}