@charset "utf-8";
/* CSS Document for responsive DKemp Designs site*/

@media screen and (max-width: 980px) {

html {
		-webkit-text-size-adjust: none;
	}
		/* CSS3 rem font sizing 
		html { font-size: 62.5%; } 
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
/*h1   { font-size: 24px; font-size: 2.4rem; } */ /* =24px */

}

@media screen and (max-width: 800px) {

html {
		-webkit-text-size-adjust: none;
	}
	h1 {
	font-size: 3.8em; /*60px;*/
	}
	#header {
	max-width: 90%;
	max-height: 40%;
	margin-top: 3%;
	margin-right: 5%;
	margin-left: 5%;	
	}
 #header img {
		max-height: 80%;}
#container {
	max-width: 90%;
	margin-top: 5%;
	margin-right: 2%;
	margin-left: 2%;
	padding: 2%;
	}
	#container h3{
	font-size: 1.0em; /*16px;*/
	}
	#nav {
	  max-width: 90%;
	margin-top: 8%;
	margin-right: 2%;
	margin-left: 2%;
	padding: 2%
	  }
	  #footer {
	max-width: 90%;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 2%;
	 }
}

/*@media screen and (max-width: 650px) {

	#header {
		height: auto;
	}

	#container h3{
	font-size: .88em; /*14px;*/
	/*}
#container {
	max-width: 95%;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 2%;
	padding: 2%;
	}
}*/
	@media screen and (max-width: 480px) {

	html {
		-webkit-text-size-adjust: none;
	}
	h1 {
	font-size: 1.9em; /*30px;*/
	vertical-align:text-bottom;  }
	 #container {
	max-width: 90%;
	margin-top: 3%;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	 }
	#container h3{
	font-size: .75em; /*12px;*/
	}
    #header img {max-height: 50%;}
  #nav {
	  font-size: 1.1em; /*18px;*/
	  max-width: 90%;
	margin-top: 20%;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%
	  }
	ul#menu li {
	padding-right: 10px;
	}
	#footer {
	max-width: 90%;
	margin-top: 2%;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	font-size: .63em; /*10px;*/
	 }
}