Skender

Hello

I have found a solution:

#masthead {
    position: static;
}

#masthead,
#masthead:before {
    background: #1a94a5;
}

#masthead:before {
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@media screen and (min-width: 1200px) and (max-width: 9000px) {
    #masthead:before {
        height: 300px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #masthead:before {
        height: 225px;
    }
}

@media screen and (min-width: 783px) and (max-width: 991px) {
    #masthead:before {
        height: 275px;
    }
}

@media screen and (min-width: 603px) and (max-width: 782px) {
    #masthead:before {
        height: 300px;
    }
}

@media screen and (min-width: 421px) and (max-width: 602px) {
    #masthead:before {
        height: 250px;
    }
}

@media screen and (min-width: 172px) and (max-width: 420px) {
    #masthead:before {
        height: 210px;
    }
}

Best regards

Skender