gmassanek/gist:3831390

## gistfile1.html
<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <style>
      body { margin: 0; padding: 0;}
      .codemarks {
        width: 960px;
        height: 500px;
        margin: 0 auto;
        background: blue;
      }
      .codemarks {
        height: 500px;
        margin: 0 auto;
        width: 960px;
      }
      @media only screen and (min-width: 960px) {
        .codemarks {
          background: green;
        }
      }
      @media only screen and (max-width: 960px) {
        .codemarks {
          background: red;
        }
      }
    </style>
  </head>
  <body>
    <div id="main_content">
      <div class="codemarks"> </div>
    </div>
  </body>
</html>
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<style>
	body { margin: 0; padding: 0;}
	.codemarks {
	width: 960px;
	height: 500px;
	margin: 0 auto;
	background: blue;
	}
	.codemarks {
	height: 500px;
	margin: 0 auto;
	width: 960px;
	}
	@media only screen and (min-width: 960px) {
	.codemarks {
	background: green;
	}
	}
	@media only screen and (max-width: 960px) {
	.codemarks {
	background: red;
	}
	}
	</style>
	</head>
	<body>
	<div id="main_content">
	<div class="codemarks"> </div>
	</div>
	</body>
	</html>