.top {
    position: relative;
    background-size: cover, auto;
    background-repeat: no-repeat, repeat;
    background-image: url("../images/focusit.jpg");
    background-color: #000;
    background-position: 60% top, center;
    margin: -1px 0 0 -1px;
}

@supports (--a: 0) {
    .top {
        background-color: #cbcbcb;
    }
}

@media screen and (min-width: 769px) {
    .top {
        background-image: url("../images/focusit.jpg");
    }
}

.top--blog {
    background-color: #000;
    background-image: none;
}

@media screen and (min-width: 769px) {
    .top--blog {
        background-color: #000;
        background-image: none;
    }
}

@media screen and (min-width: 1200px) {
    .top--blog {
        background-image: url("../images/focusit.jpg");
        background-color: #cbcbcb;
    }

        .top--blog h1 {
            font-size: 3em;
        }
}