title: How to add background image in header with 2 times bigger logo
body: <p>Here is a topbar of my website in wordpress</p>
  
  <pre><code>/* Masthead */
  
  #masthead {
    position: absolute;
    top: 0;
    background: rgba(109, 104, 110, 0.9);
    border-top: 10px solid #125CAA;
  }
  body.admin-bar #masthead {
    top: 0px;
  }
  header#masthead.row {
    width: 100%;
    margin: 0;
    z-index: 99999;
  }
  .site-logo {
    padding: 5px 0;
  }
  #masthead .right-nav {
    float: right;
  }
  #masthead .left-nav {
    float: left;
  }
  #masthead .right-nav &gt; li,
  #masthead .left-nav &gt; li {
    display: inline-block;
    position: relative;
    top: 28px;
    font-size: 18px;
  }
  #masthead .right-nav li a,
  #masthead .left-nav &gt; li a {
    color: #fff;
  }
  li.search {
    margin: 0 20px 0 0;
  }
  .show-hide {
    display: none !important;
  }
  /* Masthead Sticky */
  
  #masthead-placeholder {
    display: none;
    height: 0;
  }
  #masthead.sticky {
    /*top: 0;*/
    position: fixed;
    background: rgba(109, 104, 110, 0.9);
  }
  </code></pre>
  
  <ol>
  <li><p>I want to set background image. I used background: url('/wp-content/themes/day-spa/images/background.png'); 
  in main #masthead { but not worked</p></li>
  <li><p>I want to keep masthead height same but need to place logo 2 times bigger then height of the #masthead</p></li>
  </ol>
  
  <p>Please advise</p>