I have set up my css media query to be this

@media screen and (width: 1280px)  {
    #heading {
        font-size: 20px !important;
        color:white !important;
    }
}

This media query only takes effect on Chrome. In edge it does not work. How can I fix the issue of targeting different browsers?