.more-block {
    height: 300px;
    position: relative;
}

.more-block div {
    height: 300px;
}

.more-block a {
    align-items: center;
    background: rgba(0, 0, 0, .2);
    color: #FED330;
    display: flex;
    font-size: 32px;
    height: 100%;
    justify-content: center;
    line-height: 1.4;
    text-align: center;
    text-shadow: 0 1px 4px rgb(0, 0, 0);
    transition: all linear 200ms;
    width: 100%;
}

.more-block a:hover {
    background: rgba(0, 0, 0, .8);
    color: #F6BA33;
}

#more-kov {
    background: url("ch.png") no-repeat center;
    background-size: contain;
}

#more-bag {
    background: url("http://4ehol.by/images/modeleco/q2.jpg") no-repeat center;
    background-size: cover;
}

#more-cb {
    background: url("cb.jpg") no-repeat center;
    background-size: cover;
}

@media (max-width: 992px) {
    .more-block a {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .more-block {
        margin-bottom: 20px;
    }
}