@media (max-width:980px) {
	.content-wrapper { width:98%; }
	.dyno-column { width:33.3%; height: auto; display: block; float: left; }
	.overlay { height: 4em; }
	.overlay p { font-size: 80%; font-weight: bold; letter-spacing: 0px; padding-top: 1.5em;}
	#introduction h1  { font-size: 180%; }
	#contact .contact-form { width:75%; margin:12px auto; }
	#contact-form { padding: 1em 2em; }
	#contact-form input, #contact-form textarea  { width:90%; font-size:120%; }
}

@media (max-width:480px) {
	.content-wrapper { width:98%; }
	.dyno-column { width:100%; height: auto; display: block; float: left; }
	 header #mp-logo { display: none; }
	 header #logo { float: none; }
	 header { text-align: center; }
	 #introduction h1 { font-size: 125%; }
	 .overlay { background-color: #c79a37; position: absolute; bottom: 0; left: 0; height: auto; width: 100%; padding: 1em 0px 1em 0px; }
	 .overlay p { line-height: normal; padding: 0px; }
  #contact .contact-form { width:100%; margin:12px auto; }
  #contact-form { padding: 1em 2em; }
  #contact-form input, #contact-form textarea { width:90%; font-size:90%; }
  footer { padding:4% 0px; }
}