/*=================================
        Fleet Page
=================================*/
header.fleet {
  background: linear-gradient(
      to bottom right,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.5)
    ),
    url(../img/fleet-header.jpg) center center/cover;
  height: 40vh;
}
.fleet {
  padding: 80px 0;
}
.fleet h2 {
  margin: 30px 0;
  color: #0f3443;
}
.vehicle {
  background: #34e89e; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #0f3443,
    #34e89e
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #0f3443,
    #34e89e
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  padding: 20px;
  color: #fff;
}
.shadow_effect {
  position: relative;
}
.shadow_effect:before,
.shadow_effect:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow_effect:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.car-text {
  padding-bottom: 10px;
}
.vehicle .car-text span {
  font-size: 1.2em;
  padding-left: 10px;
}
.car-text h3 {
  padding: 10px;
}
.car-text span i {
  color: #fff;
}
.fleet .col-md-3,
.fleet .col-sm-6 {
  padding: 0;
}
.fleet .car-imgs.row {
  display: block;
  font-size: 0;
}
@media (min-width: 576px) {
  .fleet .col-sm-6 {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
  }
}
@media (min-width: 768px) {
  .fleet .col-md-3 {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
  }
}