@charset "UTF-8";
/*  
Author: David wysocki
Course: ITWP 1000
File: styles.css
Hello, This CSS is for the media queries to specify the background color of the heading
1 tag at different screen sizes..
*/

@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;
      }
  }