Вопрос с заставкой в стандартном шаблоне

[Zaur 0]

Здравствуйте. 

Версия DLE 12, шаблон RED. Поменял на главной стандартную картинку заставки на свою - загрузил ее в папку images под названием bg3.jpg. По высоте моя картинка больше, чем стандартная и соответственно я хочу, чтобы моя отображалась по всей высоте и далее уже шла основная часть сайта. У меня это сделать получилось, после того как я добавил height: 672px; . Но проблема в том, что после этого, когда я перехожу на остальные страницы сайта, эта заставка не обрезается, как  было изначально, а остается такой же большой по всей высоте как и на главной странице сайта:

Раздел styles.css, отвечающий за шапку сайта.

/* --- Шапка сайта --- */
.headpic {
        position: relative;
        background: #403a43 url(../images/bg3.jpg) no-repeat 50% 0; height: 672px;
background-size: 100%;
    }
    .headpic.fixed { background-attachment: fixed; }
    .headpic:after {
        content: "";
        position: absolute;
        left: 0; top: 0;
        width: 100%; height: 100%;
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
        background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
        background-image: linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
    }

Раздел styles.css, отвечающий за обрезание шапки, на других страницах сайта как я понял:

    /* Верхняя часть шапки */
    @media only screen and (min-width: 861px) {
        #header {
            height: 63px;  
            display: -webkit-flex;
            display: flex;
        }
    }