@media (min-width: 1025px) {.dropdown-menu, .modal-content, .panel, .list-group-item {  background-color: rgba(250, 250, 250, 0.9); } }html, body {background-attachment: inherit;} 
        
        body {background: url('http://wallpaper4me.com/images/wallpapers/1251859629345-792958.jpeg') fixed;background-size: 110% auto;}#h1 {background: #000; /* taustavari */color: #fff; /* tekstin vari */}.ovari {background: #000; /* taustavari */color: #fff; /* tekstin vari */text-shadow: 0 0 0 #fff; /* tama jos haluat varjot otsikoista pois */}.box {background: #000; /* taustavari */color: #fff; /* tekstin vari */}a, a:visited {color: #fff; /* tekstin vari */}a:hover {color: #fff; /* kun hiiri on tekstin paalla */}.white {background: #000; /* taustavari */}.viiva {    position: absolute;    top: 35px;    height: 35px;    background: rgba(0,0,0,0.2);    width: 100%;    z-index: -1;}.userHover {    width: 200px;    padding: 0px;        color: #000;    background: #000;    background: grey;    -moz-box-shadow: 0px 0px 20px #777;    -webkit-box-shadow: 0px 0px 20px #777;    box-shadow: 0px 0px 20px #777;    border-radius: 5px;    overflow: hidden;            position: absolute;}.menu a {    color: black;    background: #000;    background: rgba(255,255,255,255.8);    line-height: 30px;    padding: 0 10px;    font-weight: bold;    margin: 0 2px;        float: left;    -webkit-border-top-left-radius: 4px;    -webkit-border-top-right-radius: 4px;    -moz-border-radius-topleft: 4px;    -moz-border-radius-topright: 4px;    border-top-left-radius: 4px;    border-top-right-radius: 4px;}#menuh a:hover                        /* menu on mouse-over  */    {    color: #000;    text-decoration:none;text-shadow: 0 0 5px #666;font-weight: bold;background: #008080;}#menuh a:link, #menuh a:visited, #menuh a:active    /* menu at rest */    {width: 95px;        color: #000;    text-decoration:none;font-weight: bold;}#footer {border-radius: 5px 5px 0px 0px;overflow: hidden;background: #000;box-shadow: 0px 0px 5px #000;    background: rgba(0,0,0,0.9);}#commentbox input[type="text"], input[name="comment"] {    background: #a8a7ad;    width: 530px;    margin-right: 5px;    border: 1px solid #999;    border-radius: 5px;}input[type="button"]:hover, input[type="submit"]:hover, .submit:hover {background: #a8a7ad;color: white;}.menu a {    color: black;    background: #000;    background: rgba(0,0,0,0.8);    line-height: 30px;    padding: 0 10px;    font-weight: bold;    margin: 0 2px;        float: left;    -webkit-border-top-left-radius: 4px;    -webkit-border-top-right-radius: 4px;    -moz-border-radius-topleft: 4px;    -moz-border-radius-topright: 4px;    border-top-left-radius: 4px;    border-top-right-radius: 4px;}#h2-menu .menulist a:hover {background: grey;}#h1-menu .menulist:hover a, #rightbox .menulist:hover a {background: #4f4f4f;color: #fff;}.active {    background: #000;    background: rgba(0,0,0,0.8);}.active:hover, .active:hover a {    background: #000;    color: white;}#h2-menu .menulist a {    color: black;    background: #000;    background: rgba(28,25,25,0.8);    line-height: 30px;    padding: 0 10px;    font-weight: bold;    margin: 0 2px;        float: left;    -webkit-border-top-left-radius: 4px;    -webkit-border-top-right-radius: 4px;    -moz-border-radius-topleft: 4px;    -moz-border-radius-topright: 4px;    border-top-left-radius: 4px;    border-top-right-radius: 4px;}#h2-menu .menulist a:hover {background: grey;} @media (max-width: 767px) {
.navbar-offcanvas {
  left: -250px;}
}