.stage {
    top: 60px;
    left: 0;
    width: 100%;
    height: 500px;
    position: absolute;
    overflow: hidden;
    z-index: 4;
    opacity: 0.2;
}
.far-clouds {
    background: transparent url("../img/far-clouds.png") 305px 105px repeat-x;
    margin-top: -30px;
}
.near-clouds {
    background: transparent url("../img/near-clouds.png") 305px 165px repeat-x;
}


@media screen and (max-width: 980px) {
    
    .stage {
    top: 10px;
    height: 400px;
    z-index: 4;
 
}
    


}

@media screen and (max-width: 736px) {
    

    .stage {
    top: 40px;
    height: 400px;
    z-index: 4;}
 
}