/*Media Project 1 
Author: Rachel Lincoln
Class: ITWP 1050 V0851 2023WI
This is Week 2 Project working with embedding style sheets into html
and working with web fonts*/

/*section 1.8*/

/*using media queries for differnt screen sized*/
@media screen and (max-width: 1920px) {
    h1{
        background-color: #ff9900;
    }
    }

@media screen and (max-width: 1200px) {
    h1{
        background-color: #ff9900;
    }
}
    
@media screen and (max-width: 980px){
    h1{
        background-color: #ffcc66;
    }
}

@media screen and (max-width: 750px){
    h1{
        background-color: #336699;
    }
}

@media screen and (max-width: 540px){
    h1{
        background-color: #cccccc;
    }
}  

@media screen and (max-width: 380px){
    h1{
        background-color: #eeeeee;
    }
}