메인배경이미지와 서브 배경이미지가 다를경우 ㅜ

메인 배경이미지를 상단에 고정해서

body 속성에 메인배경이미지를 넣었습니다.

문제는 아래 그림처럼 서브 상단이미지가 다른데요- 보시는것과 같이

위에 메뉴 아래로  서브배경이미지가 들어가있어요-

사진의 메뉴와 서브배경사이 여백은 관리자로 로그인되어 있어서 내용수정 버튼 있는곳이라서

로그아웃하면 저 여백은 없어요~

위에 메뉴며 다른것들 다 무시하고 서브 상단이미지가 맨 위로 붙게하려면

어떻게 넣어주어야 하나요?

메인 배경이미지가 들어가있는 css이구요~

body {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
  font-weight: 300;
    overflow-x: hidden;
  background: url('../img/bgimg3.jpg') no-repeat;
  background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100vh;
 
} 

요게 서브페이지가 들어있는 css입니다.

#s-bg {
 overflow-x: hidden;
 background: url('../img/sbg.jpg') no-repeat;');
 font-style: normal;
  background-position:top; !important;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

 
}