.change_color h1 {
    color: red;
    background-color: black;
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .change_color h1 {
        color: green;
        background-color: orange;
    }  
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .change_color h1 {
        color: aqua;
        background-color: black;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .change_color h1 {
        color: purple;
       background-color: silver;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .change_color h1 {
        color: seagreen;
        background-color: snow;
    }
}
@media (min-width: 1400px) {
    .change_color h1 {
        color: blue;
        background-color: skyblue;
    }
}