body p,body li, body button  {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  font-size: 1.2em;
}


body h1, body h2, body h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


.subtitle{
  font-family: "Quicksand", sans-serif;
}

.other-trailers{background-color: #f0f0f1;}
.end-dumps{/*background-color: #f0f0f1;*/}
.liquid-transport{background-color: #f0f0f1;}
.other-trailers .fotorama img.fotorama__img, .end-dumps .fotorama img.fotorama__img, .liquid-transport .fotorama img.fotorama__img{background-color: #dfdfdf; padding: 8px !important; border: 1px solid #ccc;}
ul{list-style-type: disc;}
ul li{margin-left:25px;}
.hero{background-image: url(../images/hero-back-bl3.webp); background-repeat: no-repeat; background-position: center; background-color: #121212;}
.hero-body{min-height: 500px;}
.hero-body h2, .hero-body h3{text-shadow: 2px 2px 5px #000;}
.logo{margin-bottom: -76px;}
.title-image{position: relative;}
.title-image .overlay {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  color: #fefefe;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}
.title-image .overlay-top {
  position: absolute;
  top: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  color: #fefefe;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

#cta .card{
  box-shadow: none;
}

#parallax-3 {
  background: url(../images/dump.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 10px solid hotpink;
}

@media (max-width: 768px) {
  .hero-body{min-height: 300px;}
  .hero{background-size: auto 100%;}
}