body { font-family: "Roboto", "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; }
/*header { background: url(/ship-with-bnsf/intermodal/quantum-services/images/bg-header.jpg) no-repeat top center; background-size: cover; padding: 300px 20px 50px 20px; text-align: center; color: #fff }*/
#masthead .banner { background: url(/ship-with-bnsf/intermodal/quantum-services/images/bg-header.jpg) no-repeat top center; background-size: cover; padding: 300px 20px 50px 20px; text-align: center; color: #fff }
#masthead .reloadbanner { background: url(/ship-with-bnsf/intermodal/images/Header-Image.png) no-repeat top center; background-size: cover; padding: 300px 20px 50px 20px; text-align: center; color: #fff }
h1 { font-size: 47px; font-weight: bold }
h2 { font-size: 24px; font-weight: bold; }
h3.soul { color: #f15f22; font-style: italic; font-weight: bold; }
h4 { font-size: 19px; font-weight: bold; }

hr { height: 3px; background: #f15f22; border: 0; opacity: 1 }
.hrgray { background: rgba(35,31,32, .2) }
.bgtan { background: #dbd8bd; }
.bgonestop { background: #F85D13; }
.bgstripe { background: url(/ship-with-bnsf/intermodal/quantum-services/images/bg-lines.jpg); background-size: cover; }
.bgspiral { background: url(/ship-with-bnsf/intermodal/quantum-services/images/bg-quote2.jpg) top center; background-size: cover; padding: 70px 50px 50px 50px; }
.bgwhitearrow { background: url(/ship-with-bnsf/intermodal/images/reload-icon-large-white-arrow.png) top center;position:absolute; background-size: cover; padding: 70px 50px 50px 50px;  }
.navyseal { color: #fff; text-align: center; background: url(/ship-with-bnsf/intermodal/quantum-services/images/bg-quote.jpg) no-repeat top center; background-size: cover; padding: 70px 150px }
.navyseal h4 { font-size: 37px; }
.fwbold { font-weight: bold !important; }
.btn-primary { background: #f15f22 !important; color: #fff !important; border: 0; border-radius: 0; }

.logo { max-width: 600px !important; position: absolute; top: 170px; left: 50%; transform: translateX(-50%); }
.posr { position: relative !important; }
.container { max-width: 1000px; }

.hero-section { background-image: url('/ship-with-bnsf/intermodal/images/Footer_Double_Arrow_Image_2026_06_05.png'); background-size: cover; background-repeat: no-repeat; position: relative; padding: 100px 20px 50px 20px; text-align: center; color: #000; } 
.center-img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  }

@media(max-width: 900px) {
    header.banner { background-position: -300px 0; }
    .bgspiral { padding: 20px 5px }
  .bgwhitearrow { padding: 20px 5px }
    h1 { font-size: 34px; }
    .logo { width: 300px !important; margin-left: 0; left: 50%; transform: translateX(-50%); }
    .bgstripe { padding: 20px !important }
}