Не ставится картинка в header?

Хочу поставить вместо background color, background-image в Header . Картинку поместил в папку Assets/img.  В коде менял путь по разному думал в этом проблема, но изменений нет появляется белый фон, а если ставить background color: darkslateblue; то Header меняется на этот цвет. Даже не знаю куда смотреть. Помогите разобраться?

Код прилагаю. 

*{
    margin: 0;
    padding: 0;
}

.header {
    height: 177px;
    font-size: 0.8em;
    margin-left: 0px;
    margin-right: 0px;
    background-image: url(assets/img/IMG_3986.JPG);
        
}

.main, .logo, .vertical, .menubar, .site_content, .footer {
    margin-left: auto;
    margin-right: auto;
}

.logo {
    width: 1080px;
    padding-bottom: 40px;
}

.logo h1, .logo h2 {
    font: normal 300% 'century gothic', arial, sans-serif;
    margin: 0 0 0 9px; 
}

.logo_text, .logo_text h1 a, .logo_text h1 a:hover {
    padding: 22px 0 0 0;
    color: #ffffff;
    letter-spacing: 0.1em;
    text-decoration: none;
}

.logo h2{
    font-size: 1.0em;
    padding: 15px 0 0 0;
    color: #ffffff;
}

.menubar{
    width: 900px;
    height: 46px;
}

ul.menu{
    float: right;
}

ul.menu li{
    float: left;
    padding: 0 0 0 9px;
    list-style: none;
    margin: 1px 2px 0 0;
}

ul.menu li a{
    font: normal 140% 'trebuchet ms', sans-serif;
    height: 20px;
    padding: 6px 35px 5px 28px;
    color: #ffffff;
    text-decoration: none;
}

.site_content{
    width: 880px;
    overflow: hidden;
    margin: 20px auto 0 auto;

}

.content h1 {
  margin-top: 0.8em; 
  text-align: left;
  padding: 22px;
}

p {
    font-style: italic;
    padding: 0 0 2px 0;
    line-height: 1.7em;
    margin-left: auto;
    margin-right: auto;
    list-style-position: outside;
    font-size: 140%;

}

.footer{
    width: 100%;
    height: 100px;
    padding: 28px 0 5px 0;
    text-align: center;
    background-color: #000000;
    color: #ffffff;

}

.footer a{
    font: normal 91% 'trebuchet ms', sans-serif;
    height: 20px;
    padding: 6px 35px 5px 28px;
    color: #ffffff;
    text-decoration: none;
}

.footer p{
    padding: 0 0 10px 0;
}