/* Bootstrap owns the responsive page structure; these rules only style the design. */
.hero-inner { display: block; min-height: 535px; }
.hero-inner > .row { min-height: 535px; }

.service-shell { display: flex; }
.service-shell > [class*="col-"] { display: flex; }
.service-card { width: 100%; }

.outlet-bar { display: flex; }
.outlet-bar > [class*="col-"] { min-width: 0; }

@media (max-width: 991.98px) {
    .hero-inner, .hero-inner > .row { min-height: 0; }
    .hero-copy { padding-left: 0; }
    .story-copy { padding-right: 0; }
}

@media (max-width: 767.98px) {
    .service-shell { padding: 16px; }
    .outlet-bar { display: flex; }
}