I can't seem to get my media queries to actually display.. I'm trying to eventually get it so that my text will re-size based on browser size, but I'm just trying to do a test run to see if it will even work.

I'm trying to have it so that when the browser resizes to 1200px in width the page background turns red. Here's my css:

```
@media screen and (min-width: 500px) and (max-width: 1200px) {
   .main {
     background-color: red;
         }
    }

```

and here is my stylesheet link:

```
<link rel="stylesheet" media="media screen and (min-width: 500px) and (max-width: 1200px)" href="tek_bigscreen.css">

```

I also have another stylesheet with no media queries in it linking to the page:

```
<link rel="stylesheet"  type="text/css" href="tekstyle.css">

```

Any idea why the media query won't work? Also any insight as to how to properly resize the text would be appreciated. Thanks!