body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #000000;
}

.navbar, .hero-text, .testimonials {
  font-family: 'Alegreya', serif;
  color: #000000;
}


.top-address, .footer, .hero-text {
  background: #6b303c; /* Old browsers */
  background: -moz-linear-gradient(left, #6b303c 0%, #8f0222 50%, #6b303c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #6b303c 0%,#8f0222 50%,#6b303c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #6b303c 0%,#8f0222 50%,#6b303c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b303c', endColorstr='#6b303c',GradientType=1 ); /* IE6-9 */
}

.footer h4, .hero-text h1, .hero-text h2, .hero-text h3, .hero-text h4, .hero-text h5, .hero-text h6, .hero-text p, .top-address h1, .top-address h2, .top-address h3, .top-address h4, .top-address h5, .top-address h6, .top-address p {
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-family: 'Alegreya', serif;
}

.top-address p {
  font-size: 18px;
}

.card p, ul, table {
  color: #000000;
}

.card h5 {
  color: #8e0423;
}
nav ul li{
  font-family: 'Bitter', serif;
  font-size: 18px;
  line-height: 1.5;
}

nav ul li a {
  border-bottom: 2px inset #f8f9fa;
}

nav ul li a:hover, .current {
  border-bottom: 2px inset #8c0624;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.top-address, .hero-text {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
  border-top: 1px solid #F58C67;
  border-bottom: 1px solid #F58C67;
}

.products {
  color: #ffffff;
/*  background-image: url('../img/background_main.jpg');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18); */
}

.card {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
}

.card a {
  color: #8e0423;
}
.testimonials {
  background-color: #f8f9fa;
}

.avatar {
  max-width: 150px;
}
.footer {
  color: #ffffff;
}

.footer .info hr {
  border-top: 2px solid #F58C67;
}

.footer a {
  color: #D19A57;
  font-weight: bold;
  font-size: 20px;
  font-family: "Alegreya";
  padding-bottom: 5px;
}

.footer a:hover {
  color: #C24417;
}

.copy {
   background-color: #ffffff;
   color: #000000;
}

.banner {
  background-size: 100%;
  background-image: url('../img/banner.webp');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bottom-border-grey {
  border-bottom: 1px solid #cccccc;
}

.heading-outline {
  border-top: 1px solid #8e0423
}

.heading {
  color: #8e0423;
  position:relative;
  display: inline;
  top: -0.65em;
  padding: 0 1em 0 1em;
  background-image: url('../img/space.jpg');
  background-size: 100px;
}

.light-grey-bg {
   background-color: #f7f7f7
}

.light-grey-bg .heading {
  background-image: url('../img/space-f7f7f7.jpg');
}

.light-grey-bg .card {
   border-radius: 0;
   border-top: none;
   border-left:none;
   border-right:none;
   border-bottom: 2px solid #8e0423;
   box-shadow: none;
 }

 .testimonial {
   border-radius: 0;
   border-top: none;
   border-left:none;
   border-right:none;
   border-bottom: 2px solid #8e0423;
   box-shadow: none;
 }

 #carriers img {
   max-height: 300px;
 }

 #wraps img {
   max-height: 200px;
 }

 .wraps-sm {
  cursor: pointer;
 }

@media only screen and (min-width: 1200px) {
  .banner {
    min-height: 495px;
  }
  .card-img-top {
    max-height: 300px;
    object-fit: contain;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .banner {
    min-height: 346px;
  }
  .card-img-top {
    max-height: 300px;
    object-fit: contain;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .banner {
    min-height: 285px;
  }
  .card-img-top {
    max-height: 200px;
    object-fit: contain;
  }
}

@media (max-width: 767px) {
  .banner {
    min-height: 216px;
  }
  .card-img-top {
    max-height: 240px;
    object-fit: contain;
  }
}
/*
.header {
  background: #870000;
background: -webkit-linear-gradient(to right, #190A05, #870000);
background: linear-gradient(to right, #190A05, #870000);
}
*/