/**
 * Yard Ready Home - Contact Us template
 * Map embed.
 *
 * The page banner reuses .yrh-page-banner from home.css, and the contact
 * form + info reuse the Homepage's .yrh-quote-band styles - no rules for
 * either of those here.
 */

.yrh-map__frame {
  aspect-ratio: 16 / 6;
  min-height: 320px;
  border-radius: var(--yrh-radius-lg);
  overflow: hidden;
  box-shadow: var(--yrh-shadow-md);
}

.yrh-map__frame iframe {
  display: block;
}

@media (max-width: 720px) {
  .yrh-map__frame {
    aspect-ratio: 4 / 5;
  }
}