/* Extra small devices (phones, 600px and down) */
@media (max-width: 600px){
  .carousel-item {
    width: 170%;
    max-width: 170%;
    max-height: 250vh !important;
    transform: translateY(0vh) translateX(-12vw) !important;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 600px){
  .carousel-item {
    width: 120%;
    max-width: 120%;
    max-height: 200vh !important;
    transform: translateY(0vh) translateX(-7vw) !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px){
  .carousel-item {
    width: 100%;
    max-width: 100%;
    max-height: 180vh !important;
    transform: translateY(0vh) !important;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 992px){
  .carousel-item {
    width: 100%;
    max-width: 100%;
    max-height: 110vh !important;
    transform: translateY(-5vh) !important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1200px){
  .carousel-item {
    width: 100%;
    max-width: 100%;
    max-height: 85vh !important;
    transform: translateY(-22vh) !important;
  }
}

.carousel-caption {
  background-color: rgba(75, 75, 75, 0.493);
  width: 100%;
  height: 25%;
  left: 0%;
  top: 95%;
  border-top: .5px solid #eea319;
  border-bottom: .5px solid #eea319;
}

.caro-font {
  font-size: 2em;
  margin-top: 1%;
  color: rgb(255, 255, 255);
}

.navbar {
    background-color: rgb(33, 33, 33, 0.82) !important;
}

.pricing-title-wash, .pricing-title-detail, .pricing-title-steam, .content-title, .section-heading {
  font-size: 1.5em;
}

.price {
  font-size: 1.4em;

}

.content-text {
  font-size: 1.5em;
}

#services, #footer {
  background-color:rgb(214, 214, 214);
}

.card {
  border-radius: 0 !important;
  margin: .55%;
  padding-top: 1.1%;
}

hr {
  display: block;
  margin-top: 0.15em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: .06em;

}

.hr-wash {
  border-color: blue;
}

.hr-detail {
  border-color:red;
}

.hr-steam {
  border-color:green;
}

.iframe-map {
  width: 100%;
  height: 60vh;
  overflow: hidden;
}

.footer-color {
  color: #eea319;
  font-weight: bold;
  font-size: 1.2em;
}