/* Retain the existing Bootstrap typography while giving headings semantic levels. */
h1.h3,h1.h4,h1.h5,h2.h3,h2.h4,h2.h5,h2.h6,h3.h4,h3.h5,h3.h6{line-height:1.3}
.public-image-card{height:auto;aspect-ratio:4/3;object-fit:cover}
.public-image-poster{height:auto;aspect-ratio:3/4;object-fit:cover}
.public-image-avatar{object-fit:cover;aspect-ratio:1;height:auto}
.public-image-detail{height:auto;object-fit:contain}
.public-room-detail .carousel-item img{height:auto;aspect-ratio:4/3;object-fit:contain;background:#f5f5f5}
.public-breadcrumb{font-size:.875rem;padding:12px 0;overflow-wrap:anywhere}
.public-regions a{display:inline-block;margin:4px 8px 4px 0}
.navbar-brand img,.img-logo,.img-social,#modal-app-download img{height:auto}
#section-intro h1.h3{font-size:1.75rem;letter-spacing:.1rem;line-height:1.5;font-weight:300}
@media(max-width:767.98px){#section-intro h1.h3{font-size:1.25rem}}
.public-post-body img{max-width:100%;height:auto}