@media(min-width: 768px) {
  .order-service {
    width: 70%;
  }
}

@media(max-width: 575px) {
  .navbar-brand {
    width: 240px;
  }
}

body
{
    padding-top: 70px;
}


nav {
  font-weight: bold;
}

#showcase {
  background-color: #E6F1FF;
  background-image: linear-gradient(90deg, rgba(0,0,0,.38), rgba(0,0,0,.08)), url('assets/hero-road.jpg');
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-position: 50% 50%;
  background-size: cover;
  color: #323840;
  width: 100%;
  margin: 0;
}

.text-shadow {
	-moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	-webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}

/* Uzupełnienie oryginalnego układu, kolorów i czcionki Bootstrap demo. */
html { scroll-padding-top: 92px; }
body { color: #212529; }
.brand-logo { width: 190px; max-width: 100%; }
.navbar { min-height: 88px; }
.navbar .nav-link { margin-left: .45rem; }
#showcase { min-height: 365px; }
#showcase .container > div { min-height: 315px; }
#showcase img { max-height: 315px; object-fit: contain; object-position: bottom; }
.card-img-top { height: 190px; object-fit: cover; }
.card .card-text { line-height: 1.55; }
#referencje img { height: 122px; object-fit: cover; background: white; border: 2px solid #fff; border-radius: 3px; }
#referencje a:focus-visible, a:focus-visible, select:focus-visible { outline: 3px solid #ffc107; outline-offset: 3px; }
footer a { color: #adb5bd; }
footer a:hover { color: #fff; }
.section-pad { padding: 4rem 0; }
.page-hero, .detail-hero { color: #fff; background: #212529; padding: 4rem 0; }
.page-hero p, .detail-hero p { max-width: 750px; font-size: 1.1rem; }
.detail-hero { background: linear-gradient(90deg, rgba(20,25,32,.92), rgba(20,25,32,.68)), url('assets/hero-road.jpg') center/cover; }
.back-link { color: #cbd9ff; }
.eyebrow { color: #0d6efd; font-weight: 700; letter-spacing: .08em; font-size: .8rem !important; }
.detail-hero .eyebrow { color: #fff; }
.section-intro { max-width: 800px; margin-bottom: 2rem; }
.detail-lead { font-size: 1.3rem !important; margin: 1.5rem 0; }
.detail-body { font-size: 1.1rem; line-height: 1.75; }
.detail-list, .detail-aside ul { padding-left: 1.3rem; line-height: 1.9; }
.detail-aside, .review-card, .fleet-card { background: #f5f7fa; border: 1px solid #e3e7eb; border-radius: .4rem; padding: 1.6rem; height: 100%; }
.fleet-card { padding: 0; overflow: hidden; }
.fleet-card > img { width: 100%; height: 230px; object-fit: cover; }
.fleet-card .card-content { padding: 1.5rem; }
.fleet-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.fleet-card dt { font-weight: 600; }
.fleet-card dd { margin: 0; }
.about { background: #f5f7fa; }
.heavy-gallery img, .gallery-photo img { width: 100%; height: 210px; object-fit: cover; border-radius: .3rem; }
.reference-card { display: block; background: #fff; color: #212529; border: 1px solid #dee2e6; border-radius: .3rem; overflow: hidden; text-decoration: none; height: 100%; }
.reference-card img { width: 100%; height: 230px; object-fit: contain; }
.reference-card span { display: block; padding: .7rem; }
.review-card blockquote { font-size: 1.1rem; }
.review-card cite { color: #565e68; }
.contact { background: #0d6efd; color: white; }
.contact .eyebrow { color: white; }
.contact-card { background: white; color: #212529; padding: 1.5rem; border-radius: .4rem; display: grid; gap: .5rem; }
.contact-main { font-size: 1.5rem; font-weight: 700; }
.source-note { font-size: .9rem; }
@media (max-width: 767px) {
  body { padding-top: 70px; }
  .navbar { min-height: 70px; }
  .brand-logo { width: 180px; }
  #showcase { min-height: 325px; }
  .page-hero, .detail-hero { padding: 3rem 0; }
}