body {
     position: relative;
     background: url('laska.jpg') no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .affix {
      top: 20px;
  }
  h1, .red, .nav li a { color: #7b0909;}
  .nav {
    background:rgba(255,255,255,0.5);
    border-radius:8px;
  }
  nav li a:before { content: "♪"; margin-right:0.5em;}
  .oddil {
      /*font-size: 22px;*/
      background:rgba(255,255,255,0.5);
      border-radius:8px;
      padding:5px;
      margin:10px;
  }

  .oddil:after {
    display: block;
    content: "";
    width: 50px;
    height: 25px;
    background: transparent url('motylek50.png') no-repeat;
    margin: auto;
  }

  @media screen and (max-width: 810px) {
    div.col-sm-10 div  {
        margin-left: 150px;
    }
  }