/* Done Right: header banner + small additions (was set inside WordPress) */
.site-header {
	background: url(../images/2017/12/DRACbannerGold.png) no-repeat scroll top;
	background-size: 1600px auto;
}
@media (max-width: 767px) { .site-header { background-size: 768px auto; } }
@media (max-width: 359px) { .site-header { background-size: 360px auto; } }
.site-title, .site-description {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}
.contact-form .hp { position: absolute; left: -9999px; }
.contact-form input[type=text], .contact-form input[type=email],
.contact-form input[type=tel], .contact-form textarea { max-width: 100%; }
.form-message { padding: 12px 16px; margin: 0 0 24px; border: 2px solid #333; background: #fff; color: #111; font-size: 18px; }
.form-message.ok { border-color: #1a6b1a; }
.form-message.err { border-color: #a00; }
/* Phones: map fits the screen, contact table stacks, phone links easy to tap */
.entry-content iframe { max-width: 100%; }
@media (max-width: 643px) {
	.entry-content iframe { height: 320px; }
	.entry-content table, .entry-content tbody, .entry-content tr, .entry-content td { display: block; width: 100% !important; }
}
a[href^="tel:"] { white-space: nowrap; font-weight: bold; }
/* Invisible tap area over "Call 602-799-0791" in the banner picture (banner itself unchanged) */
.header-call {
	position: absolute; z-index: 2;
	left: calc(50% + 14px); top: 26px; width: 330px; height: 48px;
}
.header-call:focus { outline: 2px solid #1b4f9c; }
@media (max-width: 767px) {
	.header-call { left: calc(50% + 6px); top: 12px; width: 160px; height: 26px; }
}
@media (max-width: 359px) {
	.header-call { left: calc(50% + 3px); top: 4px; width: 76px; height: 14px; }
}