/*body {
	background: #CCC;
}
div {
	width:80%;
	margin:0 auto;
	background-color}*/

body {
	/*color: #2C2C2C;*/
	font: normal 100% Cambria, Georgia, serif;
	}
	
h1 {
	font-size:1.41em; /* 22,56px /16px */
	font-weight:normal;
	letter-spacing:-0.01em;
	text-transform: uppercase;
	margin:1.41em;
	margin-top: 1.41em;
	
} 
h2 {
	font:Verdana, Geneva, sans-serif;
	font-size:1em; /* 16px /16px */
	/*font-style:normal;*/
	font-weight:lighter;
	letter-spacing:-0.01em;
	margin: 2.13em;
	
} 



@media screen and (min-width: 854px) {
	body {
		color: #FFFFFF;
		background-color:#EF4135;
	}
			a {
  			text-decoration:none;
  			color: #FFFFFF;
		}
			a:visited {
  			color: #FFFFFF;
		}
			a:hover, a:focus, a:active {
  			text-decoration: none;
  			color: white;
  		}
}
/*@media screen and (min-width: 1024px) {
	body {
		color: #2C2C2C;
		background-color:#FFFFFF;
	}
			a {
  			text-decoration:none;
  			color: #2C2C2C;
		}
			a:visited {
  			color: #2C2C2C;
		}
			a:hover, a:focus, a:active {
  			text-decoration: none;
  			color: black;
  		}
}*/
@media screen and (min-width: 1600px){
	body  {
		color: #FFFFFF;
		background-color: #0055A4;
	}
			a {
  			text-decoration:none;
  			color: #FFFFFF;
		}
			a:visited {
  			color: #FFFFFF;
		}
			a:hover, a:focus, a:active {
  			text-decoration: none;
  			color: white;
  		}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { 
	body {
		color: #2C2C2C;
		background-color:#FFFFFF;
	}
			a {
  			text-decoration:none;
  			color: #2C2C2C;
		}
			a:visited {
  			color: #2C2C2C;
		}
			a:hover, a:focus, a:active {
  			text-decoration: none;
  			color: black;
  		}
}