배경이미지 바꾸기..

안녕하세요,  메인 페이지 아래의  배경 섹션을 추가하여 그림만 바꾸어

삽입하려고  인덱스에서  id "home1" 추가후,  css   스타일시트에서  추가하였는데.

바뀌지 않네요,,,ㅡㅜ  

혹시 또다른 클래스를 만져야 하는지  고수님들의 답변 부탁드립니다.

<인덱스 소스>
            <section id="home" class="home bg-black fix">
                <div class="overlay"></div>
                <div class="container">
                   -------

                     -------

                        -------

<추가부분>

<section id="home1" class="home bg-black fix">
                <div class="overlay"></div>
                <div class="container">

<css 소스>

.home{
    background: url(../images/home-bg.jpg) no-repeat top center;
    background-size: cover;
    position: relative;
    padding-top: 300px;
    padding-bottom: 320px;
    width:100%;
}

<추가부분>

.home1{
    background: url(../images/home-bg1.jpg) no-repeat top center;
    background-size: cover;
    position: relative;
    padding-top: 300px;
    padding-bottom: 320px;
    width:100%;