@charset "utf-8";
/*
    <link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css">
    <link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css">
    <link rel="stylesheet" media="(orientation: portrait)" href="portrait.css">
    <link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">
*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#6A6A6A;
	background:#252525;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 80;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.oneColElsCtr #container {
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 10;
}
.oneColElsCtr #mainContent {
	padding: 0 60px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

    <style>
      @media(min-width: 640px)and(max-width: 800px){
        h1 {
		  size:.5em;
          color:#6A6A6A;
        }
		
		h3 {
		  size:.25em;
          color:#6A6A6A;
        }
      }
    </style>

