Media Query Testing

gistfile1.txt

// Large Devices
@media (min-width:1200px) {
    #home-heading {
        h3 {
            color: blue;
        }
    }
}

//Medium Devices
@media (min-width: 992px) and (max-width: 1199px) {
    #home-heading {
        h3 {
            color: yellow;
        }
    }
}

//Small Devices
@media (min-width: 768px) and (max-width: 991px) {
    #home-heading {
        h3 {
            color: green;
        }
    }
}

// Extra Small
@media (max-width:767px) {
    #home-heading {
        h3 {
            color: red;
        }
    }
}

// Extra Small
@media (max-width:480px) {
    #home-heading {
        h3 {
            color: pink;
        }
    }
}

// Extra Small
@media (max-width:320px) {
    #home-heading {
        h3 {
            color: purple;
        }
    }
}